作業の進め方
Three.js Texturesは、モデルに適用する画像の読み込みと設定を扱います。カラー画像とデータマップを区別し、ラッピングとUV変換を説明し、canvas、動画、圧縮、キューブ、HDRの各テクスチャの方法を紹介します。
ソースでは、再利用、解像度の選択、破棄によるオーナーシップとメモリの扱いにも触れています。これらは、サーフェスに適した画像を選ぶこととは別の問題です。ローダーAPIやUVチャンネルの前提はリリースによって変わる可能性があるため、実際のプロジェクトで確認が必要です。
想定される成果物
- マップの役割を明示したテクスチャの読み込み
- UVのラッピング、リピート、オフセット、フィルタリングの設定
- 再利用、圧縮、破棄の計画
ブリーフからレビューまで
- 01画像を分類する
カラー画像とエミッシブ画像を、ノーマルやラフネスなどのデータテクスチャから分けます。
- 02マッピングを確認する
UVを確認し、サーフェスに合わせてリピート、フィルタリング、回転を設定します。
- 03メモリを管理する
重複した読み込み、有効な解像度、圧縮のサポート、リソースのオーナーシップを見直します。