40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
|
// Создаём приложение app...
|
|||
|
|
let app = new PIXI.Application({ width: 400, height: 400 });
|
|||
|
|
document.body.appendChild(app.view); // и добавляем его на страницу
|
|||
|
|
|
|||
|
|
// Отключаем сглаживание
|
|||
|
|
PIXI.settings.SCALE_MODE = PIXI.SCALE_MODES.NEAREST;
|
|||
|
|
|
|||
|
|
// Добавляем фон
|
|||
|
|
app.renderer.backgroundColor = 0x779911;
|
|||
|
|
console.log(app.renderer.options);
|
|||
|
|
|
|||
|
|
// Создаём спрайт и добавляем его на сцену
|
|||
|
|
let sprite = PIXI.Sprite.from('/assets/chest.png');
|
|||
|
|
// Установим точку привязки спрайта по центру
|
|||
|
|
sprite.anchor.set(0.5);
|
|||
|
|
|
|||
|
|
// Увеличим размер спрайта вдвое
|
|||
|
|
sprite.width *= 5;
|
|||
|
|
sprite.height *= 5;
|
|||
|
|
|
|||
|
|
// Разместим спрайт по центру
|
|||
|
|
sprite.y = app.screen.height / 2;
|
|||
|
|
sprite.x = app.screen.width / 2;
|
|||
|
|
app.stage.addChild(sprite);
|
|||
|
|
|
|||
|
|
sprite.interactive = true;
|
|||
|
|
sprite.cursor = 'wait';
|
|||
|
|
sprite.on('click', (event) => {
|
|||
|
|
alert('bye!');
|
|||
|
|
sprite.destroy();
|
|||
|
|
console.log(sprite);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// Добавляем ticker для перемещения спрайта туда-сюда
|
|||
|
|
app.ticker.add((delta) => {
|
|||
|
|
if (sprite._destroyed != true) {
|
|||
|
|
sprite.rotation += 0.05 * delta;
|
|||
|
|
}
|
|||
|
|
});
|