23 lines
516 B
HTML
23 lines
516 B
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<script src="https://pixijs.download/release/pixi.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<script>
|
||
|
|
let app = new PIXI.Application({ width: 640, height: 360 });
|
||
|
|
let sprite = PIXI.Sprite.from('sample.png');
|
||
|
|
|
||
|
|
app.stage.addChild(sprite);
|
||
|
|
|
||
|
|
let elapsed = 0.0;
|
||
|
|
app.ticker.add((delta) => {
|
||
|
|
elapsed += delta;
|
||
|
|
sprite.x = 100.0 + Math.cos(elapsed/50.0) * 100.0;
|
||
|
|
});
|
||
|
|
|
||
|
|
document.body.appendChild(app.view);
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|