【Day30】Pixi-ParticleContainer+结语

PIXI.ParticleContainer

今天介绍用PIXI.ParticleContainer做粒子动画

动动看

    const app = new PIXI.Application();
    document.body.appendChild(app.view);
    let particle = new PIXI.ParticleContainer(10000,{
            position:true,
            rotation: true
        }
    )
    app.stage.addChild(particle)

let animate = []
for (let i = 0; i < 100; i++)
{
    let me = PIXI.Sprite.from("./me.png");
    me.anchor.set(0.5)
    particle.addChild(me)
    animate.push(me)
}
app.ticker.add(delta=>{
    for (let i = 0; i < 100; i++)
{
    sprite=animate[i]
    sprite.x=Math.random()*app.screen.width* delta
    sprite.y=Math.random()*app.screen.height* delta
    sprite.rotation-=0.01 * delta
}
})

成果画面：

要看更多PIXI.ParticleContainer属性可以看官网的介绍

结语

到後面几天开始去新公司上班我都不知道我在写什麽，有时候一知半解还是硬着头皮写出来，可能有很多错ＱＱ
希望之後有空再回来review一次，谢谢前公司同事找我参加，要不然我自己参加可能早就中途放弃了，耶～终於可以早点睡觉了～

～如有疑问或是错误，欢迎不吝指教～

参考来源：
[1]http://pixijs.download/release/docs/PIXI.ParticleContainer.html
[2]https://pixijs.io/examples/#/demos-basic/particle-container.js