タグ別アーカイブ: トゥイーン

[three.js] モデル (5) ~ねぎ振りミク (影付き)~

three.jsを使って、モデルを作るよ。 :boy:

threejs_model5

WebGLRendererで描画するよ。
ColladaLoader を使ってみたよ。 :bouzu:

さらに、DirectionalLight も使ったよ。 :cake:  影もつけてみたよ。
レンダラー、ライト、影を落とす物体、影を落とされる物体の4つに設定が必要だよ! :beer:

OrbitControls で、ぐるんぐるん動かせるようにしてみたよ。 :sun:

@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:

続きを読む [three.js] モデル (5) ~ねぎ振りミク (影付き)~

[CreateJS] トゥイーン (7) ~easeplus~

CreateJSを使って、トゥイーンを学習するよ。 :bouzu:
TweenJSのイージングが確認できるようにしてみた! :piyo:

でも、みんな大好き Expo がないんだよねー。

createjs_tween_easeplus

そんな悲しみのなか、Arai 先生 :hakase: が! (1.0)
:check: 「yuichiroharai/easeplus-createjs · GitHub

続きを読む [CreateJS] トゥイーン (7) ~easeplus~

[pixi.js] PixiParticlesでパーティクル (4) ~炎と煙, 火の粉, 水面~

pixijsを使って、パーティクルを扱うよ。 :boy:
DisplayObjectをゆらゆらさせる水面反射効果も試してみたよ。 :bouzu:

pixijs_particles_reflection

PixiParticlesを使ってみちゃうよ。 :boy:

続きを読む [pixi.js] PixiParticlesでパーティクル (4) ~炎と煙, 火の粉, 水面~