Proton 介绍
Proton是 一个 灵活的html5粒子引擎。他 默 认 支持 canvas,dom,webgl,easeljs,pixel五种渲染方式，当然你还可以轻易的 自定义 自己的渲染器。只需10几行 代码 就可以打造你想要的粒子 效果 。?
Proton安装
npm install proton-js --save
...
import Proton from 'proton-js';
使用
var proton = new Proton();
var emitter = new Proton.Emitter();
//set Rate
emitter.rate = new Proton.Rate(Proton.getSpan(10,20),0.1);
//add Initialize
emitter.addInitialize(new Proton.Radius(1,12));
emitter.addInitialize(new Proton.Life(2,4));
emitter.addInitialize(new Proton.Ve Loci ty(3,Proton.getSpan(0,360),'polar'));
//add Behav IoU r
emitter.addBehav IoU r(new Proton.Color('ff0000','random'));
emitter.addBehav IoU r(new Proton.Alpha(1,0));
//set emitter position
emitter.p.x = canvas.width / 2;
emitter.p.y = canvas.height / 2;
emitter.emit(5);
//add emitter to the proton
proton.addEmitter(emitter);
// add canvas renderer
var renderer = new Proton.CanvasRenderer(canvas);
proton.addRenderer(renderer);
//use Euler integration cal cula tion is more accurate (default false)
Proton.USE_CLOCK = false or true;
?
网站地址 : http://a-jie.github.io/Proton/
GitHub: https://github.com/a-jie/Proton
网站描述: 一个 JavaScript 粒子引擎
Proton官方网站
官方网站： http://a-jie.github.io/Proton/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。