博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ThreeJS之让一个模型围绕自己的轴心旋转
阅读量:2021 次
发布时间:2019-04-28

本文共 562 字,大约阅读时间需要 1 分钟。

如果一个模型不在场景的中心点,这时候使用 rotateY旋转的话,这个对象会围绕场景的中心点进行旋转,会转一个大圈

那么怎么做才能让他在任何位置的时候,围绕自己的轴心进行旋转?下面的代码即可!

// 先获取geometey的中心点位置并留存		let center = new THREE.Vector3();		ditu.children[240].geometry.computeBoundingBox();		ditu.children[240].geometry.boundingBox.getCenter(center);		let x = center.x;		let y =  center.y;		let z =  center.z;		// 把对象放到坐标原点		ditu.children[240].geometry.center();		// 绕轴旋转		ditu.children[240].geometry.rotateY(0.2);		// 再把对象放回原来的地方		ditu.children[240].geometry.translate(x, y, z);				// 这种方式是不会刷新显示的,需要执行一下render		//renderer.render(scene, camera);

 

转载地址:http://borxf.baihongyu.com/

你可能感兴趣的文章
JavaScript Mobile开发框架汇总
查看>>
PhoneGap学习笔记
查看>>
SHELL技巧:处理文件名中的那些空格
查看>>
颜色、网页颜色与网页安全色
查看>>
Yeoman学习与实践笔记
查看>>
设备尺寸杂谈:响应性Web设计中的尺寸问题
查看>>
推荐给开发和设计人员的iPad应用
查看>>
IE对文档的解析模式及兼容性问题
查看>>
几个移动应用统计平台
查看>>
jQuery的animate函数
查看>>
Phonegap项目中禁用WebViewBounce
查看>>
Mac下使用Phonegap(Apache Cordorva)开发iOS应用
查看>>
互联网金融网站走马观花
查看>>
两个有序数组中查找第K大数
查看>>
20个Linux服务器安全强化建议(三)
查看>>
关于Advertising Campaign
查看>>
什么是 Help Desk?
查看>>
Sublime Text 3 提高工作效率的使用技巧
查看>>
20个Linux服务器安全强化建议(二)
查看>>
Mac下体验Hexo与Github Pages搭建
查看>>