Three.js で始めるテクスチャですよ！ 無機質なマテリアルよりは、 やっぱりテクスチャを貼ると見え方が全然違いますね〜。 ちゃんと3D空間に、色のある世界... 続きを読む
Three.js テクスチャとバンプマップを使う (TypeScript)
カテゴリー: three.jsによるHTML5 3D グラフィクス
webpack, TypeScriptでdat.GUI を使いたい。
dat.GUI というJSのライブラリを使いたかったけど、 npm, webpack, typescriptの構成で使おうとしていたんだけれども、 結局導入にあ... 続きを読む
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オブジェクトの回転について勉強しました。 オブジェクトの姿勢(角度)を表すのには、 下記の２つ... 続きを読む
TypeScript でThree.js を始める
three.js の話というよりか、 node.jsのフロントエンドの環境構築の話です。 TypeScriptでthree.js扱いたい。 JavaScript... 続きを読む
Three.jsで学ぶ3Dオブジェクト
Three.js のお勉強の続きです。 今回は 3Dオブジェクト！！ Three.jsでは、3D空間に配置するオブジェクトを3Dオブジェクトと呼んでいます。 3... 続きを読む