Proton

访客4年前黑客工具428

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工具,但是也有很多用户因为没有正确地使用iCloud,导致数据丢失或设备出现问题。 一、iCloud同步数据,设备数...

黑客都这样厉害吗(黑客很可怕吗)

黑客都这样厉害吗(黑客很可怕吗)

本文导读目录: 1、现在黑客有那么厉害吗? 2、什么是黑客? 很厉害吗? 是不是像电视上那种想查什么都能查到的? 3、黑客真的很厉害吗? 4、网络黑客真的有那么厉害吗? 5、真正意义上...

用啥设施可以查看我老公微信聊天记录

手机软件扫描仪数据信息,和是不是登陆微信帐户或是是不是能够进入微信没有关系,是必须扫描仪手机相匹配的数据库查询的数据信息印痕,查询记录的。因此手机微信打不开,也是能够举办扫描仪查询记录的。 微信打不开...

冬天用什么饰品好(冬季女生戴什么材质的饰品

冬天用什么饰品好(冬季女生戴什么材质的饰品

即使寒冷沉闷冬季,也不降低我们爱美女生们的装扮热情。 冬季佩戴饰品选择困难的小仙女不用怕啦,选对饰品材质,打破冬日萧索、沉闷的感觉。 星星推荐: 冬季适合佩戴的饰品材质 ▽▽▽ 莹亮珍珠饰品...