CN105955731B - 一种手机游戏快速编写方法和系统 - Google Patents

Abstract

本发明提供一种手机游戏快速编写方法和系统，包括建立项目文件并保存至服务器端；加载所述项目文件并对所述项目文件进行解析；实现程序中的角色场景对象与多媒体资源信息的关联与交互；对角色场景信息的脚本进行解析，编译成用JavaScript描述的语法，对变量函数信息进行解析，生成对应的JavaScript代码；用JavaScript将Scratch编程语言的功能进行封装，以实现在手机浏览器中运行；用户点击开始运行或者进行交互时，各个角色中对应的代码被执行。本发明提供了一种快速编写手机游戏的方法和系统，克服了手机游戏开发速度慢、难度大、成本高的缺点，对开发者的编程基础要求大大降低，使手机游戏开发效率得到极大提升，开发更为简单、快捷，具有广阔的应用前景。

Description

一种手机游戏快速编写方法和系统

技术领域

本发明涉及网络应用技术领域，特别涉及一种手机游戏快速编写方法和系统。

背景技术

随着移动互联网技术的快速发展，手机终端的智能化的不断提升，越来越多的用户通过安装各种移动应用程序，极大地方便了人们的日常生活，而手机游戏逐渐成为人们生活中不可缺少的娱乐组成部分。

在目前的手机游戏开发流程中，游戏的主要逻辑是由程序员通过对程序逻辑的编写，完成对美术资源的加载、显示和用户输入、网络消息、定时器等各种事件的判断。现有的手机游戏一般都由专业的设计者和编程者进行开发，游戏开发涉及到的知识面较广，例如数学知识、程序开发语言、底层API等，而每个领域又包含许多抽象的概念，开发难度大、成本高。

因此，有必要提供一种可快速编写手机游戏的方法，降低手机游戏开发难度，让非编程技术人员，甚至是儿童，都可以迅速开发出手机游戏，以便在玩手机游戏的同时也能学习编程开发，方便在移动互联网传播。

发明内容

针对以上问题，本发明专利目的在于设计一种手机游戏快速编写方法和系统，克服手机游戏开发难度大、成本高的缺点，实现简单、快捷地开发手机游戏，具有广阔的应用前景。

本发明是通过以下技术方案实现的：

一种手机游戏快速编写方法，包括：

建立项目文件并保存至服务器端，所述项目文件包括多媒体资源信息、角色场景信息和变量函数信息；

客户端加载所述项目文件，并对所述项目文件进行解析，具体包括对所述多媒体资源信息解析并进行加载，对角色场景信息进行解析并创建角色场景对象；

实现程序中的角色场景对象与多媒体资源信息的关联与交互；

对角色场景信息的脚本进行解析，编译成用JavaScript描述的语法，对变量函数信息进行解析，生成对应的JavaScript代码；

用JavaScript将Scratch编程语言的功能进行封装，以实现在手机浏览器中运行；

用户点击开始运行或者进行交互时，各个角色中对应的代码被执行。

进一步，本发明所述媒体资源信息包括图片信息和音频信息，具体包括图片的文件名、位置、大小、旋转中心，音频的文件名、取样数目、码率。

进一步，本发明所述角色场景信息包括角色的造型、初始状态以及脚本，场景的图片、大小、显示方式、脚本。

本发明还提供一种手机游戏快速编写系统，包括服务器端和客户端；其中，

所述服务器端包括项目管理模块，用于管理、分发项目文件及素材；

所述客户端包括：用于与服务器端进行交互并加载所述项目文件的IO控制模块；用于对所述项目文件进行解析并创建程序对象的程序解释模块；用于实现所述程序对象与项目文件关联与交互的多媒体资源控制模块；用于使用JavaScript的Canvas相关功能实现逻辑控制相关的接口，以供程序执行模块调用的程序执行API模块；以及用于控制程序的运行和用户交互相关的逻辑的程序执行模块。

附图说明

以下参照附图对本发明实施例作进一步说明，其中：

图1是本发明一种手机游戏快速编写方法的模块图；

图2是本发明一种手机游戏快速编写系统的流程图。

具体实施方式

下面结合附图和具体实施例对本发明作进一步的详细说明。

本发明提供一种手机游戏快速编写系统，请参阅图1，包括服务器端和客户端；其中，

所述服务器端包括项目管理模块，用于管理、分发项目文件及素材。

所述客户端包括：用于与服务器端进行交互并加载所述项目文件的IO控制模块；用于对所述项目文件进行解析并创建程序对象的程序解释模块；用于实现所述程序对象与项目文件关联与交互的多媒体资源控制模块；用于使用JavaScript的Canvas相关功能实现逻辑控制相关的接口，以供程序执行模块调用的程序执行API模块；以及用于控制程序的运行和用户交互相关的逻辑的程序执行模块。

服务器端包括项目管理模块。项目文件为一个Zip文件，Zip文件的内容包括项目用到的图片资源、音频资源，以及项目的源代码文件。包括以下内容：图片与音频等多媒体资源的描述，包括图片的文件名、位置、大小、旋转中心，音频的文件名、取样数目、码率等。各个角色及场景的描述，包括角色的造型、初始状态以及脚本，场景的图片、大小、显示方式、脚本等。创建的变量、函数等。

服务器端首先要将提交到服务器的项目文件进行解压，并将素材文件保存在固定位置，以方便客户端调用。由于源代码项目文件中的资源文件的命名方式为“文件MD5值.扩展名”，而解压之后每个文件的名字为“数字编号.扩展名”，解压完成后需要计算文件的MD5值并进行重命名。

服务器端同时提供Web服务，客户端请求项目文件时将项目文件发送至客户端，然后客户端会依次请求各个资源文件。服务器端负责将资源文件发送到客户端。

客户端由IO控制模块、程序解释模块、多媒体资源控制模块、程序执行API以及程序执行模块构成。

IO控制模块负责客户端与服务器端进行交互，以可以控制的方式加载服务器上的资源。主要实现如下功能：请求队列对象，用于管理请求队列，并监测请求的状态，对成功、错误、失败的请求分别调用对应的回调函数，同时提供加载进度提示，异常处理等功能；IO对象，用于对服务器资源进行请求，提供函数通过使用XMLHttpRequest对象对服务器资源发起Ajax请求，同时提供不同资源类型的请求函数，对不同类型资源的请求做出不同的处理，方便其他模块调用。

程序解释模块负责对程序源代码进行解析。此模块为本系统的核心模块。其功能是对项目源代码中的JSON数据进行解析，得到角色与场景的信息，包括：①对其中的多媒体资源，交由IO控制模块进行加载，并由多媒体控制模块进行管理。②对角色或场景的信息进行解析，创建角色或场景对象。③对角色与场景的脚本进行解释，编译成为JavaScript代码。这里使用了JavaScript语言的函数式编程，采用CPS风格(Continuation-PassingStyle，后继传递风格)实现脚本的编译器，使得编译器实现复杂度大大降低。具体的，项目源代码文件中对角色或场景的脚本的描述方式为嵌套的数组，通过尾递归方式处理该数组，可以得到脚本的结构；然后对于每一条代码，通过拼接命令的名字与参数，可以得到相对应的JavaScript语句，最终得到描述该脚本的JavaScript代码。④对程序创建的变量、函数进行解析，生成对应的JavaScript代码。

多媒体资源控制模块负责实现程序中的对象与多媒体资源的关联与交互，例如音频的播放、切换，角色在舞台的显示、隐藏等。除此之外，多媒体资源控制模块还需要对特殊格式的多媒体文件进行处理。JavaScript的Canvas无法直接支持SVG格式的图片文件，而常用的矢量图多为SVG格式。在将SVG文件绘制到Canvas之前，需要将SVG文件进行解析，按SVG中图形元素标签的语法描述，绘制图形到一个临时Canvas之上，然后再绘制到目标Canvas上。

程序执行API是用JavaScript将Scratch编程语言的功能进行封装，以实现在手机浏览器中运行。具体的，Scratch编程语言的功能包括动作、事件、外观、控制、侦测、多媒体控制、数字和逻辑等主要分类。其中部分功能直接对应JavaScript语法中的相应功能，其它功能则用JavaScript编程实现。这里创建了表示角色的Sprite类以及表示场景的Stage类。Sprite类包含了角色的各种行为函数及事件监听函数，所有的角色对象都是在Sprite类的基础上进行扩展。类似的，Stage类包含了场景的各种行为函数及用户动作处理函数，用于创建场景对象。

程序执行模块负责控制程序的运行，以及用户交互相关的逻辑。通过调用其它各个模块，在客户端浏览器上实现与Scratch项目在PC端相同的运行效果。

根据以上内容，本发明提出了一种手机游戏快速编写方法，请参阅图2，包括：

步骤(1)，建立项目文件并保存至服务器端，所述项目文件包括多媒体资源信息、角色场景信息和变量函数信息；

步骤(2)，客户端加载所述项目文件，并对所述项目文件进行解析，具体包括对所述多媒体资源信息解析并进行加载，对角色场景信息进行解析并创建角色场景对象；

步骤(3)，实现程序中的角色场景对象与多媒体资源信息的关联与交互；

步骤(4)，对角色场景信息的脚本进行解析，编译成用JavaScript描述的语法，对变量函数信息进行解析，生成对应的JavaScript代码；

