Proton

访客4年前黑客工具438

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米代金券、领会最新阿里云产物的种种优惠流动点击进入

相关文章

word打字自带下划线怎么取消

word电脑打字内置下横线怎么取消,word电脑打字内置下横线是由于挑选了菜单栏里边的下横线作用,将文本所有选定,再度点一下该作用就可以撤消:1、在Word网页页面中应用键盘快捷键Ctrl A,选中网...

疫情防控举报方式是什么?湖北疫情防控举报方式电话号码公布

疫情防控举报方式是什么?湖北疫情防控举报方式电话号码公布

今日,湖北市场监管部门集中公布了投诉举报方式。广大群众和消费者遇到哄抬物价、虚假广告、消费欺诈、食品安全等方面问题,可通过以下多种方式反映,市场监管部门将及时处理。...

世界银行敦促黎巴嫩爆缸的原因推行改革以摆脱经济萧条

  世界银行敦促黎巴嫩推行改革以摆脱经济萧条   新华社贝鲁特12月1日电(记者刘宗亚)世界银行1日发布的黎巴嫩经济监测报告认为,由于未采取有效的政策行动,黎巴嫩经济陷入了“严峻而持久的”萧条。世行...

答题赚钱1-6元(手机问答社区复制粘贴日赚100+)

今日给大伙儿详细介绍一个赚零花钱的好项目,合适这些无一切网络基础知识的新手实际操作,简单直接没脑子实际操作一天赚200 之上,即然门坎那么低,因此 大部分也是卖苦力活了! 大伙儿有哪些搞不懂的很有可...

如何长高?如何才能长高有方法

如何长高?如何才能长高有方法

在生活当中,很多的人都想拥有一个高的个子,因为高个子无论是面试还是找对象,都比较有优势。你别说喜欢个高的,更喜欢长得漂亮以及长得帅的,但是现实比较残酷,你没有长高。那我们这样可以长高吗? 1、经常运...

南京玄武湖罕见再现并蒂莲图片详情 并蒂莲奇景是如何形成的?

南京玄武湖罕见再现并蒂莲图片详情 并蒂莲奇景是如何形成的?

2018年6月玄武湖梁洲金陵盆景园内一盆缸栽荷花开出并蒂红莲,风靡媒体和网络。7月12日,玄武湖接天莲叶的大湖荷花中再现并蒂莲。 并蒂莲是荷花中的珍品,其生成的几率仅十万分之一。它一枝花柄上形成...