更新记录

1.0.5(2023-04-28)

  1. 修正App端报错
  2. 外链支持
  3. 修正README

1.0.4(2023-04-28)

  1. 优化生成JSON逻辑
  2. 资源远程转本地资源
  3. 更新README

1.0.3(2022-06-15)

  1. 修正bug
  2. 修改readme文件
查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

介绍

  1. 全景展示使用 THREE.js
  2. 热点位置大小可编辑,配置加载
  3. 示例项目中 pages/editor/editor 为编辑页面 点击预览
  4. 示例项目中 pages/index/index 为展示页面 (与编辑页相比的话就是去除了编辑功能) 点击预览
  5. 项目部分代码及素材参考 大帅老猿

tips

  1. 使用了renderjs目前支持 App端与H5端,renderjs不支持小程序,(编辑页没有使用renderjs所以无法在App中使用)
  2. 页面加载根据页面同级的config.js文件渲染
  3. 全景图切图工具下载链接
  4. 热点图配置中点击上下按钮切换
  5. 生成的数据在控制台会打印出来,直接将打印数据拷贝至index/config.js后访问pages/index/index路由即可
  6. 若需继续进行编辑之前的模板将需调整的config.js拷贝至editor/config.js
  7. 若开发为H5端可以使用本地资源,若想兼容APP则需使用外链
  8. 编辑时请使用localhost:xxxx 访问否则会导致生成JSON不正确

依赖安装

  1. 安装之前请移除下载后自带的package.json
  2. 使用npm init -y重新生成package.json
  3. 注意项目名称不能含有空格以及中文否则无法npm init -y
  4. 运行下方命令安装依赖
npm i three@0.129.0 three-orbit-controls@82.1.0

贡献者

陈木杉

码云

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问