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

权利要求书

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

S1.策划立项，团队书写策划案，明确目标用户，之后确定核心玩法、游戏设定大纲并设计相关功能模块，然后进行市场调研，分析可行性；

S2.需求分析，根据策划案分析美工需求、程序需求以及策划需求；

S3.收集资源，根据美工需求、程序需求和策划需求所需，进行游戏资源的收集与制作；

S4.构建模型，根据游戏大纲中游戏角色及游戏场景的基础设定，通过WebGL进行3D模型的构建；

S5.搭建场景，基于babylon.js引擎使用已收集的资源与构建的模型根据游戏大纲搭建游戏场景；

S6.编写脚本，通过babylon.js引擎根据美工需求、程序需求和策划需求编写脚本，使用场景资源创建与控制动画；

S7.运行调试，运行并进行代码检测，查看代码是否存在bug，接着检测动画是否符合预期，若代码正常且动画符合预期则进入测试阶段，否则修复bug与动画代码后再次进行运行调试。

2.根据权利要求1所述的一种基于WebGL的网页游戏的开发方法，其特征在于：所述S2中美工需求包括大小场景地图、人物立绘与表情、人物与动物的动作、各种物品、粒子特效、滚动条、UI界面及宣传画等。

3.根据权利要求1所述的一种基于WebGL的网页游戏的开发方法，其特征在于：所述S2中程序需求包括编辑器功能需求、离子编辑器需求、内嵌小游戏需求、系统需求、道具需求等。

4.根据权利要求1所述的一种基于WebGL的网页游戏的开发方法，其特征在于：所述S2中策划需求包括剧本需求、数值需求、执行需求等。

5.根据权利要求1所述的一种基于WebGL的网页游戏的开发方法，其特征在于：所述S3中资源的收集包括创作、外包与购买，通过资源收集满足美工、程序和策划的需求，以积累游戏所必须的基础资源。

6.根据权利要求1所述的一种基于WebGL的网页游戏的开发方法，其特征在于：所述S4中构建3D模型的具体方式为，首先在HTML5画布上绘制2D图形，接着从canvas元素获取WebGL 3D上下文，之后设置视口，接着描述组成所需模型的的一组平面图形的顶点数组，通过colorBuffer设置模型各个面的颜色，在WebGL中编译和链接GLSL着色器代码以显示片段着色器插值，最后用draw()函数渲染模型的。

7.根据权利要求1所述的一种基于WebGL的网页游戏的开发方法，其特征在于：所述S5中搭建场景的具体方式为，首先在html中创建canvas，并初始化3d引擎，接着设定相机与光源，之后使用webpack等打包工具的开发环境，然后将所述S3中获取的资源合并为一个.glb文件，并将.glb文件引入开发环境，之后配置各个资源所在位置。

8.根据权利要求1所述的一种基于WebGL的网页游戏的开发方法，其特征在于：所述S6中动画需加入用户交互与事件触发，以完善与丰富游戏玩法内容。

9.根据权利要求1所述的一种基于WebGL的网页游戏的开发方法，其特征在于：所述S7中测试阶段包括内部测试与外部测试。

10.根据权利要求9所述的一种基于WebGL的网页游戏的开发方法，其特征在于：所述内部测试主要用于测试和完善游戏的各项功能，看是否有重大BUG，所述外部测试用于测试和完善游戏各项功能，并查看市场反应预备游戏的发行。