Three.js杂记（十二）—— VR全景效果制作·中

文章目录

• 序
• 正文开始
• • 引入threeJs
  • 材料收集
  • 实现原理
  • 实现步骤
  • 基础的全景完成
• 完整Vue代码
• 总结

序

在web的前端发展过程中，对于视觉化的要求已经越来越高

有关于VR全景的效果也同样可以在网页中实现了，不用戴上VR设备，你也可以在网页上体会一把“身临其境”的感觉
全景视觉

之前的我ThreeJS系列博客中也曾经写过一篇关于如何制作全景效果的文章，不过只有上半部分的素材采集**（虽然这很重要）**

这是我ThreeJs系列地址，如果对页面3D感兴趣的同学可以过去学习：https://blog.csdn.net/qq_36171287/category_10641247.html

之前对于VR介绍过的文章是（效果还可以）：
《Three.js杂记（七）—— 全景效果制作·上（含python爬虫偷碎图，canvas重组图片）》

---

正文开始

因为距离上一次的全景效果制作文章已经过去很久了，所以本次就换一个全景场景来演示吧，原理都是一样的。
本次项目使用vue cli搭建，所以就不像之前script导入了

引入threeJs

首先是threeJS的库，这是肯定