[发明专利]一种基于WebGL的3D网页游戏的开发方法

说明书

本发明公开了一种基于WebGL的3D网页游戏的开发方法，包括如下步骤：素材收集：根据游戏的人物、场景、情节进行相关素材的收集，并分类打包；模型构建：根据游戏内的人物形象并利用WebGL进行相关人物3D模型的构建；场景搭建：根据游戏的场景内容并利用unity软件进行场景的渲染搭建；动画创建：根据游戏的情节并利用骨骼动画对相应的3D人物模型创建动画；脚本编写：根据游戏情节以及相关人物模型的动作编写相应的控制脚本；运行调试：在网页环境中运行该游戏，并根据运行过程中的漏洞进行修复。本发明结构设计合理，本发明在游戏运行过程中无需借助插件，避免了电脑感染病毒的风险，另外游戏运行流畅，提升了游戏体验。

技术领域

本发明涉及游戏开发技术领域，尤其涉及一种基于WebGL的3D网页游戏的开发方法。

背景技术

WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。

WebGL完美地解决了现有的Web交互式三维动画的两个问题：第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持;第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。

现有技术中的3D网页游戏在运行过程中往往需要加载其他的插件，以保证游戏的正常运行，但在插件加载过程中存在感染病毒的风险，另外3D网页游戏对电脑硬件配置要求较高，在游戏运行过程中容易出现卡顿现象，存在一定的缺陷。

发明内容

本发明的目的在于克服现有技术中存在的上述问题，提供一种基于WebGL的3D网页游戏的开发方法，能够不需要借助插件来进行游戏的运行，同时还能流畅运行，提升游戏体验。

为实现上述技术目的，达到上述技术效果，本发明是通过以下技术方案实现：

一种基于WebGL的3D网页游戏的开发方法，包括如下步骤：

S100、素材收集：根据游戏的人物、场景、情节进行相关素材的收集，并分类打包；

S200、模型构建：根据游戏内的人物形象并利用WebGL进行相关人物3D模型的构建；

S300、场景搭建：根据游戏的场景内容并利用unity软件进行场景的渲染搭建；

S400、动画创建：根据游戏的情节并利用骨骼动画对相应的3D人物模型创建动画；

S500、脚本编写：根据游戏情节以及相关人物模型的动作编写相应的控制脚本；

S600、运行调试：在网页环境中运行该游戏，并根据运行过程中的漏洞进行修复。

优选地，上述基于WebGL的3D网页游戏的开发方法中，步骤S100中收集的素材包括音频素材、UI素材以及贴图素材。

优选地，上述基于WebGL的3D网页游戏的开发方法中，步骤S200中模型构建的具体步骤为：

S201、获取WebGL上下文环境，根据着色器代码片创建着色器，并将着色器绑定给WebGL上下文链接之后生成的WebGL program；

S202、为需要绘制的图形对象创建顶点数组与颜色数组，同时根据贴画素材生成纹理对象以及顶点纹理坐标数组；