1 Star 0 Fork 31

rulily / HWebgl

forked from 道然 / HWebgl 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

#HWebgl

觉得 webgl 原生太复杂 第三方插件也不简单,只想傻瓜的使用独立的3d功能的,来看看 HWebgl吧,使用就是这么简单。

理想抒发完了,接下来一步一步去实现吧。需要的同学尽情提意见哈

#当前状态 第一个功能优化中.... 第二功能酝酿中......

第一个功能 web全景

使用说明 :

1 先引用插件:

          <script src="../lib/HWebgl.js"></script>

2 主体代码:

          var textureArray=['../res/pan01/pano_f.jpg','../res/pan01/pano_b.jpg','../res/pan01/pano_u.jpg','../res/pan01/pano_d.jpg','../res/pan01/pano_r.jpg','../res/pan01/pano_l.jpg']
          //参数: 正面图 id,背面图 id ,左侧id, 右侧id, 顶部id, 底部id
          var hwebgl=new HWebgl('webgl');//参数: canvas id
          hwebgl.CreatePano(textureArray,60.0)
          hwebgl.addEvent('textureComplete',function(){
                 console.log('贴图加载完成.');
                 hwebgl.removeEvent('textureComplete')
          })
          //参数: 贴图数组,视线角度(效果为远近)
           //hwebgl.SetAngle(50.0)//设置远近函数  可用于滚轮 或移动多点 缩放

第二个功能 简单模型加载和展示 (主要用于 单商品的三维展示)

酝酿中......

运行环境

web站点

演示地址

http://bciworld.cn/hwebgl/sample/panorama.html

文件说明

1 lib/HWebgl.js 插件源码
2 lib/HWebgl.min.js 插件压缩文件
3 lib/hwebgltest01.js 本人开发使用请忽略
4 lib/hwebgltest02.js 本人开发使用请忽略
5 sample/ 一个案例
6 res 全景图片

版本:

2017-4-14 :最基础板上线
2017-4-14 晚: 功能优化 :支持移动版,提高纹理精度及抗锯齿
2017-4-15 1 功能优化: 增加设置远近函数 可用于滚轮 或移动多点 缩放 hwebgl.SetAngle(50.0)
2 代码优化: 修改了代码结构 更易于拓展.
2017-4-16 增加贴图加载完成事件(案例里有)
2017-4-17 改变贴图加载方式 减少html代码量,为后续扩展做准备

空文件

简介

基于webgl的模块3d开源引擎。 封装好的独立3d模块,让开发者更简单的使用特定的3d功能。 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/rulily/hwebgl.git
git@gitee.com:rulily/hwebgl.git
rulily
hwebgl
HWebgl
master

搜索帮助

14c37bed 8189591 565d56ea 8189591