Question

我正在使用three.js css3d全景图，我想在加载时停止动画。我想要一个静态panomara加载，它只移动用户操作。我怎么能这样做？

我使用的代码与示例http://threejs.org/examples/#css3d_panorama上的代码相同：

function animate() {

    requestAnimationFrame(animate);

    lon +=  0.1;
    lat = Math.max( - 85, Math.min( 85, lat ) );
    phi = THREE.Math.degToRad( 90 - lat );
    theta = THREE.Math.degToRad( lon );

    target.x = Math.sin( phi ) * Math.cos( theta );
    target.y = Math.cos( phi );
    target.z = Math.sin( phi ) * Math.sin( theta );

    camera.lookAt( target );

    renderer.render( scene, camera );  

}

谢谢你的帮助

Answer 1

下面是你的问题：

L.Layer

您会看到以上线条为您的相机设置动画。

  lat = Math.max( - 85, Math.min( 85, lat ) );
  phi = THREE.Math.degToRad( 90 - lat );
  theta = THREE.Math.degToRad( lon );

  target.x = Math.sin( phi ) * Math.cos( theta );
  target.y = Math.cos( phi );
  target.z = Math.sin( phi ) * Math.sin( theta );

相机正在查看目标，从我看到的是targetx，y，z位置随时间推移应用了动画：camera.lookAt( target ); // see the importance 而且你的渲染器渲染场景 - ＆gt;你的相机 - ＆gt;你的目标。

three.js css3d全景停止动画加载

1 个答案: