【web3D】360player全景图播放器-附源码

web3D

开发了一个全景图播放器,自带全景展示、背景音乐、陀螺仪支持等功能,可以不用每次重写代码,通过配置文件就可以展示全景图片。

360plyaer使用说明

1.360player是基于浏览器的全景图播放器,浏览器需要支持webGL;
2.全景图尺寸要求是2的N次方,宽高比为2:1,如2048*1024,格式为.jpg .png;
3.修改全景图需要将要展示的图片上传至360player文件夹下,打开list.txt文件,将名字替换为目标图片的名字;
4.修改背景音乐,直接覆盖bjyy.mp3;
5.背景音乐和陀螺仪默认是关闭状态。

在浏览器中打开

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

源码下载地址

声明:360player基于blender 、verge3d 、three.js技术开发,仅为学习目的,不得用于商业用途。

web3D
【verge3D】根据相机角度控制物体透明度

v3d论坛中有人提出一个问题:希望根据相机角度控制物体的透明度,实现如下效果: http://cdn.weshape3d.com/km001/1008/web/index.html v3d团队的Mikhail回复了这个提问,并且提供了一个示 …

web3D
【web3D】小游戏-减肥熊

小游戏减肥熊完全使用verge3d的拼图编写逻辑。从美术到逻辑约用了5天时间。中间学会不少游戏编辑的技巧。 游戏操作: 左上角显示分数,分数计算方式为每跳过一次加1分,每失误一次减1分,得分不小于0,最高分100分; 点击右上角的梨子可以全 …

web3D
【web3D】保卫矿工,一站到底

  这是一个名为《保卫矿工》的游戏原型设计,是一个答题过关小游戏,游戏以知识性为主,目的是以趣味答题的形式普及安全知识。这是游戏的其中一个模式,另外还有一个模式,是纯娱乐性质的。 原型使用blender和verge3d开发,弹出文 …