THREE.JS l'Exportation de JSON modèles à partir de blender (y compris les textures)
Je suis en utilisant le mrdoob Blender Plugin d'Export (io_mesh_threejs) à l'Exportation à Trois JS, mais l'exportation .js ou .dae objets ne contiennent aucune référence à la texture des fichiers. Est-il une manière particulière, j'ai besoin d'exporter l'objet? Sinon, est-il une façon spéciale je besoin de présenter la carte à l'objet dans Blender 2.65 pour l'exportateur de l'inclure. Enfin, si il n'y a pas un chemin, puis-je ajouter manuellement la texture dans le fichier JS?
Blender Avant De Les Exporter
Objet JSON Exportés (sans référence à la texture)
{
"metadata" :
{
"formatVersion" : 3.1,
"generatedBy" : "Blender 2.65 Exporter",
"vertices" : 8,
"faces" : 6,
"normals" : 8,
"colors" : 0,
"uvs" : [4],
"materials" : 1,
"morphTargets" : 0,
"bones" : 0
},
"scale" : 1.000000,
"materials" : [ {
"DbgColor" : 15658734,
"DbgIndex" : 0,
"DbgName" : "Material",
"blending" : "NormalBlending",
"colorAmbient" : [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
"colorDiffuse" : [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
"colorSpecular" : [0.5, 0.5, 0.5],
"depthTest" : true,
"depthWrite" : true,
"shading" : "Lambert",
"specularCoef" : 50,
"transparency" : 1.0,
"transparent" : false,
"vertexColors" : false
}],
"vertices" : [1,-0.988938,-1,1,-0.988938,1,-1,-0.988938,1,-1,-0.988938,-1,1,1.01106,-0.999999,0.999999,1.01106,1,-1,1.01106,1,-1,1.01106,-1],
"morphTargets" : [],
"normals" : [0.577349,-0.577349,-0.577349,0.577349,-0.577349,0.577349,-0.577349,-0.577349,0.577349,-0.577349,-0.577349,-0.577349,0.577349,0.577349,-0.577349,-0.577349,0.577349,-0.577349,-0.577349,0.577349,0.577349,0.577349,0.577349,0.577349],
"colors" : [],
"uvs" : [[1,-0,1,1,0,1,-0,0]],
"faces" : [43,0,1,2,3,0,0,1,2,3,0,1,2,3,43,4,7,6,5,0,0,1,2,3,4,5,6,7,43,0,4,5,1,0,0,1,2,3,0,4,7,1,43,1,5,6,2,0,0,1,2,3,1,7,6,2,43,2,6,7,3,0,0,1,2,3,2,6,5,3,43,4,0,3,7,0,2,3,0,1,4,0,3,5],
"bones" : [],
"skinIndices" : [],
"skinWeights" : [],
"animation" : {}
}
Le Code Pour Charger Objet JSON
var object;
var loader = new THREE.JSONLoader();
loader.load( "./quirk_logo.js", function(geometry, materials) {
var material = new THREE.MeshFaceMaterial(materials);
object = new THREE.Mesh(geometry, materials);
object.scale.set(1, 1, 1);
scene.add(object)
render();
});
OriginalL'auteur Spider | 2013-03-06
Vous devez vous connecter pour publier un commentaire.
Je pense que vous pouvez exporter votre modèle à
.obj
de votre Blender, puis suivez le reste de la partie de ce tutoriel pour obtenir votre droit.json
modèle.http://bkcore.com/blog/3d/webgl-three-js-workflow-tips.html
Si vous ne souhaitez pas installer Python, vous devriez essayer sa version portable (je suis en utilisant cette version). page de Téléchargement
OriginalL'auteur Manhhailua
Ce doit être ce que vous cherchez.
http://graphic-sim.com/B_basic_export.html
Il peut être à voir avec votre chargeur de code que j'ai été le comparer avec le mien et j'ai ceci: var modelLoader = new TROIS.JSONLoader().load( "./quirk_logo.js", function ( géométrie, matériaux ) { var matériel = matériaux[ 0 ]; var maillage = new TROIS.Maille( géométrie, les nouveaux de TROIS.MeshFaceMaterial( matériaux ) ); filet.l'échelle.ensemble( 1, 1, 1 ); scène.ajouter( mesh ); } ); Ma conjecture est que vous n'êtes pas le réglage de votre matériel de tableau pour le premier élément, c'est la création de la maille, mais pas en appliquant le matériel si vous avez suivi le tutoriel ci-dessus. Si cela ne fonctionne toujours pas après ça, je vais essayer de l'aider un peu plus.
OriginalL'auteur Yazuka
Prendre un coup d'oeil à l'exemple que j'ai concocté .
https://github.com/master-atul/blender3js
U peut voir l'exemple ici :
http://www.atulr.com/blender3js
Vous pouvez consulter mon code de mon repo lien.
Et si vous souhaitez connaître les options d'exportation que j'ai utilisé :
J'ai directement exporté les animations et tout à partir de blender avec les options décrites ici.
https://devmatrix.wordpress.com/2013/02/27/creating-skeletal-animation-in-blender-and-exporting-it-to-three-js/
Espérons que cette aide
Cheers 🙂
OriginalL'auteur Atul