Blender Export für THREE.js

Question

Ich habe ein Problem mit THREE.js Export in Blender, nämlich: Materialien und Texturen werden überhaupt nicht exportiert.

Um das Problem zu zeigen, habe ich eine einfache Ebene mit einem Material und einer Textur erstellt.

Dies ist gesamte Datei von JSON-Export generierte:

{ 
"faces":[41,0,1,3,2,0,1,2,3,0,0,0,0], 
"metadata":{ 
    "faces":1, 
    "type":"Geometry", 
    "uvs":1, 
    "generator":"io_three", 
    "normals":1, 
    "version":3, 
    "vertices":4 
}, 
"uvs":[[0.0001,0.0001,0.9999,0.0001,0.9999,0.9999,0.0001,0.9999]], 
"normals":[1,0,0], 
"name":"PlaneGeometry", 
"vertices":[-0,3e-06,16,1e-06,-4e-06,-16,-1e-06,32,16,0,32,-16] 
} 

Im Vergleich, dies ist für OBJ/MTL Wavefront-Format exportieren (was in der Tat es bestätigt ist, ein Material und Textur-Set für das Modell)

# Blender v2.76 (sub 0) OBJ File: 'wall_pipes.blend' 
# www.blender.org 
mtllib wall_pipes.mtl 
o Plane 
v -0.000000 0.000003 16.000002 
v 0.000001 -0.000002 -15.999997 
v -0.000001 32.000000 15.999997 
v 0.000000 31.999996 -16.000002 
vt 0.000100 0.000100 
vt 0.999900 0.000100 
vt 0.999900 0.999900 
vt 0.000100 0.999900 
vn 1.000000 0.000000 0.000000 
usemtl Material.001 
s off 
f 1/1/1 2/2/1 4/3/1 3/4/1 

... und die entsprechende mtl Datei ...

# Blender MTL File: 'wall_pipes.blend' 
# Material Count: 1 

newmtl Material.001 
Ns 96.078431 
Ka 1.000000 1.000000 1.000000 
Kd 0.800000 0.800000 0.800000 
Ks 0.021739 0.021739 0.021739 
Ke 0.000000 0.000000 0.000000 
Ni 1.000000 
d 1.000000 
illum 2 
map_Kd E:\blender\models\library\textures\pk02_pipes01_C.png 
map_Bump E:\\blender\\models\\library\\textures\\pk02_pipes01_C.png 

war ich denke, ing über diese generierten obj/mtl Dateien verwenden, aber Three.js R73 (ich ziehe seinen Schatten Format über die neuen) scheint bei ihnen einige Probleme zu haben:

[.CommandBufferContext]RENDER WARNING: Render count or primcount is 0. 

Auf jeden Fall würde Ich mag JSON-Format verwenden, wie es sich für mich natürlicher anfühlt und das schlagen andere Leute woanders vor. Ich entschuldige mich, falls dieses Materialmangel-Problem etwas wirklich, wirklich dummes ist :)

Hier ist die .blend-Datei, vielleicht mache ich etwas falsch oder habe ein Kontrollkästchen irgendwo deaktiviert ...? https://github.com/Scharnvirk/wingmod/raw/blender_issue/models/wall_pipes.blend

Vielen Dank im Voraus!

Answer 1

Der three.js-Exporteur hat viele Optionen, überprüfen Sie, ob jede Material-/UV-Option aktiviert ist.

Mit den folgenden Optionen aktiviert

ich folgenden json

{ 
    "faces":[43,0,1,3,2,0,0,1,2,3,0,0,0,0], 
    "metadata":{ 
     "version":3, 
     "type":"Geometry", 
     "uvs":1, 
     "materials":1, 
     "faces":1, 
     "normals":1, 
     "generator":"io_three", 
     "vertices":4 
    }, 
    "normals":[1,0,0], 
    "name":"PlaneGeometry", 
    "uvs":[[0.0001,0.0001,0.9999,0.0001,0.9999,0.9999,0.0001,0.9999]], 
    "materials":[{ 
     "mapBumpAnisotropy":1, 
     "mapDiffuseAnisotropy":1, 
     "wireframe":false, 
     "mapBumpWrap":["RepeatWrapping","RepeatWrapping"], 
     "mapSpecularAnisotropy":1, 
     "specularCoef":50, 
     "visible":true, 
     "mapSpecularRepeat":[1,1], 
     "mapBumpScale":[2.05634,2.05634], 
     "DbgColor":15658734, 
     "mapSpecular":"pk02_pipes01_C.png", 
     "mapDiffuse":"pk02_pipes01_C.png", 
     "depthWrite":true, 
     "mapBump":"pk02_pipes01_C.png", 
     "mapDiffuseWrap":["RepeatWrapping","RepeatWrapping"], 
     "shading":"phong", 
     "depthTest":true, 
     "DbgName":"Material.001", 
     "opacity":1, 
     "colorDiffuse":[0.8,0.8,0.8], 
     "transparent":false, 
     "mapSpecularWrap":["RepeatWrapping","RepeatWrapping"], 
     "DbgIndex":0, 
     "colorSpecular":[0.021739,0.021739,0.021739], 
     "mapBumpRepeat":[1,1], 
     "mapDiffuseRepeat":[1,1], 
     "colorEmissive":[0,0,0], 
     "blending":"NormalBlending" 
    }], 
    "vertices":[-0,3e-06,16,1e-06,-4e-06,-16,-1e-06,32,16,0,32,-16] 
}