# uni_threejs_h5_vr

**Repository Path**: bigzhang111/uni_threejs_h5_vr

## Basic Information

- **Project Name**: uni_threejs_h5_vr
- **Description**: Three.js VR全景展示
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 13
- **Created**: 2022-03-07
- **Last Updated**: 2022-03-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


###	介绍 
1. 全景展示使用 THREE.js 
2. 热点位置大小可编辑，配置加载
3. 示例项目中 pages/editor/editor 为编辑页面 [点击预览](https://static-67b2e6b7-d5eb-4874-b0d1-3a61cd7081d1.bspapp.com/#/pages/editor/editor)
4. 示例项目中 pages/index/index 为展示页面 (与编辑页相比的话就是去除了编辑功能) [点击预览](https://static-67b2e6b7-d5eb-4874-b0d1-3a61cd7081d1.bspapp.com/#/)
5. 项目部分代码及素材参考 [大帅老猿](https://juejin.cn/post/6973865268426571784)

###	tips
1. 因兼容App端使用所以图片全部走的网络资源目录，使用了renderjs目前支持 App端与H5端，renderjs不支持小程序，（编辑页没有使用renderjs所以无法在App中使用）
2. 页面加载根据页面同级的config.js文件渲染
3. 全景图切图工具[下载链接](https://wws.lanzoui.com/iWYzGqf2pib)
4. 热点图内置三个热点图配置中点击上下按钮切换
5. 生成的数据在控制台会打印出来，打印出来后放置到config.js下的hotPoints属性刷新页面就会生效

### 贡献者
[陈木杉](https://gitee.com/ChenMuShan)

[码云](https://gitee.com/ChenMuShan/uni_threejs_h5_vr)

<img  width = "600" alt="图片名称" align=center src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-bf64a103-2eee-41c9-b4a7-57511d30e28e/750c881c-f11d-41d5-94e8-82f2f59cd69c.jpg" />