Morphing Geometry - Three.Js

Question

그래서이 코드는 사용자가 원하는 치수를 생성하고 사용자 정의 된 new THREE.Geometry()에 표시합니다. 이것은 대부분의 사람들에게 불만이있을 수 있습니다.

• 나는 geometry.morphTargets를 삽입 할 수있는 방법을 찾을 수 없습니다 :하지만, 이봐, 난

  내 문제를 three.js를 그냥 새 것으로되어 있어요. 또는 단순히, 나는 그것을 사용하는 방법을 몰라 제대로

그래서 여기 내 코드입니다 : 내가 JSONLoader로드 지오메트리 클래스의 Geometry.morphTargets 배열에 모프 타겟 방법을 검토하는 것이 좋습니다

//custom Object height and width 
    customHeightWidth(customWidth, customHeight); 

     function customHeightWidth(width, height){ 

     material = new THREE.MeshBasicMaterial({ 
     map: THREE.ImageUtils.loadTexture(uploadedFile), 
     side: THREE.DoubleSide, 
     overdraw: true, 
     wireframe: false 
     }); 
    //objects 
    combined = new THREE.PlaneGeometry(width, height, 30, 10); 

    geometry = new THREE.Geometry(); 

    geometry.name: "target1", vertices.push(new THREE.Vector3(-(width), height, 0)); 
    geometry.name: "target2", vertices.push(new THREE.Vector3(-(width), -(height), 0)); 
    geometry.name: "target3", vertices.push(new THREE.Vector3( width, -(height), 0)); 

    geometry.computeBoundingSphere(); 
    geometry.faces.push(new THREE.Face3(0, 1, 2)); 

    geometry1 = new THREE.Geometry(); 

    geometry1.vertices.push(new THREE.Vector3(width, height, 0)); 
    geometry1.vertices.push(new THREE.Vector3(-(width), height, 0)); 
    geometry1.vertices.push(new THREE.Vector3( width, -(height), 0)); 
    geometry1.computeBoundingSphere(); 

    geometry1.faces.push(new THREE.Face3(0, 1, 2)); 

     // 1st box 
     var mesh1 = new THREE.Mesh(geometry); 
     var mesh2 = new THREE.Mesh(geometry1); 

      //activating the meshs 
     THREE.GeometryUtils.merge(combined, mesh1); 
     THREE.GeometryUtils.merge(combined, mesh2); 


      mesh = new THREE.Mesh(combined, material); 
     this.scene.add(mesh); 
     }; 
      } 

     var animate = function() { 
     requestAnimationFrame(animate); 
     //mesh.rotation.x += 0.01; 
     //mesh.rotation.y -= 0.006; 
     renderer.render(scene, camera); 
     } 

init(); 
animate(); 

Answer 1

.

function parseMorphing(scale) { 

    if (json.morphTargets !== undefined) { 

     var i, l, v, vl, dstVertices, srcVertices; 

     for (i = 0, l = json.morphTargets.length; i < l; i ++) { 

      geometry.morphTargets[ i ] = {}; 
      geometry.morphTargets[ i ].name = json.morphTargets[ i ].name; 
      geometry.morphTargets[ i ].vertices = []; 

      dstVertices = geometry.morphTargets[ i ].vertices; 
      srcVertices = json.morphTargets [ i ].vertices; 

      for(v = 0, vl = srcVertices.length; v < vl; v += 3) { 

       var vertex = new THREE.Vector3(); 
       vertex.x = srcVertices[ v ] * scale; 
       vertex.y = srcVertices[ v + 1 ] * scale; 
       vertex.z = srcVertices[ v + 2 ] * scale; 

       dstVertices.push(vertex); 

      } 

     } 

    } 

Answer 2

// 읽기 morphTargets

for(i=o;i<geometry.morphTargets.length;i++) { 
morphTargets = geometry.morphTargets[i].vertices; 
return morphTargets; 
} 

// 로딩 morphTargets

loadMorphTargets = function (morphTargets) { 
     if (morphTargets !== undefined) { 
      var i, l, v, vl, dstVertices, srcVertices; 
      //for (i = 0, l = morphTargets.length; i < l; i++) { 
      geometry.morphTargets[i] = {}; 
      geometry.morphTargets[i].name = morphTargets.name; 
      geometry.morphTargets[i].vertices = []; 
      var dstVertices = geometry.morphTargets[i].vertices; 
      var srcVertices = morphTargets.vertices; 
      for (v = 0, vl = srcVertices.length; v < vl; v += 3) { 
       var vertex = new THREE.Vector3(); 
       vertex.x = srcVertices[ v ]; 
       vertex.y = srcVertices[ v + 1 ]; 
       vertex.z = srcVertices[ v + 2 ]; 
       dstVertices.push(vertex); 
      } 
     } 
    }; 

나는 당신에게 도움이 될 것 같아요.