2016-12-16 12 views
0

シーン背景(またはスカイボックス)にthree.jsのDDSキューブマップを使用する方法は?現在、キューブマップDDSを6つの画像に分解し、THREE.CubeTextureLoader()でそれらをロードします。他の簡単な方法が存在する可能性がありますか?このように:three.jsを含むDDSキューブマップファイルからキューブマップをロード

var skybox = new THREE.TextureLoader().load('/files/skybox.dds'); 
scene.background = skybox; 
+0

はDDSLoaderを試してみてください。ここのソースの作業例:https://threejs.org/examples/webgl_materials_texture_compressed.htmlおよびDDSLoaderの追加はこちら:https://github.com/mrdoob/three.js/blob/dev/examples/js/loaders /DDSLoader.js – Radio

答えて

1

DDSLoader

var loader = new THREE.DDSLoader(); 
var skybox = loader.load('/files/skybox.dds'); 
scene.background = skybox; 

を試してみてくださいDDSLoaderクラスは、アプリケーションに追加する必要があります。https://github.com/mrdoob/three.js/blob/dev/examples/js/loaders/DDSLoader.js

+0

CubemapテクスチャがDDSLoaderで正常に読み込まれました:scene.backgroundとして使用しようとするとエラーが発生しました: 'TypeError:mipmapsはthree.jsで定義されていません:17959:22' –

+0

あなたの画像は2の累乗です。 – Radio

関連する問題