three.js と CreateJS を組み合わせてみるよ。 :boy:
CreateJS の上に three.js を重ねてるよ。three.js の背景を透過させてるのね。 :bouzu:
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
CreateJSのスライダーで、直方体を回転できるようにしてるよ。 :sun:
続きを読む [three.js] CreateJSとの組み合わせ (2)
「three.js」タグアーカイブ
[three.js] CreateJSとの組み合わせ (1)
three.js と CreateJS を組み合わせてみるよ。 :boy:
three.js の上に CreateJS を重ねてるよ。CreateJS の背景を透過させてるのね。 :bouzu:
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
CreateJSのスライダーで、直方体を回転できるようにしてるよ。 :sun:
続きを読む [three.js] CreateJSとの組み合わせ (1)
three.js の上に CreateJS を重ねてるよ。CreateJS の背景を透過させてるのね。 :bouzu:
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
CreateJSのスライダーで、直方体を回転できるようにしてるよ。 :sun:
続きを読む [three.js] CreateJSとの組み合わせ (1)
[three.js] 直方体 (5) ~辺と頂点と面~
three.jsを使って、直方体を作るよ。 :boy:
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
OrbitControls で、ぐるんぐるん動かせるようにしてみたよ。 :sun:
続きを読む [three.js] 直方体 (5) ~辺と頂点と面~
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
OrbitControls で、ぐるんぐるん動かせるようにしてみたよ。 :sun:
続きを読む [three.js] 直方体 (5) ~辺と頂点と面~
[three.js] 直方体 (4) ~辺と頂点~
three.jsを使って、直方体を作るよ。 :boy:
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
続きを読む [three.js] 直方体 (4) ~辺と頂点~
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、SpriteMaterial, Sprite を使ってみた。 :girl:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
続きを読む [three.js] 直方体 (4) ~辺と頂点~
[three.js] 直方体 (3) ~辺と頂点~
three.jsを使って、直方体を作るよ。 :boy:
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、FontLoader, TextGeometry, MeshBasicMaterial, Mesh を使ってみた。 :girl:
続きを読む [three.js] 直方体 (3) ~辺と頂点~
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
頂点表記には、FontLoader, TextGeometry, MeshBasicMaterial, Mesh を使ってみた。 :girl:
続きを読む [three.js] 直方体 (3) ~辺と頂点~
[three.js] 直方体 (2) 〜辺~
three.jsを使って、直方体を作るよ。 :boy:
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
続きを読む [three.js] 直方体 (2) 〜辺~
WebGLRendererで描画するよ。
BoxGeometry, LineBasicMaterial, Line, Group を使ってみたよ。 :bouzu:
続きを読む [three.js] 直方体 (2) 〜辺~
[three.js] 直方体 (1)
three.jsを使って、直方体を作るよ。 :boy:
WebGLRendererで描画するよ。
BoxGeometry, MeshBasicMaterial, Mesh を使ってみたよ。 :bouzu:
続きを読む [three.js] 直方体 (1)
WebGLRendererで描画するよ。
BoxGeometry, MeshBasicMaterial, Mesh を使ってみたよ。 :bouzu:
続きを読む [three.js] 直方体 (1)
[three.js] モデル (5) ~ねぎ振りミク (影付き)~
three.jsを使って、モデルを作るよ。 :boy:
WebGLRendererで描画するよ。
ColladaLoader を使ってみたよ。 :bouzu:
さらに、DirectionalLight も使ったよ。 :cake: 影もつけてみたよ。
レンダラー、ライト、影を落とす物体、影を落とされる物体の4つに設定が必要だよ! :beer:
OrbitControls で、ぐるんぐるん動かせるようにしてみたよ。 :sun:
@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:
続きを読む [three.js] モデル (5) ~ねぎ振りミク (影付き)~
WebGLRendererで描画するよ。
ColladaLoader を使ってみたよ。 :bouzu:
さらに、DirectionalLight も使ったよ。 :cake: 影もつけてみたよ。
レンダラー、ライト、影を落とす物体、影を落とされる物体の4つに設定が必要だよ! :beer:
OrbitControls で、ぐるんぐるん動かせるようにしてみたよ。 :sun:
@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:
続きを読む [three.js] モデル (5) ~ねぎ振りミク (影付き)~
[three.js] ページ開き (2)
[three.js] ページ開き (1)
[three.js] 座標系 (2)
three.jsを使って、座標系について調べてみるよ。 :boy:
three.jsは、右手座標系でY軸上向きだよ! :cake:
OrbitControls で、ぐるんぐるん動かせるようにしてみたよ。 :sun:
X軸(正値)は赤色、Y軸(正値)は緑色、Z軸(正値)は青色。ライトの位置(方角)は黄色。オブジェクト正面に黄色の矩形を配置。
続きを読む [three.js] 座標系 (2)
three.jsは、右手座標系でY軸上向きだよ! :cake:
OrbitControls で、ぐるんぐるん動かせるようにしてみたよ。 :sun:
X軸(正値)は赤色、Y軸(正値)は緑色、Z軸(正値)は青色。ライトの位置(方角)は黄色。オブジェクト正面に黄色の矩形を配置。
続きを読む [three.js] 座標系 (2)
[three.js] 座標系 (1)
three.jsを使って、座標系について調べてみるよ。 :boy:
three.jsは、右手座標系でY軸上向きだよ! :cake:
X軸(正値)は赤色、Y軸(正値)は緑色、Z軸(正値)は青色。ライトの位置(方角)は黄色。オブジェクト正面に黄色の矩形を配置。
続きを読む [three.js] 座標系 (1)
three.jsは、右手座標系でY軸上向きだよ! :cake:
X軸(正値)は赤色、Y軸(正値)は緑色、Z軸(正値)は青色。ライトの位置(方角)は黄色。オブジェクト正面に黄色の矩形を配置。
続きを読む [three.js] 座標系 (1)
[three.js] ライト (8) ~SpotLight, castShadow~
three.jsを使って、ライトについて調べてみるよ。 :boy:
SpotLight を調べてみたよ。 :cake: 影をつけてみるよ。
レンダラー、ライト、影を落とす物体、影を落とされる物体の4つに設定が必要だよ! :beer:
@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:
続きを読む [three.js] ライト (8) ~SpotLight, castShadow~
SpotLight を調べてみたよ。 :cake: 影をつけてみるよ。
レンダラー、ライト、影を落とす物体、影を落とされる物体の4つに設定が必要だよ! :beer:
@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:
続きを読む [three.js] ライト (8) ~SpotLight, castShadow~
[three.js] ライト (7) ~DirectionalLight, castShadow~
three.jsを使って、ライトについて調べてみるよ。 :boy:
DirectionalLight を調べてみたよ。 :cake: 影をつけてみるよ。
レンダラー、ライト、影を落とす物体、影を落とされる物体の4つに設定が必要だよ! :beer:
@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:
続きを読む [three.js] ライト (7) ~DirectionalLight, castShadow~
DirectionalLight を調べてみたよ。 :cake: 影をつけてみるよ。
レンダラー、ライト、影を落とす物体、影を落とされる物体の4つに設定が必要だよ! :beer:
@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:
続きを読む [three.js] ライト (7) ~DirectionalLight, castShadow~
[three.js] 地球儀 (4)
three.jsを使って、地球儀を作るよ。 :boy:
WebGLRendererで描画するよ。
SphereGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:
さらに、DirectionalLight も使ったよ。 :cake:
んでもって、TextureLoader, CubeTextureLoader, Texture も使ったりして。 :beer:
続きを読む [three.js] 地球儀 (4)
WebGLRendererで描画するよ。
SphereGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:
さらに、DirectionalLight も使ったよ。 :cake:
んでもって、TextureLoader, CubeTextureLoader, Texture も使ったりして。 :beer:
続きを読む [three.js] 地球儀 (4)
[three.js] 地球儀 (3)
three.jsを使って、地球儀を作るよ。 :boy:
WebGLRendererで描画するよ。
SphereGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:
さらに、DirectionalLight も使ったよ。 :cake:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
続きを読む [three.js] 地球儀 (3)
WebGLRendererで描画するよ。
SphereGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:
さらに、DirectionalLight も使ったよ。 :cake:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
続きを読む [three.js] 地球儀 (3)
[three.js] 地球儀 (2)
three.jsを使って、地球儀を作るよ。 :boy:
WebGLRendererで描画するよ。
SphereGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:
さらに、DirectionalLight も使ったよ。 :cake:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
続きを読む [three.js] 地球儀 (2)
WebGLRendererで描画するよ。
SphereGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:
さらに、DirectionalLight も使ったよ。 :cake:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
続きを読む [three.js] 地球儀 (2)
[three.js] 地球儀 (1)
three.jsを使って、地球儀を作るよ。 :boy:
WebGLRendererで描画するよ。
SphereGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:
さらに、DirectionalLight も使ったよ。 :cake:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
続きを読む [three.js] 地球儀 (1)
WebGLRendererで描画するよ。
SphereGeometry, MeshPhongMaterial, Mesh を使ってみたよ。 :bouzu:
さらに、DirectionalLight も使ったよ。 :cake:
んでもって、TextureLoader, Texture も使ったりして。 :beer:
続きを読む [three.js] 地球儀 (1)
[three.js] ライト (6) ~HemisphereLight~
three.jsを使って、ライトについて調べてみるよ。 :boy:
HemisphereLight を調べてみたよ。 :cake: 半球光源(空と地面)というものらしい。
@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:
続きを読む [three.js] ライト (6) ~HemisphereLight~
HemisphereLight を調べてみたよ。 :cake: 半球光源(空と地面)というものらしい。
@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:
続きを読む [three.js] ライト (6) ~HemisphereLight~
[three.js] ライト (5) ~SpotLight~
three.jsを使って、ライトについて調べてみるよ。 :boy:
SpotLight を調べてみたよ。 :cake: いわゆるスポットライトらしい。
@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:
続きを読む [three.js] ライト (5) ~SpotLight~
SpotLight を調べてみたよ。 :cake: いわゆるスポットライトらしい。
@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」から、Colladaデータとテクスチャをダウンロードさせていただきました。 :doki:
続きを読む [three.js] ライト (5) ~SpotLight~