Three.jsの動画リスト
-
14:22Webサイトで3D表現ができるThree jsとは?特徴やできることなどを紹介!
WebGLやWebGPUを効率的に扱うことができる、Three.js(スリージェイエス)について説明しています。ライティング(Lighting)・や物理演算・3Dモデルの読み込みなどができ、3Dのゲ…
-
36:30Three js入門!まずは初心者向けに読み込みと簡単な表示を紹介します。
今回はThree.jsを使って立体的な箱を回転させた上で表示させるところまでをやってみましょう!動画内で紹介していた、Three.jsの読み込み先URLはこちらhttps://unpkg.com/t…
-
22:24Three.jsで床を生成し、OrbitControlsでカメラを自由に動かす方法。
今回は、PlaneGeometryを使って、床を追加することで奥行きを演出し、さらにOrbitControlsを使ってカメラを自由に動かせるようにしてみましょう。画面をリサイズした際のレンダリングの…
-
17:00オブジェクトの影を生成し、別オブジェクトに反映させる方法
この動画では、DirectionalLightを使って一定方向からの光源を追加し、それによって影を別のオブジェクトに反映させる方法について説明しています。影を落とすだけなのに意外とThree.jsで…
-
15:00位置を直感的に分かりやすくするヘルパー!axesHelper・gridHelperとFPSなどを計測するstatsについて 前編
Three.jsで開発をおこなっていると、カメラやオブジェクトの移動などでどのような動きになっているか分かりづらいことがあります。この動画では、axesHelper・gridHelperを使うことに…
-
09:34位置を直感的に分かりやすくするヘルパー!axesHelper・gridHelperとFPSなどを計測するstatsについて 後編
前編の動画はこちらhttps://factory-programming-mv.com/video/-iUbtsJlU10/