找回密码
 立即注册
搜索
查看: 2255|回复: 14

[软件] threejs实现这样一个东西

[复制链接]
     
发表于 2022-7-26 15:51 | 显示全部楼层 |阅读模式
是个类似AR看房的功能,转动透视相机的同时转动一个三角形,三角形其实就是相机本身的clone,放置在户型图中展示,类似于安居客的vr看房右上角这个
回复

使用道具 举报

     
发表于 2022-7-26 22:01 | 显示全部楼层
krpano
自己搜一下了解一下
回复

使用道具 举报

     
 楼主| 发表于 2022-7-26 22:14 | 显示全部楼层
clover9017 发表于 2022-7-26 22:01
krpano
自己搜一下了解一下

已经用three写好功能了,就是卡在视觉化显示视锥体这一步,相机转,这个三角形也同步转,显示在户型图中代表你现在看的方向
回复

使用道具 举报

     
发表于 2022-7-26 23:10 | 显示全部楼层
那你是怎么控制相机转的,camera matrix还是lookAt还是啥的
无论是啥,你把translation和rotation分别取出来就可以获得三角形的变换
回复

使用道具 举报

     
发表于 2022-7-27 12:19 来自手机 | 显示全部楼层
学习一下

—— 来自 Hisense HNR320T, Android 10上的 S1Next-鹅版 v2.5.4
回复

使用道具 举报

     
发表于 2022-7-27 12:20 来自手机 | 显示全部楼层
学习一下

—— 来自 Hisense HNR320T, Android 10上的 S1Next-鹅版 v2.5.4
回复

使用道具 举报

     
发表于 2022-7-27 12:20 来自手机 | 显示全部楼层
学习一下

—— 来自 Hisense HNR320T, Android 10上的 S1Next-鹅版 v2.5.4
回复

使用道具 举报

     
发表于 2022-7-27 12:20 来自手机 | 显示全部楼层
学习一下

—— 来自 Hisense HNR320T, Android 10上的 S1Next-鹅版 v2.5.4
回复

使用道具 举报

     
发表于 2022-7-27 12:20 来自手机 | 显示全部楼层
学习一下

—— 来自 Hisense HNR320T, Android 10上的 S1Next-鹅版 v2.5.4
回复

使用道具 举报

     
发表于 2022-7-27 12:20 来自手机 | 显示全部楼层
学习一下

—— 来自 Hisense HNR320T, Android 10上的 S1Next-鹅版 v2.5.4
回复

使用道具 举报

     
发表于 2022-7-27 12:20 来自手机 | 显示全部楼层
学习一下

—— 来自 Hisense HNR320T, Android 10上的 S1Next-鹅版 v2.5.4
回复

使用道具 举报

发表于 2022-7-27 13:09 | 显示全部楼层
太爱学习了
回复

使用道具 举报

     
发表于 2022-7-27 14:25 | 显示全部楼层
5年没碰 threejs 了
回想了下大概是
通过 threejs 的 camera 得到一个 orbit controls
然后根据交互输入得到上下/左右的位置吧

【三角形其实就是相机本身的clone,放置在户型图中展示】
具体放哪?不知道用 sprite 合适不合适
回复

使用道具 举报

     
发表于 2022-7-28 10:58 | 显示全部楼层
你要的其实是一个投影方向,分解成orbitcontrol里面使用的两极方向就好了。我相信你用的是orbit
回复

使用道具 举报

     
发表于 2022-7-28 11:33 | 显示全部楼层
https://kevinblog.net/hv3d/index.html

当初装修的时候弄过,是这样子的东西吗
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|上海互联网违法和不良信息举报中心|网上有害信息举报专区|962110 反电信诈骗|举报电话 021-62035905|Stage1st ( 沪ICP备13020230号-1|沪公网安备 31010702007642号 )

GMT+8, 2024-11-15 10:58 , Processed in 0.092296 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表