Pixil

Wrapper engine for pixi.js

Documentation can be found here

Usage

npm i pixil

import { App, View, Label, Button } from 'pixil'
 
const app = new App({ antialias: true })
 
document.body.appendChild(app.view)
 
const splash = new View(0, 0)
const game = new View()
 
app.views.add('SPLASH', splash)
app.views.add('GAME', game)
 
const startButton = new Button({ text: 'Press me', width: 250, height: 60, radius: 30 })
splash.addChild(startButton)
startButton.onClick(() => {
    app.views.hide('SPLASH')
    app.views.show('GAME')
})
 
const gameText = new Label('It Works!!!', { fill: '#ffffff' }, 50, 50)
game.addChild(gameText)