开源软件名称：

HWebgl

开源软件地址：

https://gitee.com/Mabel/hwebgl

开源软件介绍：

#HWebgl

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

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

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

第一个功能 web全景

演示地址

使用说明：

1 先引用插件：

           <script src="../lib/hwebglpano.min.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)//设置远近函数  可用于滚轮 或移动多点 缩放

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

演示地址

使用说明：

1 先引用插件：

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

2 主体代码：

        var hwebgl=new HWebgl('webgl')        hwebgl.loadObj('../res/obj/pangea3dgalleon.obj',800.0,1)       //第一个参数 模型url 第二个参数 视角远近  第三个参数 模型缩放比例

运行环境

web站点

第三个功能三维图片展示

酝酿中........

文件说明

1 lib/hwebglpano.js 全景插件
2 lib/hwebglobj.js 模型展示插件
3 lib/*.min.js 压缩文件
4 src/ 开发源码
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代码量，为后续扩展做准备
2017-4-18 添加gulp 修改整体项目结构让插件构建自动化
2017-4-20 添加设置x轴角度函数：hwebgl.SetXAngle(45.0)
2017-4-21 第二功能开发中...
2017-4-21 晚第二功能基础版上线...
2017-4-24 增加环境光...