JavaScriptで出来たパーティクルエンジンをご紹介。 コード量も多くないので、カスタマイズして使えそうです。 デモ 画面を表示すると、マウスの動きに合わせてパーティクルも動くようになっています。 500個ほど表示させているようですが、動きもすごくスムーズですね。 以下のようなコードで動作させているようです。 function run() { ctx.globalCompositeOperation = "source-over"; ctx.fillStyle = "rgba(8,8,12,.65)"; ctx.fillRect( 0 , 0 , canvasW , canvasH ); ctx.globalCompositeOperation = "lighter"; mouseVX = mouseX - prevMouseX; mouseVY = mouseY - prevMous
![HTML5とCanvasで作られたパーティクルエンジン | Web活メモ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/1016970d5497031499dfeea4effe20bd5dcbd50a/height=288;version=1;width=512/https%3A%2F%2Fblog.verygoodtown.com%2Fwordpress%2Fwp-content%2Fuploads%2F2014%2F04%2F20100613-011-600x338.jpg)