pixi实现火球运动动画效果代码
代码语言:html
所属分类:动画
代码描述: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