Flash大好きFlasherなボクですが、世間の流れにも乗らなければいけません。three.jsのパーティクルを触ってみました。three.js(r69)でパーティクルを扱うにはPointCloudクラスを使うようです。#webgl_particles_billboards公式のexampleも豊富で色々あってみてるだけで楽しいのですが、パーティクルをコマアニメさせているサンプルはなかったようなので作ってみました。:DEMOウォーリーを探せ的なノリでFlasherを探し、クリックで捕まえてください。だいたい想像通りのことがおきます。PCはChromeで観てください。(他ブラウザは確認してません)スマホにもなんとなく対応しました。iPhone6以上で観てください。Androidなんて知りません。three.jsのexample風に、htmlにscriptやらcssを書いてますが勢いで書いたのでcssが大分酷いです。※ヌルヌルと動いてくれるコマアニメ素材はこちらをベースとさせて頂きました。MMDで出力したモブ子さん動画をゲーム用のキャラ画像に変換やったことまず、three.jsでspritesheetなコマアニメするにはこちらのサンプルが参考になりました。(Three.js)Textureのoffsetとrepeatプロパティを使うことで簡単にコマアニメできる仕組みがあるようです。PoindCloudはPlaneやBoxといった一般的なPrimitiveなオブジェクトとは違いちょっと特殊なようでPointCloudMaterialというPoindCloud用のマテリアルが用意されていました。PointCloudMaterialもTextureを渡すことで、任意の画像をパーティクルにすることができるので、同じようにTextureのoffsetとrepeatプロパティをゴニョゴニョすればいいかと思って試したところ、エラーとなり、うまくいきませんでした。PointCloudMaterialを諦め、ShaderMaterialを使用してます。(PointCloudMaterialでもうまいことできる方法もあるのかもしれませんが。)PointCloudでShaderMaterialを使う際にはこちらの記事とサンプルが参考になりました。Attribute上の習作を簡素にしたサンプルもアップしてあります。具体的にどう書いてるのかはこちらの方がわかりやすいかもしれません。簡素なサンプルのDEMO簡素なサンプルのソース:gistコマアニメを大量にうごかしてみるのはなかなか楽しいですね。upLoginユーザーは見つかりませんでした。