![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs
文章平均质量分 93
sanly_shi
A front-end pupil
展开
-
ThreeJS中的点击与交互——Raycaster的用法
基础概念坐标系我们的手机屏幕是二维的,但是我们展示物体的世界是三维的,当我们在构建一个物体的时候我们是以一个三维世界既是世界坐标来构建,而转化为屏幕坐标展示在我们眼前,则需要经历多道矩阵变化,中间webGL替我们操作了许多事情。世界坐标系:在webGL中,世界坐标系是以屏幕中心为原点(0, 0, 0),且是始终不变的。你面对屏幕,你的右边是x正轴,上面是y正轴,屏幕指向你的为z正轴。长度单位这样来定:窗口范围按此单位恰好是(-1,-1,-1)到(1,1,1)。 屏幕坐标系:web...转载 2021-09-02 14:15:08 · 1678 阅读 · 0 评论 -
三种前端实现VR全景看房的方案!
前言事情是这样的,前几天我接到一个外包工头的新需求,某品牌要搭建一个在线VR展厅,用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅,这个VR展厅里会有一些信息点,点击之后可以呈现更多信息(视频,图文等)...image.png我第一反应是用3D引擎,因为我不久前刚用three.js做过一个BMW的在线展厅,基本把three.js摸熟了。2021-06-03 11_01_41.gif会另写一篇文章教大家用threejs做这个[BMW在线DIY],感兴趣的小伙伴请关注...转载 2021-06-21 17:17:10 · 5218 阅读 · 2 评论