提供Verge3D教程和Web3D开发技术服务

360player更新-附开发教程-20200101

介绍

全景图查看器360player,是基于浏览器的全景图查看工具,可以很容易地部署到网站上,然后以自己网站的地址分享自己的全景图,无需借助第三方平台。

360播放器

更新

20200101更新

  • 由于Chrome 79已经默认集成WebXR,360player现在使用WebXR实现VR功能。
  • 增加截图功能。
  • 更换了按钮图标。
  • 更换了加载器。

20191201更新

  • 更新了核心v3d.js模块,现在能够在可用的设备上支持webGL2.0,让图片渲染效果更佳;
  • 修复分辨率降低问题,在支持webGL2.0的设备上图片会保持原有尺寸,不会自动处理成2的N次方尺寸;
  • 重力感应功能在移动设备上有效,在PC上点击时会弹出提示信息;
  • VR功能在上个版本是通过WebXR来实现的,需要佩戴VR头显,这次改为左右双屏模式,开启重力感应时能方便地在手机盒子设备上运行;
  • 修复了交互时方向相反的问题;
  • 修复了上下极点图片拉伸的问题;
  • 修复默认朝向问题,现在默认会朝向图片的正中间;
  • 禁用缩放;
  • 禁用分享微博,因为这一功能需要上传图片到服务器,存在隐私问题,此功能需定制开发;
  • 去掉了水印。

使用说明

  • 目前对于上传的图片支持png jpg hdr格式,建议使用jpg格式。
  • 对于图片尺寸要求宽高比为2:1,尽量使用2的N次方尺寸的图片,如:2048 * 1024,4096 * 2048。
  • 替换默认全景图,同名覆盖 room_env.jpg 。
  • 替换默认背景音乐,同名覆盖 bjyy.mp3 。

演示地址

https://zjbcool.com/app/360player/360player.html

下载地址

关注公众号:宅家呗网,回复:360player

开发工具

verge3d、three.js、Blender

开发教程

点此查看。

技术咨询

请加钉钉群:21935218

mark

zjbcool

zjbcool
关闭菜单