pixi实现火球运动动画效果代码

代码语言:html

所属分类:动画

代码描述:pixi实现火球运动动画效果代码

代码标签: pixi 火球 运动 动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">


</head>

<body>
    <!-- partial:index.partial.html -->

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/pixi.4.4.3.js"></script>
    <script>
        var app = new PIXI.Application(900, 500, { antialias: true });
document.body.appendChild(app.view);
app.renderer.backgroundColor = 0x1e0206;


var debug = false;

var sprites = new PIXI.particles.ParticleContainer(10000, {
    scale: true,
    position: true,
    rotation: true,
    alpha: true
});
app.stage.addChild(sprites);



var circleGraphic = new PIXI.Graphics();
circleGraphic.lineStyle(0);
circleGraphic.beginFill(0xffffff,1);
circleGraphic.drawCircle(0, 0,50);
circleGraphic.endFill();

var circleTexture = app.renderer.generateTexture( circleGraphic)



var fireBack1 = new PIXI.Graphics();
fireBack1.lineStyle(0);
fireBack1.beginFill(0xff5400,1);
fireBack1.drawCircle(570, 250,200);
fireBack1.drawCircle(300, 250,150);
fireBack1.drawCircle(100, 250,100);


fireBack1.endFill();

fireBack1.x = 0;
fireBack1.y = 0;
app.stage.addChild(fireBack1);

var fireBack2 = new PIXI.Graphics();
fireBack2.lineStyle(0);
fireBac.........完整代码请登录后点击上方下载按钮下载查看

网友评论0