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

权利要求书

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

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

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

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

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

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

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

2.根据权利要求1所述的基于WebGL的3D网页游戏的开发方法，其特征在于：步骤S100中收集的素材包括音频素材、UI素材以及贴图素材。

3.根据权利要求1所述的基于WebGL的3D网页游戏的开发方法，其特征在于：步骤S200中模型构建的具体步骤为：

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

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

S203、为WebGL上下文绑定着色器所需的数组以及纹理对象，同时为WebGL上下文设置着色器需要的变量；

S204、调用WebGL的基本图元绘制方法进行图形对象的绘制。

4.根据权利要求3所述的基于WebGL的3D网页游戏的开发方法，其特征在于：步骤S101中创建的着色器包括顶点着色器和片元着色器。

5.根据权利要求3所述的基于WebGL的3D网页游戏的开发方法，其特征在于：步骤S103中设置的着色器变量包括投影矩阵、模型视图矩阵。

6.根据权利要求1所述的基于WebGL的3D网页游戏的开发方法，其特征在于：步骤S400中动画创建的具体步骤包括：

S401、使用maya建模软件建立一个手臂模型，并绑定好骨骼，保存成.ma格式；

S402、利用Ajax技术，读取模型文件中的顶点、法线、贴图以及骨骼信息；

S403、利用HandAnim对象中的相应参数初始化对应的缓存；

S404、设置相机，即投影矩阵和模型视图矩阵；

S405、调用绘制函数绘制输出；

S406、根据骨骼动画的运动数据，更新骨骼的运动算 子，重新计算顶点坐标。

7.至此，循环到步骤S403，利用计算后的顶点坐标重新初始化顶点缓存。

8.根据权利要求1所述的基于WebGL的3D网页游戏的开发方法，其特征在于：步骤S600中，反复进行游戏的测试，并将游戏中出现的漏洞及时修复，直至没有漏洞。