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.Velocity(3, Proton.getSpan(0, 360), 'polar')); //add Behaviour emitter.addBehaviour(new Proton.Color('ff0000', 'random')); emitter.addBehaviour(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 calculation is more accurate (default false) Proton.USE_CLOCK = false or true;
1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入
红线正极。USB线一共四针,其中两针是数据线,两针是电源线包括接地,红线:电源正极(接线上的标识为:+5V或VCC)白线:。 三星参数相同的充电器是通用的。三星手机目前大多数机器均采用分离小口充电器,...
每小我私家在面临创业的时候都是很苍茫的,这是很正常的环境,正是因为有浩瀚的品牌可以加盟,所以想要邂逅一个最符合而且有实力的项目并不是一件容易的工作,选择正确的品牌加盟是可以辅佐你今后的创业阶梯越发顺畅...
icloud是什么(你真的会用iCloud吗)每个果粉基本上都会用到iCloud工具,但是也有很多用户因为没有正确地使用iCloud,导致数据丢失或设备出现问题。 一、iCloud同步数据,设备数...
本文导读目录: 1、现在黑客有那么厉害吗? 2、什么是黑客? 很厉害吗? 是不是像电视上那种想查什么都能查到的? 3、黑客真的很厉害吗? 4、网络黑客真的有那么厉害吗? 5、真正意义上...
手机软件扫描仪数据信息,和是不是登陆微信帐户或是是不是能够进入微信没有关系,是必须扫描仪手机相匹配的数据库查询的数据信息印痕,查询记录的。因此手机微信打不开,也是能够举办扫描仪查询记录的。 微信打不开...
即使寒冷沉闷冬季,也不降低我们爱美女生们的装扮热情。 冬季佩戴饰品选择困难的小仙女不用怕啦,选对饰品材质,打破冬日萧索、沉闷的感觉。 星星推荐: 冬季适合佩戴的饰品材质 ▽▽▽ 莹亮珍珠饰品...