一种网页游戏开发、解析方法、一种编辑器以及解析装置制造方法及图纸

本发明专利技术公开了一种网页游戏开发、解析方法、一种编辑器以及解析装置，属于计算机领域。所述方法包括：编辑器将第一用户输入的界面元素保存在所述编辑器自定义的对象中，并将所述自定义对象打包得到界面资源包；生成具有将所述自定义的对象转换为所述自定义的对象对应的DOM对象功能的界面代码；保存所述界面资源包、所述界面代码以及所述网页游戏的逻辑代码，得到所述网页游戏。本发明专利技术通过将网页游戏的界面元素保存在自定义的对象中，并进行打包得到界面资源包，可以使得界面元素与逻辑代码分离开来，便于管理，且能够减少开发复杂度，开发效率高。

【技术实现步骤摘要】
一种网页游戏开发、解析方法、一种编辑器以及解析装置
本专利技术涉及计算机领域，特别涉及一种网页游戏开发、解析方法、一种编辑器以及解析装置。
技术介绍
网页游戏(Webgame)又称Web游戏，无端网游，简称页游。是基于Web浏览器的网络在线多人互动游戏，无需下载客户端，只需打开IE网页，即可进入游戏。目前，对于网页游戏的界面的开发主要使用CSS(CascadingStylesheet，层叠样式表)3+HTML(HypertextMarkupLanguage，超文本标记语言)DOM(DocumentObjectModel，文本对象模型)的方法。在制作网页游戏的界面时，通过JavaScript调用CSS的属性，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制，CSS3是CSS技术的升级版本。在完成网页游戏的界面后，再由开发人员根据预先为该网页游戏设置的逻辑编写逻辑代码，以使得该网页游戏可以按照预定的逻辑运行，最终得到网页游戏。HTMLDOM则是专门适用与HTML最佳化HTML/XHTML(eXtensibleHyperTextMarkupLanguage，可扩展超文本置标语言)的文档对象模型，可以将HTMLDOM理解为网页的API(ApplicationProgrammingInterface，应用程序编程接口)。它将网页中的各个元素都看作一个个对象，从而使网页中的元素也可以被计算机语言获取或者编辑。例如Javascript就可以利用HTMLDOM动态的修改网页。在实现本专利技术的过程中，专利技术人发现现有技术至少存在以下问题：在通过现有技术开发网页游戏时，网页游戏的界面元素管理困难，例如标签元素的创建需关注到资源来源、位置摆放、元素移动、元素隐藏等特性，且需要代码开发人员的使用代码调用CSS属性才能设置界面元素的各种效果，美工人员不能独自完成游戏界面的开发，导致网页游戏的开发复杂，效率低。
技术实现思路
为了解决现有技术的问题，本专利技术实施例提供了一种网页游戏开发、解析方法、一种编辑器以及解析装置。所述技术方案如下：一种网页游戏开发方法，所述方法包括：编辑器将第一用户输入的界面元素保存在所述编辑器自定义的对象中，并将所述自定义对象打包得到界面资源包；生成具有将所述自定义的对象转换为所述自定义的对象对应的DOM对象功能的界面代码；保存所述界面资源包、所述界面代码以及所述网页游戏的逻辑代码，得到所述网页游戏。进一步地，所述保存所述界面资源包、所述界面代码以及所述网页游戏的逻辑代码之前，所述方法还包括：接收第二用户根据所述界面元素为所述网页游戏定义的逻辑代码。进一步地，所述编辑器将第一用户输入的界面元素保存在所述编辑器自定义的对象中，具体包括：所述编辑器将每一个界面元素作为一个切片保存在所述编辑器自定义的切片对象中；其中，所述切片对象中的切片与所述界面元素一一对应，且所述切片对象中保存有每一个切片的属性信息，所述属性信息至少包括所述切片的标识、坐标、透明度、旋转角度、翻转方向以及所述切片的下一个切片的标识。进一步地，所述编辑器将每一个界面元素作为一个切片保存在所述编辑器自定义的切片对象中之前，所述方法还包括：当接收到所述第一用户发出的创建层的指令时，创建所述界面元素所对应的层，所述层包括精灵或切片；将所述层的标识以及所述层包括的精灵或切片的标识记录在所述编辑器自定义的层对象中；其中，所述层对象用于指示所述层包括的精灵或切片，所述界面元素对应的层包括地图层和精灵层，所述地图层用于显示静态的界面元素，所述精灵层用于显示动态的界面元素。进一步地，所述创建所述界面元素所对应的层之前，所述方法还包括：当接收到所述第一用户发出的创建游戏场景的指令时，创建游戏场景，所述游戏场景包括层；将所述游戏场景的标识以及所述游戏场景包括的层的标识记录在所述编辑器自定义的场景对象中；其中，所述场景对象用于指示所述游戏场景所包括的层。进一步地，当所述层对象中记录有所述层包括的精灵的标识时，所述方法还包括：当接收到所述第一用户发出的创建精灵的指令时，创建精灵，所述精灵包括动作；并将所述精灵的标识以及所述精灵包括的动作的标识记录在所述编辑器自定义的精灵对象中，所述精灵对象用于指示所述精灵层所包括的动作；当接收到所述第一用户发出的创建动作的指令时，创建动作，所述动作包括帧；并将所述动作的标识以及所述动作包括的帧的标识记录在所述编辑器自定义的动作对象中，所述动作对象用于指示所述动作所包括的帧；当接收到所述第一用户发出的创建帧的指令时，创建帧，所述帧包括切片；并将所述帧的标识以及所述帧包括的切片的标识记录在所述编辑器自定义的帧对象中，所述帧对象用于指示所述帧包括的切片。进一步地，在所述创建游戏场景之前，所述方法还包括：当接收到所述第一用户发出的创建游戏工程的指令时，创建游戏工程，所述游戏工程包括游戏场景；将所述游戏工程的标识以及所述游戏工程包括的游戏场景的标识记录在所述编辑器自定义的工程对象中，所述工程对象用于指示所述网页游戏所包括的游戏场景。进一步地，所述保存所述界面资源包、所述界面代码和所述逻辑代码之后，还包括：生成所述网页游戏的资源列表，并在所述资源列表中记录所述界面资源包、所述界面代码和所述逻辑代码的地址。一种网页游戏解析方法，所述方法包括：下载所述网页游戏的界面资源包、界面代码、逻辑代码；通过所述界面代码将所述界面资源包中的自定义对象转换为所述自定义对象对应的DOM对象，得到HTML所支持的代码；解析所述代码得到所述网页游戏的界面。进一步地，下载所述网页游戏的界面资源包、界面代码、逻辑代码，具体包括：获取所述网页游戏的资源列表，所述资源列表中记录有所述界面资源包、所述界面代码和所述逻辑代码的地址；根据所述地址下载所述界面资源包、所述界面代码和所述逻辑代码。一种编辑器，所述编辑器包括：第一保存模块，用于将第一用户输入的界面元素保存在所述编辑器自定义的对象中；打包模块，用于将所述自定义对象打包得到界面资源包；第一代码生成模块，用于生成具有将所述自定义的对象转换为所述自定义的对象对应的DOM对象功能的界面代码；第二保存模块，用于保存所述界面资源包、所述界面代码以及所述网页游戏的逻辑代码，得到所述网页游戏。进一步地，所述编辑器还包括：接收模块，用于在所述第二保存模块保存所述界面资源包、所述界面代码以及所述网页游戏的逻辑代码之前，接收第二用户根据所述界面元素为所述网页游戏定义的逻辑代码。进一步地，所述第一保存模块，具体包括：切片保存单元，用于每一个界面元素作为一个切片保存在所述编辑器自定义的切片对象中；其中，所述切片对象中的切片与所述界面元素一一对应，且所述切片对象中保存有每一个切片的属性信息，所述属性信息至少包括所述切片的标识、坐标、透明度、旋转角度、翻转方向以及所述切片的下一个切片的标识。进一步地，所述第一保存模块还包括：层保存单元，用于在所述切片保存单元将每一个界面元素作为一个切片保存在所述编辑器自定义的切片对象中之前，当接收到所述第一用户发出的创建层的指令时，创建所述界面元素所对应的层，所述层包括精灵或切片，将所述层的标识以及所述层包括的精灵或切片的标识记录在所述编辑器自定义的层对象中；其中，所述层对象用于指示所述层包括的精本文档来自技高网...