步骤(5)，用JavaScript将Scratch编程语言的功能进行封装，以实现在手机浏览器中运行；

步骤(6)，用户点击开始运行或者进行交互时，各个角色中对应的代码被执行。

具体的，包括：

用户在PC端使用Scratch这一可视化编程语言，快速、方便地开发出游戏，然后提交项目文件到本发明所述系统的服务器端。

服务器端接收到提交的项目文件后，对文件进行解压，提取出多媒体资源文件，将多媒体资源文件按文件的MD5值进行重命名，并保存在素材库中。为方便手机端访问，服务器端将项目对应的URL生成二维码。

客户端手机扫描二维码即可访问项目对应的URL。浏览器打开URL后，首先加载HTML、CSS及JavaScript文件。加载完之后，浏览器会执行JavaScript文件，载入上述各个模块。

IO控制模块开始加载项目的源代码，即项目文件。加载完成之后，由程序解释模块对其进行解析。首先需要从中提取出图片、音频等多媒体资源描述对象，得到各个资源文件的文件名及地址，然后交由IO控制模块向服务器端请求多媒体资源文件。多媒体资源文件加载完毕之后，对于图片资源文件，回调函数会根据项目文件中描述的角色或场景的信息，创建角色或者场景对象，并与对应的多媒体资源对象进行关联，在多媒体资源控制模块中进行注册；对于音频资源文件，回调函数会创建对应的音频对象，并与音频资源文件进行关联。

接下来程序解释模块需要对各个角色与场景的脚本进行编译，构建语法树，生成对应的JavaScript代码，保存在角色或场景对象中。

此时项目载入完毕，程序交由程序执行模块控制。程序执行模块在Canvas对象上绘制游戏初始界面，并等待用户操作。

用户点击开始运行或者进行交互时，各个角色中对应的代码被执行。代码执行时，会根据实际需求，调用程序执行API中的函数，实现相关功能。例如，当用户点击鼠标时，对应角色或场景的鼠标事件监听函数会执行，调用角色或场景的相关代码。

以上所述本发明的具体实施方式，并不构成对本发明保护范围的限定。任何根据本发明的技术构思所做出的各种其他相应的改变与变形，均应包含在本发明权利要求的保护范围内。

Claims (2)

1.一种手机游戏快速编写方法，其特征在于，包括：

建立项目文件并保存至服务器端，所述项目文件包括多媒体资源信息、角色场景信息和变量函数信息；所述多媒体资源信息包括图片信息和音频信息，具体包括图片的文件名、位置、大小、旋转中心，音频的文件名、取样数目、码率；所述角色场景信息包括角色的造型、初始状态以及脚本，场景的图片、大小、显示方式、脚本；

客户端加载所述项目文件，并对所述项目文件进行解析，具体包括对所述多媒体资源信息解析并进行加载，对角色场景信息进行解析并创建角色场景对象；

实现程序中的角色场景对象与多媒体资源信息的关联与交互；

对角色场景信息的脚本进行解析，编译成用JavaScript描述的语法，对变量函数信息进行解析，生成对应的JavaScript代码；

用JavaScript将Scratch编程语言的功能进行封装，以实现在手机浏览器中运行；

用户点击开始运行或者进行交互时，各个角色中对应的代码被执行。

2.一种手机游戏快速编写系统，其特征在于，包括服务器端和客户端；其中：

所述服务器端包括项目管理模块，用于管理、分发项目文件及素材；

所述客户端包括：用于与服务器端进行交互并加载所述项目文件的IO控制模块；用于对所述项目文件进行解析并创建程序对象的程序解释模块；用于实现所述程序对象与项目文件关联与交互的多媒体资源控制模块；用于使用JavaScript的Canvas相关功能实现逻辑控制相关的接口，以供程序执行模块调用的程序执行API模块；以及用于控制程序的运行和用户交互相关的逻辑的程序执行模块；

IO控制模块负责客户端与服务器端进行交互，以可以控制的方式加载服务器上的资源，主要实现如下功能：请求队列对象，用于管理请求队列，并监测请求的状态，对成功、错误、失败的请求分别调用对应的回调函数，同时提供加载进度提示，异常处理；

程序解释模块负责对程序源代码进行解析，其功能是对项目源代码中的JSON数据进行解析，得到角色与场景的信息；

多媒体资源控制模块负责实现程序中的对象与多媒体资源的关联与交互，以及对特殊格式的多媒体文件进行处理；

程序执行API模块是用JavaScript将Scratch编程语言的功能进行封装，以实现在手机浏览器中运行；

程序执行模块负责控制程序的运行，以及用户交互相关的逻辑，通过调用其它各个模块，在客户端浏览器上实现与Scratch项目在PC端相同的运行效果。