タグ別アーカイブ: 3D表現

[three.js] CreateJSとの組み合わせ (2)

three.jsCreateJS を組み合わせてみるよ。 :boy:
CreateJS の上に three.js を重ねてるよ。three.js の背景を透過させてるのね。 :bouzu:

threejs_createjs2

WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、ImageUtils, Texture も使ったりして。 :beer:

CreateJSのスライダーで、直方体を回転できるようにしてるよ。 :sun:
続きを読む [three.js] CreateJSとの組み合わせ (2)

[three.js] CreateJSとの組み合わせ (1)

three.jsCreateJS を組み合わせてみるよ。 :boy:
three.js の上に CreateJS を重ねてるよ。CreateJS の背景を透過させてるのね。 :bouzu:

threejs_createjs1

WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、ImageUtils, Texture も使ったりして。 :beer:

CreateJSのスライダーで、直方体を回転できるようにしてるよ。 :sun:
続きを読む [three.js] CreateJSとの組み合わせ (1)

[three.js] 直方体 (5) ~辺と頂点と面~

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

threejs_cuboid5

WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、ImageUtils, Texture も使ったりして。 :beer:

OrbitControls で、ぐるんぐるん動かせるようにしてみたよ。 :sun:
続きを読む [three.js] 直方体 (5) ~辺と頂点と面~

[three.js] 直方体 (4) ~辺と頂点~

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

threejs_cuboid4

WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、ImageUtils, Texture も使ったりして。 :beer:
続きを読む [three.js] 直方体 (4) ~辺と頂点~

[three.js] 直方体 (3) ~辺と頂点~

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

threejs_cuboid3

WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、TextGeometry, MeshBasicMaterial, MeshFaceMaterial, Mesh を使ってみた。 :girl:
続きを読む [three.js] 直方体 (3) ~辺と頂点~

[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) ~ねぎ振りミク (影付き)~

[Papervision3D] モデル (7) ~ねぎ振りミク~

Papervision3Dを使って、モデルを作るよ。 :boy:

pv3dModel7

DAEクラス で Colladaデータ を読み込んでモデルを表示してみるよ。 :bouzu:
BasicRenderEngine の代わりに、QuadrantRenderEngine を使ってみたよ。 :cake:
さらに、HoverController で、ぐるんぐるん動かせるようにしてみたよ。 :sun:

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

:caution: 要 Flash Player 11.8 以上
続きを読む [Papervision3D] モデル (7) ~ねぎ振りミク~

[Papervision3D] モデル (6) ~ねぎ振りミク~

Papervision3Dを使って、モデルを作るよ。 :boy:

pv3dModel6

DAEクラス で Colladaデータ を読み込んでモデルを表示してみるよ。 :bouzu:
BasicRenderEngine の代わりに、QuadrantRenderEngine を使ってみたよ。 :cake:

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

ポリゴン欠けが少し軽減されたかも。 :girl:

:caution: 要 Flash Player 11.8 以上
続きを読む [Papervision3D] モデル (6) ~ねぎ振りミク~

[Papervision3D] モデル (5) ~ねぎ振りミク~

Papervision3Dを使って、モデルを作るよ。 :boy:

pv3dModel5

DAEクラス で Colladaデータ を読み込んでモデルを表示してみるよ。 :bouzu:

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

やっぱりポリゴン欠けが起きてるぅ。 😥

:caution: 要 Flash Player 11.8 以上
続きを読む [Papervision3D] モデル (5) ~ねぎ振りミク~

[Papervision3D] モデル (4) ~ねぎミク~

Papervision3Dを使って、モデルを作るよ。 :boy:

pv3dModel4

DAEクラス で Colladaデータ を読み込んでモデルを表示してみるよ。 :bouzu:
BasicRenderEngine の代わりに、QuadrantRenderEngine を使ってみたよ。 :cake:

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

ポリゴン欠けが少し軽減されたかも。 :girl:

:caution: 要 Flash Player 11.8 以上
続きを読む [Papervision3D] モデル (4) ~ねぎミク~

[Papervision3D] モデル (3) ~ねぎミク~

Papervision3Dを使って、モデルを作るよ。 :boy:

pv3dModel3

DAEクラス で Colladaデータ を読み込んでモデルを表示してみるよ。 :bouzu:

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

なんかポリゴン欠けが起きてるぅ。 😥

:caution: 要 Flash Player 11.8 以上
続きを読む [Papervision3D] モデル (3) ~ねぎミク~

[Papervision3D] モデル (2) 〜スライム〜

Papervision3Dを使って、モデルを作るよ。 :boy:

pv3dModel2

DAEクラス で Colladaデータ を読み込んでモデルを表示してみるよ。 :bouzu:
さらに、PointlLight3D, FlatShader, ShadedMaterial も使ってみたよ。 :cake:

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

なんか変なラインが入ってるぅ。 😥

:caution: 要 Flash Player 11.8 以上
続きを読む [Papervision3D] モデル (2) 〜スライム〜

[Papervision3D] モデル (1) 〜スライム〜

Papervision3Dを使って、モデルを作るよ。 :boy:

pv3dModel1

DAEクラス で Colladaデータ を読み込んでモデルを表示してみるよ。 :bouzu:

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

:caution: 要 Flash Player 11.8 以上
続きを読む [Papervision3D] モデル (1) 〜スライム〜

[Papervision3D] 座標系 (2)

Papervision3Dを使って、座標系について調べてみるよ。 :boy:

pv3dCoordinates2

Papervision3Dは、左手座標系Y軸上向きだよ! :cake:
HoverController で、ぐるんぐるん動かせるようにしてみたよ。 :sun:

X軸(正値)は赤色、Y軸(正値)は緑色、Z軸(正値)は青色。オブジェクト正面に黄色の矩形を配置。

:caution: 要 Flash Player 11.8 以上
続きを読む [Papervision3D] 座標系 (2)

[Papervision3D] 座標系 (1)

Papervision3Dを使って、座標系について調べてみるよ。 :boy:

pv3dCoordinates1

Papervision3Dは、左手座標系Y軸上向きだよ! :cake:

X軸(正値)は赤色、Y軸(正値)は緑色、Z軸(正値)は青色。オブジェクト正面に黄色の矩形を配置。

:caution: 要 Flash Player 11.8 以上
続きを読む [Papervision3D] 座標系 (1)

[Stage3D] Starlingで3D回転メニュー

Flash Player 11 から採用された Stage3D を学習するよ。 :bouzu:
Starling Framework を試しちゃうんだからね。 :girl:

starling_platemenu

Starling1.6から追加されたSprite3Dクラスで、回転メニューをやってみちゃうよ。 :boy:

:caution: 要 Flash Player 11.8 以上
続きを読む [Stage3D] Starlingで3D回転メニュー

[Away3D] ステレオビュー (2) ~InterleavedStereoRenderMethod~

Away3Dを使って、ステレオビューについて調べてみるよ。 :boy:

away3dStereo2a away3dStereo2b

StereoView3D と StereoCamera3D を使うんだよ。 :bouzu:
InterleavedStereoRenderMethod を調べてみたよ。 :cake:

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

:caution: 要 Flash Player 11.8 以上
続きを読む [Away3D] ステレオビュー (2) ~InterleavedStereoRenderMethod~