「HTML5」タグアーカイブ

[CreateJS] 炎のパーティクル

CreateJSを使って、パーティクルを扱うよ。 :boy:

createjs_fireparticle

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

詳しくは「HTML5 Canvasでパーティクル表現!パーティクルエンジンParticleEmitterJS | ClockMaker Blog
:check: 「ParticleEmitterJS | Purple Monkey Studios

続きを読む [CreateJS] 炎のパーティクル

[three.js] 平面 (4)

three.jsを使って、平面を作るよ。 :boy:

threejs_plane4

WebGLRendererで描画するよ。
PlaneGeometry, MeshLambertMaterial, Mesh を使ってみたよ。 :bouzu:

んでもって、CubeTextureLoader, Shader も使ったりしちゃったよ。 :beer:

Group で、2つの平面重ねたけどね。 :bear:

続きを読む [three.js] 平面 (4)

[three.js] 立方体 (4)

three.jsを使って、立方体を作るよ。 :boy:

threejs_cube4

WebGLRendererで描画するよ。
BoxGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:

さらに、PointLight も使ったよ。 :cake:
んでもって、CubeTextureLoader, Shader も使ったりしちゃったよ。 :beer:

続きを読む [three.js] 立方体 (4)

[three.js] 立方体 (3)

three.jsを使って、立方体を作るよ。 :boy:

threejs_cube3

WebGLRendererで描画するよ。
BoxGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:

さらに、DirectionalLight も使ったよ。 :cake:
んでもって、TextureLoader, Texture も使ったりして。 :beer:

続きを読む [three.js] 立方体 (3)