标记THREE.js的AxisHelper中的顶点

Question

标记THREE.js的AxisHelper中的顶点

请考虑以下代码:

<html>   
    <head>  
        <title>My first Three.js app</title>  
        <style>canvas { width: 100%; height: 100% }</style>  
    </head>  
<body>  
        <script src="https://rawgithub.com/mrdoob/three.js/master/build/three.js">  </script>  
        <script>        
      var scene=new THREE.Scene();
      var axis;   
      var camera = new THREE.PerspectiveCamera( 35, window.innerWidth/window.innerHeight, 0.1, 10000);  
      camera.position.z = 3;          
      var renderer = new THREE.WebGLRenderer({antialias: true});
      renderer.setSize(document.body.clientWidth,document.body.clientHeight);
      document.body.appendChild(renderer.domElement); 
      renderer.setClearColorHex(0xEEEEEE, 1.0);
      renderer.clear();
        var cube = new THREE.Mesh( new THREE.CubeGeometry(50,50,50),new THREE.MeshBasicMaterial({color: 0x000000}));        
        scene.add( cube );  
         function animate(t) {      
        camera.position.x = Math.sin(t/1000)*300;
        camera.position.y = 150;
        camera.position.z = Math.cos(t/1000)*300;      
        camera.lookAt(scene.position);       
        renderer.render(scene, camera);       
        renderer.shadowMapEnabled = true;
        window.requestAnimationFrame(animate, renderer.domElement);// auto called - many advantages
      };
    animate(new Date().getTime());
    axis = new THREE.AxisHelper(75);
    scene.add(axis);      
        </script>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

上面的代码在多维数据集中创建x,y,z轴.
请帮我标记轴.
标记文本必须与轴一起旋转.
我需要一个示例代码来自定义THREE.js中的轴帮助器(以创建标签)

Answer 1

Dav*_*vid 9

FWIW,似乎在three.js(和搅拌器,就此而言)中有一个模式,其中x,y,z轴分别是红色,绿色和蓝色(即RGB),所以如果你可以匹配RGB使用XYZ,它可以帮助确定哪个轴是哪个轴.

归档时间：	12 年，1 月前
查看次数：	8648 次
最近记录：	8 年，7 月前