酷炫的基于HTML5的2D和3D粒子引擎——Proton( 三 )

//设置发射器位置

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

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

emitter.emit(5);

//向proton添加发射器

proton.addEmitter(emitter);

// 新增canvas渲染器

var renderer = new Proton.CanvasRenderer(canvas);

proton.addRenderer(renderer);

//使用Euler积分计算更准确(默认为false)

Proton.USE_CLOCK = false or true;

PS:3D版本的使用方法类似

DEMO演示

下面通过录制的Gif来演示一部分效果,上面已经有一些了,下面再展示一些:

酷炫的基于HTML5的2D和3D粒子引擎——Proton

推荐阅读