-
Three.jsのオブジェクト移動をTransformControlsで実装【マウス・タッチ両方対応】Three.jsでのオブジェクト = メッシュの移動 これには便利なクラスが用意されてました その名もTransformControlsというもの 使ってみたら本当に便利だったので、 このTransformControl...
-
Three.jsでScene背景にグラデーションを設定したいThree.jsでアプリ開発とかしてます。 その時、こんな問題にぶつかりました。 Sceneの背景色は単色だったら簡単 でもグラデーションさせるには・・・? ググっても中々出てこなくて困ります。 ただやっとその方法を見つ...
-
Three.jsとかでFPS表示に便利な stat.js を使ってみたthree.jsでこういう情報をデバッグしたい時 FPS(frame per seconds) 1フレーム描画にかかる時間 現在使用されているメモリ総量 その他レンダラ―関係の情報 こういうのを一目で確認できたら便利です...
-
three.jsで読込モデルをポイントクラウド表示してみたポイントクラウド(point cloud)とは・・・ 点群 = 点だけで表示すること 3Dモデルの表示方法の1つです。 ここではThree.jsでモデル読込し、 それを ポイントクラウド表示する方法 をまとめました。 ポ...
-
Three.jsで読込モデルをワイヤーフレーム表示してみたワイヤーフレームとは・・・ 次の説明のように、線だけでモデル表現することです。 ワイヤーフレームは、立体を無数の点でとらえ、それぞれの点を線で結んで表現したものです。頂点と稜線(りょうせん)の情報によるデータ構造から表現...
-
three.js で Mesh をレントゲン透視みたいに表示してみたX線透視というかレントゲン透視というか・・・ そういう効果を付けてモデル表示したかったんです。 色々試行錯誤したところ、その方法が分かりました。 そこで Three.jsでMeshをレントゲン透視する方法 をまとめます。...