3D

【JavaScript】three.jsで立方体にテクスチャを貼る。

Webページで動く3Dを作れる「Three.js」。この記事では、初心者向けに、立方体に好きな絵（テクスチャ）を貼り付けてクルクル回す方法を解説します。3D空間の「舞台（シーン）」、見る「視点（カメラ）」、描画する「映写機（レンダラー）」の基本設定からスタート。次に、立方体の「形」と「見た目（テクスチャ）」を作り、ライトで照らしてリアルに。最後にアニメーションで回転させます。ステップごとに学べるので、初めてでも安心！