THREE.OrbitControls Three.js で便利なOrbitControls カメラオブジェクトを引数にインスタンスを作成するだけで、 マウス操... 続きを読む
タグ: three.js
Three.js で始めるレンズフレアとフォグ
光源を当てて影ができるととてもいい感じになってきたが、 更に光源から生成されるレンズフレアを描画するとグッと雰囲気がよくなる。 あと、フォグを追加する事で、遠く... 続きを読む
Three.js テクスチャとバンプマップを使う (TypeScript)
Three.js で始めるテクスチャですよ! 無機質なマテリアルよりは、 やっぱりテクスチャを貼ると見え方が全然違いますね〜。 ちゃんと3D空間に、色のある世界... 続きを読む
window.requestAnimationFrame
three.js で始めるレンダリング関数をコールするときに利用するとよい requestAnimationFrameメソッド。 requestAnimatio... 続きを読む
Three.js で始める シャドーイング
シャドーイングとは、影をつけるという事。 影があるだけで、 物体をより立体的に捉えやすくなる。 浮いようなものであれば、浮いている事がはっきりとわかる。 それは... 続きを読む
Three.jsで学ぶライティング
ライティングとは、光源を設置して、 各オブジェクトに対して、光をあてるという事。 オブジェクトに光が当たると、 素材によってあらゆる反射をしたうえで、我々の目ま... 続きを読む
Three.js で始めるマウスでグリグリ
Three.js で描画された3D空間を、マウスでグリグリ操作するための記事です。 これで、自由に3D空間を見渡す事ができますよ。 なんと! そんな機能はすでに... 続きを読む
Three.js テキスト描画(TypeScript)
Three.js でテキスト描画をしよう。 テキストを3Dオブジェクトとして使用する場合は、TextGeometry を使えばいいが、 フォントが必要になってく... 続きを読む
オイラー角とクォータニオン
three.js で始めるオイラー角とクォータニオンについて 3Dオブジェクトの回転について勉強しました。 オブジェクトの姿勢(角度)を表すのには、 下記の2つ... 続きを読む
TypeScript でThree.js を始める
three.js の話というよりか、 node.jsのフロントエンドの環境構築の話です。 TypeScriptでthree.js扱いたい。 JavaScript... 続きを読む