【技术保护点】
一种网页游戏开发方法，其特征在于，所述方法包括：编辑器将第一用户输入的界面元素保存在所述编辑器自定义的对象中，并将所述自定义对象打包得到界面资源包；生成具有将所述自定义的对象转换为所述自定义的对象对应的文本对象模型DOM对象功能的界面代码；保存所述界面资源包、所述界面代码以及所述网页游戏的逻辑代码，得到所述网页游戏。

【技术特征摘要】
1.一种网页游戏开发方法，其特征在于，所述方法包括：编辑器将第一用户输入的界面元素保存在所述编辑器自定义的对象中，并将所述自定义对象打包得到界面资源包；生成具有将所述自定义的对象转换为所述自定义的对象对应的文本对象模型DOM对象功能的界面代码；保存所述界面资源包、所述界面代码以及网页游戏的逻辑代码，得到所述网页游戏；其中，所述编辑器将第一用户输入的界面元素保存在所述编辑器自定义的对象中，还包括：当接收到所述第一用户发出的创建层的指令时，创建所述界面元素所对应的层，所述层包括精灵或切片，所述精灵用于构成精灵层，所述精灵层用于显示动态元素；将所述层的标识以及所述层包括的精灵或切片的标识记录在所述编辑器自定义的层对象中；其中，所述层对象用于指示所述层包括的精灵或切片，所述界面元素对应的层包括地图层和精灵层，所述地图层用于显示静态的界面元素。2.根据权利要求1所述的方法，其特征在于，所述保存所述界面资源包、所述界面代码以及所述网页游戏的逻辑代码之前，所述方法还包括：接收第二用户根据所述界面元素为所述网页游戏定义的逻辑代码。3.根据权利要求1所述的方法，其特征在于，所述编辑器将第一用户输入的界面元素保存在所述编辑器自定义的对象中，具体包括：所述编辑器将每一个界面元素作为一个切片保存在所述编辑器自定义的切片对象中；其中，所述切片对象中的切片与所述界面元素一一对应，且所述切片对象中保存有每一个切片的属性信息，所述属性信息至少包括所述切片的标识、坐标、透明度、旋转角度、翻转方向以及所述切片的下一个切片的标识。4.根据权利要求1所述的方法，其特征在于，所述创建所述界面元素所对应的层之前，所述方法还包括：当接收到所述第一用户发出的创建游戏场景的指令时，创建游戏场景，所述游戏场景包括层；将所述游戏场景的标识以及所述游戏场景包括的层的标识记录在所述编辑器自定义的场景对象中；其中，所述场景对象用于指示所述游戏场景所包括的层。5.根据权利要求1所述的方法，其特征在于，当所述层对象中记录有所述层包括的精灵的标识时，所述方法还包括：当接收到所述第一用户发出的创建精灵的指令时，创建精灵，所述精灵包括动作；并将所述精灵的标识以及所述精灵包括的动作的标识记录在所述编辑器自定义的精灵对象中，所述精灵对象用于指示所述精灵层所包括的动作；当接收到所述第一用户发出的创建动作的指令时，创建动作，所述动作包括帧；并将所述动作的标识以及所述动作包括的帧的标识记录在所述编辑器自定义的动作对象中，所述动作对象用于指示所述动作所包括的帧；当接收到所述第一用户发出的创建帧的指令时，创建帧，所述帧包括切片；并将所述帧的标识以及所述帧包括的切片的标识记录在所述编辑器自定义的帧对象中，所述帧对象用于指示所述帧包括的切片。6.根据权利要求4所述的方法，其特征在于，在所述创建游戏场景之前，所述方法还包括：当接收到所述第一用户发出的创建游戏工程的指令时，创建游戏工程，所述游戏工程包括游戏场景；将所述游戏工程的标识以及所述游戏工程包括的游戏场景的标识记录在所述编辑器自定义的工程对象中，所述工程对象用于指示所述网页游戏所包括的游戏场景。7.根据权利要求1所述的方法，其特征在于，所述保存所述界面资源包、所述界面代码和所述逻辑代码之后，还包括：生成所述网页游戏的资源列表，并在所述资源列表中记录所述界面资源包、所述界面代码和所述逻辑代码的地址。8.一种编辑器，其特征在于，所述编辑器包括：第一保存模块，用于将第一用户输入的界面元素保存在所述编辑器自定...

【专利技术属性】
技术研发人员：马亮，罗春华，郭成，贺志强，屠晓静，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：