Windows 7 (64 ビット)、SketchUp Make 13.0.4812。
目標: three.js を使用して、 SketchUp .obj
.skp モデルを WebGL に変換し、ロードします。
問題: sketchup はモデルを.obj
外部テクスチャとともにエクスポートしますが、これらのテクスチャは three.js によってロードされません。
質問: SketchUp モデル.obj
をテクスチャ付きの 1 つのファイルとして保存することはできますか?
いいえ、.obj は単純なテキスト形式です。テクスチャを .obj に保存することはできません。 別の .jpg ファイルからテクスチャをロードする方法の例を次に示します。
重要な部分をコピーしました:
// texture
var manager = new THREE.LoadingManager();
manager.onProgress = function ( item, loaded, total ) {
console.log( item, loaded, total );
};
var texture = new THREE.Texture();
var loader = new THREE.ImageLoader( manager );
loader.load( 'textures/ash_uvgrid01.jpg', function ( image ) {
texture.image = image;
texture.needsUpdate = true;
} );
// model
var loader = new THREE.OBJLoader( manager );
loader.load( 'obj/male02/male02.obj', function ( object ) {
object.traverse( function ( child ) {
if ( child instanceof THREE.Mesh ) {
child.material.map = texture;
}
scene.add( object );
});
});