threejs中的坐标系

来源：互联网发布：虾米音乐淘宝登陆不了编辑：程序博客网时间：2024/05/29 03:50

threejs中的坐标系

左手坐标系和右手坐标系

三维坐标系分种，左手坐标系和右手坐标系。如下图：

左手坐标系和右手坐标系的区别只是Z轴的方向不同而已。而threejs中采用的是右手坐标系。

AxisHelper

AxisHelper是一个坐标轴对象，添加到场景中我们就可以看到世界坐标系的具体位置。例子：

var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);  camera.position.set(0,0,10);camera.lookAt(scene.position);var renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight);renderer.setClearColor('#000'); document.body.appendChild(renderer.domElement);//立方体 var cube = new THREE.Mesh(new THREE.CubeGeometry(1,2,3), new THREE.MeshBasicMaterial({color : 'green'}));scene.add(cube);//坐标轴辅助var axes = new THREE.AxisHelper(10);scene.add(axes);//动画function updata(){cube.rotation.y +=0.01;axes.rotation.y +=0.01;renderer.render(scene, camera);requestAnimationFrame(updata);}updata();

0 0