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米代金券、领会最新阿里云产物的种种优惠流动点击进入
11月2日至3日,由工业和信息化部、国家广播电视总局、中央广播电视总台、广东省人民政府主办的"2020世界超高清视频(4K/8K)产业发展大会"在广州顺利召开。此次大会共同探讨了新时代下视频产业链路的...
家用洗衣机哪个牌子好?苏州装修网觉得洗衣机使用质量和寿命应该是选购第一要点,所以为大家整理了一份洗衣机质量排行榜,快来看看吧。 家用洗衣机哪个牌子好1:海尔 洗衣机是海尔的老本行,质量妥妥的,...
新华社北京6月1日电 中华人民共和国民法典 (2020年5月28日第十三届全国人民代表大会第三次会议通过) 目录 第一编 总则 第一章 基本规定 第二章 自然人 第一节 民事权利能力和民事...
为了更好地确保iPhone6S的供应,iPhone在同样的电子器件上,会挑选最少俩家经销商,而且供应是任意开展的。假如说其他都能忍,CPU的不一样让许多 果酵十分担心。 iPhone 6s处理器让果...
图片是南瓜的叫奶糖的东西基本没什么用,就是吃着玩的+BUFF,你连续吃几个会有个成就。万圣节又叫诸圣节,在每年的11。 1、南瓜削皮洗干净。2、南瓜切片放在蒸锅里蒸熟。3、把蒸好的南瓜取出放在一个小...
近日,巴基斯坦萨希瓦尔燃煤电站的工程师穆尼卜获得了中国驻巴基斯坦大使馆颁发的“中巴经济走廊项目优秀巴方员工”奖。他说:“这让我有了沉甸甸的责任感,激励我继续认真工作。” 穆尼卜工作的萨希瓦尔...