Three.js实现简易版VR全景看房

涉及知识点:
1、对于网格模型的rotation、scale、position的控制
2、对于精灵模型的创建
3、对于光线透视Raycaster的使用,光线投射用于在三维空间中鼠标移过了什么物体
4、修改相机Camera的控制之后,需要使用 updateProjectionMatrix 方法更新后 才会生效。
5、TextureLoader 纹理贴图的使用
6、控制器Control 需要在每次循环中使用.update()进行更新后 才会生效

注意事项: 不同的室内图片的名称可以规则统一,通过一个变量来公用一个渲染方法。


<template>
  <div>
    <div ref="vrHouseRef"></div>
  </div>

你可能感兴趣的:(Three.js,vue.js,threejs,javascript)