###前提・実現したいこと
複数Textureファイルを持つVRMLモデルをOBJ形式でThree.jsのOBJLoader/MTLLoader
を使って3Dモデルを表示させたい。
以下のファイル構成のVRMLは正しく表示できる。
rv6a.wrl
prop.png
rv6a_Top_tpl.png
rv6a_side.png
BlenderでImport/Exportし以下を生成した。
rv6a.mtl
rv6a.obj
rv6a.mtlで示されるTextureファイルとShapeを正しく関連つける方法を知りたいです。
###発生している問題・エラーメッセージ
一つのTextureファイルの情報は正しい位置に表示されるが、他のTextureファイルは
正しい位置に関連つけられない。
以下のrv6a.mtlに示される部位とTextureファイルが関連つかない。
また、Textureファイル内の画像位置とShapeの関連がわからない?
Blender MTL File: 'None'
Material Count: 39
newmtl Shape
Ns 96.078431
Ka 0.000000 0.000000 0.000000
Kd 0.800000 0.800000 0.800000
Ks 0.000500 0.000500 0.000500
Ni 1.000000
d 0.0
illum 2
map_Kd prop.png
map_d prop.png
newmtl Shape.001
Ns 96.078431
Ka 0.000000 0.000000 0.000000
Kd 0.800000 0.800000 0.800000
Ks 0.000500 0.000500 0.000500
Ni 1.000000
d 0.0
illum 2
map_Kd prop.png
map_d prop.png
newmtl Shape.002
Ns 96.078431
Ka 0.000000 0.000000 0.000000
Kd 0.800000 0.800000 0.800000
Ks 0.161000 0.161000 0.161000
Ni 1.000000
d 1.000000
illum 2
map_Kd prop.png
map_d prop.png
newmtl Shape.003
Ns 96.078431
Ka 0.000000 0.000000 0.000000
Kd 0.800000 0.800000 0.800000
Ks 0.161000 0.161000 0.161000
Ni 1.000000
d 1.000000
illum 2
map_Kd rv6a_Top_tpl.png
エラーメッセージ
とくにありません。
###該当のソースコード
// RV-6A
var manager = new THREE.LoadingManager();
manager.onProgress = function ( item, loaded, total ) {
console.log( item, loaded, total );
};
var tex = new THREE.Texture();
var texloader = new THREE.ImageLoader( manager );
texloader.load( 'mmd/rv6a.png', function ( image ) {
tex.image = image;
tex.needsUpdate = true;
} );
mtlLoader.load( "mmd/rv6a.mtl", function( materials ) {
materials.preload();
var objLoader = new THREE.OBJLoader();
objLoader.setMaterials( materials );
objLoader.load( "mmd/rv6a.obj", function ( object ) {
object.scale.set( 1, 1, 1 );
object.traverse( function ( child ) {
if ( child instanceof THREE.Mesh ) {
child.material.map = tex;
}
} );
mesh = object;
meshShadow = new THREE.ShadowMesh( mesh );
scene.add( mesh );
scene.add( meshShadow );
}, onProgress, onError );
});
###試したこと
とりあえず上記の3つのpngを組み合わせて1つにした。
rv6a.png
上記のソースコードで一応rv6a.pngは、rv6a.objに張り付いたが、
rv6a_Top_tpl.pngを優先した場合、rv6a_side.pngが正しい位置に表示できない。
###補足情報(言語/FW/ツール等のバージョンなど)
Three.jp r77
あなたの回答
tips
プレビュー