简单粒子
- 插件名:Dust
- npm:tinyjs-plugin-dust
Tiny.js 扩展模块提供一个简单的粒子特效,你可以通过 Tiny.Dust
来创建,只是你可能要传好多的参数,举个栗子:
var container = new Tiny.Container();
// 创建一个位置为 150/50 的❤️形粒子
var dust = new Tiny.Dust(150, 50, function () {
return new Tiny.Sprite.fromImage('https://zos.alipayobjects.com/rmsportal/KKKOcfaEECkqrXFOBYIa.png')
}, container,
{
number: 50,
gravity: 0.1,
randomSpacing: true,
minAngle: 0, maxAngle: 6.28,
minSize: 12, maxSize: 24,
minSpeed: 1, maxSpeed: 2,
minScaleSpeed: 0.005, maxScaleSpeed: 0.01,
minAlphaSpeed: 0.005, maxAlphaSpeed: 0.01,
minRotationSpeed: 0.05, maxRotationSpeed: 0.1
});
app.run(container);
//在主 ticker 中加上 dust 的更新
app.ticker.add(function () {
dust.update();
});
效果如下: