threejs中的坐标系
2016-12-19 12:08
162 查看
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();
相关文章推荐
- threejs中坐标系转换和实现物体跟随鼠标移动
- Vml:美洲豹系列教程之二(Shape与vml坐标系)
- 几种坐标系
- 地理坐标系与投影坐标系区别
- 深入理解ArcGIS的地理坐标系、大地坐标系
- 【转】 地理坐标系与投影坐标系的区别
- 转:地理信息中各种坐标系区别和转换总结
- 地理信息中各种坐标系区别和转换总结
- 机器人学中对齐次坐标系的理解
- 解决Openlayers转化为墨卡托坐标系定位不准和隐去前3级的问题
- WINDOWS 几种坐标系
- 理解ArcGIS的坐标系
- 坐标系的转换
- 圆柱坐标系插图。线积分
- 坐标系
- 地理坐标系与投影坐标系的区别(转)
- C++Directx11开发笔记六:3D空间坐标系变换,绘制3D图形动画
- 理解计算机3D图形学中的坐标系变换
- 理解计算机3D图形学中的坐标系变换
- cocos2d坐标系转换