three.js でlightmapを試す

three.jsに限らず、3DCGのアプリケーションでは少しでも計算量を減らしてパフォーマンスを上げたいという要求があります。今回はそれに対する一つのアプローチであるlightmapを試したいと思います。 lightma […]

three.jsでキーフレームアニメーションをする

three.jsには様々なアニメーションの方法がありますが、今回はthree.js上でキーフレームを作成・再生を行う方法について説明します。 今回は例として以下のデモのような回転しながら動くティーポットを作成します。   […]

three.jsでゲーム設計するときにやったこと1

稚拙な出来で恐縮なのですが、three.jsを使って3Dのオセロを作りました。 その際にやったことを書きたいと思います。 Meshを継承する 例えば、球体のメッシュをもつテニスボールというオブジェクトを作るとしましょう。 […]

three.js buffergeometryに複数のmaterialを設定する

今回は以下のDEMOのように、Blender上で作成し,exportしたbuffergeometryに対して、複数のマテリアルを適用させる方法を説明します。 ドラッグ:カメラ回転 別ウインドウ 解説 お好きなMeshを用 […]

Blender three.js ジオメトリの面番号(face index)を編集する

前に、three.js マウスクリックで面の色を変えるで面番号の取得方法を説明しました。 しかし、リバーシのようなボードゲームを作るときなど、面番号そのものを整列させたい場合も多いです。ここではBlender上で編集する […]

three.js JSONのマテリアルのプロパティを変更する

Three.jsにおいて,マテリアルを作成するときに,FaceColorsを指定したい場合, とすれば良いが,Blender等で作成したマテリアルに対して適用させる方法がわからなかった. 方法 Blender側でも設定で […]

three.js マウスクリックで面の色を変える

デモ クリックした面の色が変わります. 解説 まず,Meshを作成する.今回は外部ファイルのジオメトリより作成したが,THREE.BoxGeometryなどでも良い.マテリアル作成時にvertexColorsプロパティに […]