three.js 绕其边缘旋转
来源:互联网 发布:python socket通信框架 编辑:程序博客网 时间:2024/05/23 18:42
1. dummy = new THREE.Object3D();
plane = new THREE.Mesh(new THREE.PlaneGeometry(100,100),new THREE.MeshBasicMaterial({color:0xff0000}));
plane.position.set(50,0,0);
dummy.add(plane);
dummy.position.set(0,0,0);
scene.add(dummy);
由于three.js 模型默认旋转是以坐标轴 x, y z来旋转的,所以我们通过plane.rotation.x/y/z的方法只能绕其mesh的中心轴旋转,而无法绕边缘。 在这里plane为dummy的一个dhild,我们在旋转dummy的时候,plane也可以旋转。dummy也是绕中心旋转,我们只要设定好plane的坐标就好了。
在这个例子中,将Plane的左边缘的x的坐标设置为dummy的x的坐标的中心。谨记:plane坐标是相对于其parent坐标来设的,当设plane坐标时,将dummy的中心坐标看成是0,0,0而不是dummy在世纪坐标系中的坐标。
- three.js 绕其边缘旋转
- three.js绕边缘旋转
- three.js旋转元素
- three.js 画一个旋转的立方体
- Three.js自定义相机旋转动画:沿圆弧旋转
- three.js伪入门教程之旋转的九尾妖狐
- three.js内部实例-贴花(包含拖动、旋转、缩放)
- three.js
- three.js
- Three.js
- THREE.js -- 增加Nurbs曲线旋转生成曲面,即时调整更新实例
- three.js入门基本知识,教你十分钟做出一个旋转的图形
- 【matlab】:图像获得其边缘
- JS+THREE.js
- Three.js API文档
- WebGL three.js
- Three.js GUI
- three.js学习
- c++构造函数
- webkit的js对象扩展(二)——binding方式创建自定义对象(多实例)
- C语言编译流程
- 基于WebKit浏览器的本地扩展方法
- JDBC 连接字符串大全
- three.js 绕其边缘旋转
- 数据库和代码程序间的数据类型选择
- PyMongo小总结
- webkit idl 资料
- 标准输出流函数
- Android修改系统时间 & apk获取系统权限
- W3C Web IDL
- string, wstring 转换, _wtol等
- 《水墨青花》----徐志摩