• web3d

全景图的基本原理 全景图是一种广角图。通过全景播放器可以让观看者身临其境地进入到全景图所记录的场景中去。比如像是这个。这种看起来很高大上的效果其实背后的原理并不复杂。 通常标准的全景图是一张2：1的图像，其背后的实质就是等距圆柱投影。等距圆柱投影是一种将球体上的各个点投影到圆柱体的侧面上的一种投影方式，投影完之后再将它展开就是一张2：1的长方形的图像。比较常见的就是应用在地图上的投影。 等距投影 而在对全景图进行展示之前就需要得到一张这样的图像，这种图像可以自己用普通相机拍摄再自己合成，也可以直接使用专门的全景相机进行拍摄。全景照片的拍摄在网上有比较多的教程，由于这不是摄影分享就不详细的去说了:P。 在得到了全景图之后，就是要怎么去展示的问题了。接下来就要说说全景展示的原理。全景展示其实是等距圆柱投影的逆过程，我们要做的就是将我们得到的全景图，贴图到一个球体上，熟悉webgl的，可以用它画一个球体，然后将全景图作为材质贴到这个球体上进行渲染。由于使用webgl来进行编程的话，需要自己进行比较多的3d运算，所以也可以选择使用api更加友好的3D库，如THREE.JS来编程。比如下面的这张全景图，在球面上进行贴图。 全景图 球贴图 这时我们看到的还跟预想的全景不一样，那是因为我们在球的外面，当我们在球的里面时，看到的就是跟一开始的示例一样的效果了…

前言 — 疫情期间，打破社交距离限制的交互模式被推向前台，为不少行业的传统交易提供了想象的空间。 疫情时期，房地产租售业受到的冲击无疑是巨大的，由于人口流动的限制，需求量大幅减少，无法现场看房更加重了这一危机。但有危就有机，倒是意外推动了一项技术的推广——VR 看房。作为 WebVR 的子集，Web 全景是多数 WebVR 需求的降级选择，例如街景地图，本文将带大家实现一个简单的 Web 全景。 贝壳x如视案例 什么是 VR — VR（Virtual Reality）是利用电脑模拟产生一个三维空间的虚拟世界，提供用户关于视觉等感官的模拟，让用户感觉仿佛身历其境，可以及时、没有限制地观察三维空间内的事物。用户进行位置移动时，电脑可以立即进行复杂的运算，将精确的三维世界视频传回产生临场感。—— 维基百科 与基于现实场景进行增强效果的 AR（Augmented Reality）的区别在于，VR 的场景需要完全重建，类似于进入另一个世界。 虚拟现实的原理 — 人眼对世界的感知，是通过将三维世界投射至视网膜上，以二维图像建立的视觉体系。所以一张具备透视关系的图像，在特定的角度，可以使人感受到三维的空间关系，这就是人眼的深度知觉（depth perception）。VR 技术则建立在这个基础之上。 广泛意义上来说，只要符合模拟三维空间这一行为，就可以称为…