一种基于WebGL的3D网页游戏的开发方法技术

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

A Method of Developing 3D Web Game Based on WebGL

The invention discloses a method for developing 3D web game based on WebGL, which includes the following steps: material collection: collecting related materials according to the characters, scenes and plots of the game, and packaging them in different categories; model construction: building 3D models of related characters according to the characters in the game and using WebGL; scene construction: building according to the scene content of the game and using Unity software. Part rendering scene; animation creation: according to the game plot and using skeleton animation to create animation on the corresponding 3D character model; script writing: according to the game plot and the action of the relevant character model to write the corresponding control script; run debugging: run the game in the web environment, and repair the loopholes in the running process. The structure of the invention is reasonable. The invention does not need plug-ins in the process of game operation, avoids the risk of computer virus infection, and the game runs smoothly and enhances the game experience.

【技术实现步骤摘要】
一种基于WebGL的3D网页游戏的开发方法
本专利技术涉及游戏开发
，尤其涉及一种基于WebGL的3D网页游戏的开发方法。
技术介绍
WebGL（全写WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。WebGL完美地解决了现有的Web交互式三维动画的两个问题：第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持;第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。现有技术中的3D网页游戏在运行过程中往往需要加载其他的插件，以保证游戏的正常运行，但在插件加载本文档来自技高网...

【技术保护点】
1.一种基于WebGL的3D网页游戏的开发方法，其特征在于：包括如下步骤：S100、素材收集：根据游戏的人物、场景、情节进行相关素材的收集，并分类打包；S200、模型构建：根据游戏内的人物形象并利用WebGL进行相关人物3D模型的构建；S300、场景搭建：根据游戏的场景内容并利用unity软件进行场景的渲染搭建；S400、动画创建：根据游戏的情节并利用骨骼动画对相应的3D人物模型创建动画；S500、脚本编写：根据游戏情节以及相关人物模型的动作编写相应的控制脚本；S600、运行调试：在网页环境中运行该游戏，并根据运行过程中的漏洞进行修复。

【技术特征摘要】
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上下文链接之后生成的WebGLprogram；S202、为需要绘制的图形对象创建顶点数组与颜色数组，同时根据贴画素材生成纹理对象以及顶点纹理坐标数组；S203、为WebGL上下文绑定着色器所需的数组以及纹...

【专利技术属性】
技术研发人员：马亮，
申请(专利权)人：南京交通职业技术学院，
类型：发明
国别省市：江苏,32