Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to texture animated js model exported from blender ? [Three.js]
    primarykey
    data
    text
    <p>I have successfully animated a model in blender using bone animation technique and i have also textured it in blender using uv texturing. Then Using three.js export add-on in blender i have exported the model making sure uv and animation in checked in. However i don't know the technique to load the texture for the animated model. I viewed the morph normal example included in three.js where there is simple color texture is used using Lambert material. I have texture from external file. How do i load the texture. In js animated model file there is location for the texture and it is in same location. But it doesn't load. i used the face material technique as well.</p> <p>the location for three.js example that i used to modify:</p> <p><a href="http://threejs.org/examples/webgl_morphnormals.html" rel="nofollow">http://threejs.org/examples/webgl_morphnormals.html</a></p> <p>Here is my code:</p> <pre><code>var loader = new THREE.JSONLoader(); loader.load( "bird_final.js", function( geometry, materials ) { morphColorsToFaceColors( geometry ); geometry.computeMorphNormals(); // the old code to set color to the model //var material = new THREE.MeshLambertMaterial( { color: 0xffffff, morphTargets: true, morphNormals: true, vertexColors: THREE.FaceColors, shading: THREE.SmoothShading } ); // my code var meshAnim = new THREE.MorphAnimMesh( geometry, new THREE.MeshFaceMaterial( materials ) ); meshAnim.duration = 500; meshAnim.scale.set( 20, 20, 20 ); meshAnim.position.y = 150; meshAnim.position.x = -100; scene1.add( meshAnim ); morphs.push( meshAnim ); } ); </code></pre> <p>Except the documentation and some basic tutorials scattered across the web, is there anywhere i can learn three.js from ground up. like i know setting up scene and creating basic geometry stuffs but some detail info like loading textured model loading scenes etc.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload