インターネットを検索しましたが、この質問に対する適切な回答が見つかりませんでした。多くの人が同じ考えを求めていることに気づきました。
UV 情報を含む 3D max からエクスポートされた JSON ファイルがあります。Three.js に適用された DDS イメージを含む JSON ファイルを読み込もうとしています。(THREE.ImageUtils.loadCompressedTexture を使用) DDS 画像は Photoshop からエクスポートされました。
画像はオブジェクトに読み込まれていますが、引き伸ばされています (これは、DDS ファイルにいくつかのミップマップが含まれているため、長方形ではなくなったためだと思います)。
使用されている画像が DDS ファイルであることを three.js に伝えるにはどうすればよいですか?
前もって感謝します。
ライブデモをまとめました。ここにリンクがあります: http://aeche.eu/DDS/DDS.html 左側に適切に使用された JPG ファイル、右側に DDS ファイルが表示されます。
元の JPG 画像は次のとおりです: http://aeche.eu/DDS/art/cubeJPG.jpg
DDS ファイルを使用したキューブのコードは次のとおりです。
var map1 = new THREE.ImageUtils.loadCompressedTexture('art/cubeDDS.dds');
{
jsonLoader.load( "art/cube2.js", addCubeDDS );
function addCubeDDS( geometry, materials ) {
var material = new THREE.MeshPhongMaterial( {map: map1} );
cube1 = new THREE.Mesh( geometry, material );
cube1.position.x = 66;
scene.add( cube1 );
}