使用js在PC网页上展示3D模型以及相关交互需要用到哪些技术？

Question

实现类似酷家乐这样的全屋漫游效果，需要用到哪些技术或者框架、库之类的？之前根本没有此类经验，希望大神能够指导一下

www.kujiale.com/

Answer 1

题主你好。

官网实例中的3d是伪3d效果，不需要进行3d建模，可以考虑类似于手机的全景拍摄（也可能需要专业设备），拍摄的图片作为背景贴图套用在一个立方体，点击进入另外一个贴图区域即可，实现起来也比较简单。库可考虑threejs，在此有一个比较接近的DEMO

Answer 2

这些网站的都是一键生成的，如果只是需要一个解决方案，可以搜一下 krpano ，这个可以通过一张全景图生成伪3d场景，但是需要付费去水印，网上好像也有破解版。

如果是想学技术，就看看楼上的。除了thress js的解决方案，还有就是css3d的方法

比如淘宝造物节那种css3柱状天空盒用的包 https://github.com/shrekshrek...

Answer 3

是的 正如一楼所说 先使用专业设备拍摄全局照片或者视频放上去 然后类似改变其角度去显示不同区域

Answer 4

酷家乐之前用的krpano，全屋漫游我做的，当然了也可以自己用three.js来做。