JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了等距相机与THREE.js大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何将相机的角度设置为像 isometric projection这样的角度?

解决方法

要获得等轴测图,您可以使用OrthographicCamera.然后,您需要正确设置相机的方向.有两种方法可以做到这一点:

方法1 – 使用camera.lookAt()

var aspect = window.innerWidth / window.innerHeight;
var d = 20;
camera = new THREE.OrthographicCamera( - d * aspect,d * aspect,d,- d,1,1000 );

camera.position.set( 20,20,20 ); // all components equal
camera.lookAt( scene.position ); // or the origin

方法2 – 设置camera.rotation的x分量

camera.position.set( 20,20 );
camera.rotation.order = 'YXZ';
camera.rotation.y = - Math.PI / 4;
camera.rotation.x = Math.atan( - 1 / Math.sqrt( 2 ) );

小提琴:http://jsfiddle.net/q3m2kh5q/

three.js r.73

大佬总结

以上是大佬教程为你收集整理的等距相机与THREE.js全部内容,希望文章能够帮你解决等距相机与THREE.js所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: