pixi-particles 羽毛特效分析筆記
Contents
上篇記錄了[CSS]看的到確摸不到的pointer-events屬性
裡面還有很炫的旋轉嶼毛特效
本來以為是計時器慢慢一秒做下去做旋轉
結果看code,竟然是pixijs特效做的
突破 D3.js 的速度極限 — 2D WebGL 與 PIXI.js
Pixi.js 中文教學
簡單爬一下,PixiJS算是能幫你做出動畫用WebGL 加速
因此動畫會非常順暢(應該吧,我沒用過)
旋轉是透過下面的套件來實作的
pixijs/pixi-particles: A particle system for PixiJS
官網有一些範例
雨毛旋轉範例是用snow特效
官方雨毛旋轉特效
|
|
可把上方內容載入到PixiParticlesEditor
在把雨毛傳到上面,這樣就可以在PixiParticlesEditor看到特效
pixi-particles上面還有很多特效值的玩一玩
好像還能運用在RPG Maker上面
PixiParticlesEditor pixi.js特效 - RPG Maker MV 讨论区 - 66RPG - Powered by Discuz!
參考來源:
pixi.jsを勉強する[2] -PIXI Particles- - [ALL]| アクアリングBLOG
PixiParticlesEditor