Javascript/pixi.js
[PIXI] ticker 사용방법
Rainbow🌈Coder
2022. 12. 26. 19:58
728x90
전체 코드
const Application = PIXI.Application;
const app = new Application({
width: window.innerWidth,
height: window.innerHeight,
transparent: false,
antialias: true,
backgroundColor: 0xAAAAAA
});
app.renderer.backgroundColor = 0x23395D;
app.renderer.view.style.position = 'absolute';
document.body.appendChild(app.view);
const graphics = PIXI.Graphics;
app.ticker.add(delta => loop(delta));
function loop(delta) {
const miniRect = new graphics();
miniRect.beginFill(0xFFFFFF)
.drawRect(Math.random() * app.screen.width, Math.random() * app.screen.height, 10, 10)//x좌표 y좌표 너비 높이
.endFill()
app.stage.addChild(miniRect);
}

마치 눈이 오는 것처럼 화면에 랜덤하게 하얀 박스가 뿌려지게 된다!
728x90