タグ別アーカイブ: three.js

[three.js] ライト (4) ~PointLight~

three.jsを使って、ライトについて調べてみるよ。 :boy:

threejs_light4

PointLight を調べてみたよ。 :cake:  点光源というものらしい。

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

続きを読む [three.js] ライト (4) ~PointLight~

[three.js] ライト (3) ~DirectionalLight~

three.jsを使って、ライトについて調べてみるよ。 :boy:

threejs_light3

DirectionalLight を調べてみたよ。 :cake:  平行光源というものらしい。

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

続きを読む [three.js] ライト (3) ~DirectionalLight~

[three.js] ライト (2) ~AmbientLight~

three.jsを使って、ライトについて調べてみるよ。 :boy:

threejs_light2

AmbientLight を調べてみたよ。 :cake:  環境光というものらしい。

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

続きを読む [three.js] ライト (2) ~AmbientLight~

[three.js] ライト (1) ~MeshPhongMaterial, MeshLambertMaterial~

three.jsを使って、ライトについて調べてみるよ。 :boy:

threejs_light1

MeshPhongMaterial と MeshLambertMaterial を調べてみたよ。 :cake:

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

続きを読む [three.js] ライト (1) ~MeshPhongMaterial, MeshLambertMaterial~

[three.js] 光の効果 (2)

three.jsを使って、光のエフェクトを作るよ。 :boy:

threejs_effect2

WebGLRendererで描画するよ。
CylinderGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:
んでもって、ImageUtils, Texture も使ったりして。 :beer:

HSV とか マテリアルの blending プロパティも使ってみたよ。 :bouzu:
あ!PointLight も使ってる。 :girl:

itoz 師匠 :hakase: のスクリプトをこっそり使わせてもらったよ。
@mrdoob 先生 :hakase: に、Object3D の代わりに Group を使うといいよって教えてもらったよ。 :sun:

続きを読む [three.js] 光の効果 (2)

[three.js] 光の効果 (1)

three.jsを使って、光のエフェクトを作るよ。 :boy:

threejs_effect1

WebGLRendererで描画するよ。
CylinderGeometry, MeshBasicMaterial, Mesh を使ってみたよ。 :bouzu:
んでもって、ImageUtils, Texture も使ったりして。 :beer:

itoz 師匠 :hakase: のスクリプトをこっそり使わせてもらったよ。
@yoshiweb 先生 :hakase: にマテリアルのtransparent, depthTestプロパティが鍵だって教えてもらったよ。

続きを読む [three.js] 光の効果 (1)

[three.js] モデル (4) ~ねぎ振りミク~

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

threejs_model4

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

さらに、DirectionalLight も使ったよ。 :cake:

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

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

[three.js] モデル (3) ~ねぎミク~

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

threejs_model3

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

さらに、DirectionalLight も使ったよ。 :cake:

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

続きを読む [three.js] モデル (3) ~ねぎミク~

[three.js] モデル (2) 〜スライム〜

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

threejs_model2

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

さらに、DirectionalLight も使ったよ。 :cake:

Colladaデータとテクスチャは、@itoz師匠 :hakase: にいただきました。 :doki:

続きを読む [three.js] モデル (2) 〜スライム〜

[three.js] モデル (1) 〜スライム〜

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

threejs_model1

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

さらに、DirectionalLight も使ったよ。 :cake:

Colladaデータとテクスチャは、@itoz師匠 :hakase: にいただきました。 :doki:

続きを読む [three.js] モデル (1) 〜スライム〜

[three.js] 炎のパーティクル (2)

three.jsを使って、炎のパーティクルを扱うよ。 :boy:

threejs_fireparticle2

WebGLRendererで描画するよ。
Geometry, ShaderMaterial, PointCloud を使ってみたよ。 :bouzu:

さらに、ImageUtils, Texture も使ってみたよ。 :cake:
んでもって、VertexShader, FragmentShader を使ってるよ。 :beer:

続きを読む [three.js] 炎のパーティクル (2)

[three.js] 炎のパーティクル (1)

three.jsを使って、炎のパーティクルを扱うよ。 :boy:

threejs_fireparticle1

WebGLRendererで描画するよ。
Geometry, ShaderMaterial, PointCloud を使ってみたよ。 :bouzu:

さらに、ImageUtils, Texture も使ってみたよ。 :cake:
んでもって、VertexShader, FragmentShader を使ってるよ。 :beer:

続きを読む [three.js] 炎のパーティクル (1)

[three.js] パーティクル (5)

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

threejs_particle5

WebGLRendererで描画するよ。
Geometry, PointCloudMaterial, PointCloud を使ってみたよ。 :bouzu:

さらに、ImageUtils, Texture も使ってみたよ。 :cake:

続きを読む [three.js] パーティクル (5)

[three.js] パーティクル (4)

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

threejs_particle4

WebGLRendererで描画するよ。
Geometry, PointCloudMaterial, PointCloud を使ってみたよ。 :bouzu:

さらに、ImageUtils, Texture も使ってみたよ。 :cake:

続きを読む [three.js] パーティクル (4)

[three.js] パーティクル (3)

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

threejs_particle3

WebGLRendererで描画するよ。
Geometry, PointCloudMaterial, PointCloud を使ってみたよ。 :bouzu:

さらに、ImageUtils, Texture も使ってみたよ。 :cake:

続きを読む [three.js] パーティクル (3)