学步园

　　Proton是一个灵活的html5粒子引擎。他默认支持canvas,dom,webgl,easeljs,pixel五种渲染方式，当然你还可以轻易的自定义自己的渲染器。只需10几行代码就可以打造你想要的粒子效果。

　　Proton安装

　　npminstallproton-js--save

　　...

　　importProtonfrom'proton-js';

　　Proton使用

　　varproton=newProton();

　　varemitter=newProton.Emitter();

　　//setRate

　　emitter.rate=newProton.Rate(Proton.getSpan(10,20),0.1);

　　//addInitialize

　　emitter.addInitialize(newProton.Radius(1,12));

　　emitter.addInitialize(newProton.Life(2,4));

　　emitter.addInitialize(newProton.Velocity(3,Proton.getSpan(0,360),'polar'));

　　//addBehaviour

　　emitter.addBehaviour(newProton.Color('ff0000','random'));

　　emitter.addBehaviour(newProton.Alpha(1,0));

　　//setemitterposition

　　emitter.p.x=canvas.width/2;

　　emitter.p.y=canvas.height/2;

　　emitter.emit(5);

　　//addemittertotheproton

　　proton.addEmitter(emitter);

　　//addcanvasrenderer

　　varrenderer=newProton.CanvasRenderer(canvas);

　　proton.addRenderer(renderer);

　　//useEulerintegrationcalculationismoreaccurate(defaultfalse)

　　Proton.USE_CLOCK=falseortrue;

　　总之，proton是一个使用three.js库实现的神奇3D粒子引擎。