html5 threejs webgl 双击放大

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html5 threejs webgl 双击放大相关的知识,希望对你有一定的参考价值。

现在在做一个页面,里面有一个3D图像,鼠标双击图像某一点时,点击的部位就会进行放大处理,再次双击就恢复到原来的情况。我已经做了一部分,但是双击后的放大指定的部位不是鼠标双击的位置,有谁能够帮忙解决一下,网上的资料实在太少。

很难精确控制,除非这一点是正好位于视口中心点,建议先:
1,整体移动3D模型,使鼠标双击点位于视口中心
2,放大
3,执行第一步的相反的操作追问

很抱歉现在才来继续问你,我们一直想的方式有两种,第一种是移动摄像头,但是有问题(物体旋转后,将摄像头定位拉近,但摄像头还是旋转去看前面的影像)

第二个就是你说的,但是物体属于中心旋转的物体,你移动它的话,也势必要调整他的角度,这又是一个难题。如下图

图片没有切太大,要不上传不了,这种整体有一点俯视的感觉,没有平视的效果

参考技术A 很愿意帮助你追问

请不要灌水,要是知道怎么弄请拿出来共享一下

以上是关于html5 threejs webgl 双击放大的主要内容,如果未能解决你的问题,请参考以下文章

Webgl/Threejs 学习及实践总结

ThreeJS学习|创建第一个三维场景

ThreeJS简介

戳HTML5+Three.js+WebGL实现立方体

ThreeJS简介

THREEJS