Javascript Can'；t在Three.js中设置线框旋转动画

我试图使线框在场景中旋转

当我移除BoxHelper时，动画会起作用，但我希望不使用对角线而不是实体对象来设置立方体线框的动画

---

代码笔演示：

---

代码：

---

THREE.BoxHelper

实例的位置与

THREE.Mesh

的位置相关联。要使代码正常工作，必须将网格添加到场景中并旋转网格。您的长方体辅助对象将跟随

如果不想显示网格，只需设置

mesh.visible=false

此代码适用于：

var w = window.innerWidth, h = window.innerHeight,
    scene = new THREE.Scene(), 
    camera = new THREE.PerspectiveCamera(75, w/h, 0.1, 1000),
    renderer = new THREE.WebGLRenderer(),
    geometry = new THREE.BoxGeometry( 1, 1, 1 ),
    mesh = new THREE.Mesh( geometry );

camera.position.z = 2;  
renderer.setSize(w,h);
document.body.appendChild(renderer.domElement);

mesh.visible = false; //<-- hide mesh
scene.add(mesh);      //<-- add mesh to scene

cube = new THREE.BoxHelper(mesh);   
cube.material.color.setRGB(25,25,25);
scene.add(cube);

function render(){
    mesh.rotation.y += 0.01; //<-- rotate the mesh

    requestAnimationFrame( render );
    renderer.render( scene, camera );
}

render();

var w=window.innerWidth，h=window.innerHeight，
场景=新的三个。场景（），
摄像机=新的三视角摄像机（75，宽/高，0.11000），
renderer=new THREE.WebGLRenderer（），
几何体=新的三盒几何体（1,1,1），
网格=新的三个网格（几何体）；
摄像机位置z=2；
渲染器。设置大小（w，h）；
document.body.appendChild（renderer.doElement）；
mesh.visible=false//
var w = window.innerWidth, h = window.innerHeight,
    scene = new THREE.Scene(), 
    camera = new THREE.PerspectiveCamera(75, w/h, 0.1, 1000),
    renderer = new THREE.WebGLRenderer(),
    geometry = new THREE.BoxGeometry( 1, 1, 1 ),
    mesh = new THREE.Mesh( geometry );

camera.position.z = 2;  
renderer.setSize(w,h);
document.body.appendChild(renderer.domElement);

mesh.visible = false; //<-- hide mesh
scene.add(mesh);      //<-- add mesh to scene

cube = new THREE.BoxHelper(mesh);   
cube.material.color.setRGB(25,25,25);
scene.add(cube);

function render(){
    mesh.rotation.y += 0.01; //<-- rotate the mesh

    requestAnimationFrame( render );
    renderer.render( scene, camera );
}

render();