CN105389840A - 一种2d游戏中的控件动画实现方法及系统 - Google Patents
一种2d游戏中的控件动画实现方法及系统 Download PDFInfo
- Publication number
- CN105389840A CN105389840A CN201510696608.7A CN201510696608A CN105389840A CN 105389840 A CN105389840 A CN 105389840A CN 201510696608 A CN201510696608 A CN 201510696608A CN 105389840 A CN105389840 A CN 105389840A
- Authority
- CN
- China
- Prior art keywords
- control
- animation
- contact bed
- animation data
- game
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种2D游戏中的控件动画实现方法，包括以下步骤：将控件与代表相应角色的任一骨骼的元素以预定函数进行关联；根据被关联的所述元素的第一动画数据和所述预定函数，生成所述控件的第二动画数据；所述控件以所述第二动画数据来显示动画效果。本发明还公开了一种2D游戏中的控件动画实现系统，包括关联模块、控件动画数据生成模块和控件动画显示模块。本发明一方面使得2D游戏中的控件的动画融入到其相应的角色的动画中，改善游戏画面视觉效果，提升用户体验效果，另一方面无需再单独制作控件的动画而节省了动画制作成本，提高运行动画的性能。
Description
技术领域
本发明涉及2D游戏领域，尤其涉及一种2D游戏中的控件的动画实现方法及系统。
背景技术
Cocos2d-x是MIT许可证下发布的开源游戏引擎，游戏开发快速、简易、功能强大。Cocos2d-x核心优势在于允许开发人员利用C++、Lua及JavaScript来进行跨平台部署，覆盖平台包括iOS、Android、WindowsPhone、黑莓(BlackBerry)及Tizen等，省事省力省成本。在Cocos2d-x中，UI界面层和非UI界面层(场景层)的动画实现方式分别是：
UI界面层的动画实现方式：动画的具体内容是依靠精灵显示出来的(其中精灵是一个2D图像，可以移动、旋转、放大缩小、活动，还能进行变化)，为了显示动态图片，需要不停切换精灵显示的内容，通过把静态的精灵变为动画播放器从而实现动画效果。动画由帧组成，每一帧都是一个纹理，使用一个纹理序列来创建动画。2D手游的UI界面层上的每一个控件是一个精灵，并可以作为精灵的父子类，通过改变序列上每一帧的精灵的位移、旋转、缩放、透明度、交互性质、适配、尺寸等属性形成界面帧动画；
非UI界面层(场景层)的动画实现方式：有两种，一种是与UI界面层动画一致通过设置精灵序列属性来实现帧动画(包括序列帧)，帧动画的每一帧都是角色特定姿势的一个快照，动画的流畅性和平滑效果都取决于帧数的多少；另外一种是通过骨骼动画来实现，骨骼动画是把角色的各部分身体部件图片绑定到一根根互相作用连接的“骨头”上，通过控制这些骨骼的位置、旋转方向和放大缩小而生成动画。
在2D手游中，因UI界面层交互需要响应，因此UI界面层一般位于所有的非UI界面层(场景层)的最上方，而其他非UI界面层(场景层)根据游戏需要依次位于UI界面层的下方。鉴于上述的UI界面层和非UI界面层(场景层)的动画实现方式，UI界面层上的一些特殊控件，如进度条、按钮必须位于UI界面层实现其功能，不能像单纯的图片可以位于非UI界面层(场景层)中，因此这些控件的相关动画的实现只能位于UI界面层，不可移动到非UI界面层(场景层)来制作，UI界面层与非UI界面层(场景层)之间如果有动画配合就需要分别制作，一方面受到手机性能的影响、互相的帧率会有差别，在渲染的时候两层动画表现可能会有时间延迟而使得效果不佳；另一方面UI界面层位于非UI界面层(场景层)的最上方，视觉上浮动于整个画面的最上方，对于表现于下方非UI界面层(场景层)的场景、影响、怪物等内容的互动欠佳，视觉上的体验较差；此外分别单独制作动画的实现成本也较高。
发明内容
为解决上述技术问题，本发明提出一种2D游戏中的控件动画实现方法及系统，一方面使得2D游戏中的控件的动画融入到其相应角色的动画中，两层动画表现完全一致，改善游戏画面视觉效果，提升用户体验效果，另一方面无需再单独制作控件的动画而节省了动画制作成本，提高运行动画的性能。
为达到上述目的，本发明采用以下技术方案：
本发明公开了一种2D游戏中的控件动画实现方法，包括以下步骤：
S1：将控件与代表相应角色的任一骨骼的元素以预定函数进行关联；
S2：根据被关联的所述元素的第一动画数据和所述预定函数，生成所述控件的第二动画数据；
S3：所述控件以所述第二动画数据来显示动画效果。
优选地，所述控件位于UI界面层，被关联的所述元素位于非UI界面层，其中所述UI界面层位于所述非UI界面层的上方。
优选地，所述控件是进度条、按钮、滑块中的至少一种。
优选地，所述第一动画数据包括被关联的所述元素的坐标位置，所述第二动画数据包括所述控件的坐标位置。
优选地，所述预定函数为y＝x+a，其中y是所述控件的横坐标或纵坐标，x是所述被关联的所述元素的横坐标或纵坐标，a是预设的常数。进一步地，a＝0。
本发明还公开了一种2D游戏中的控件动画实现系统，包括：
关联模块，用于将控件与代表相应角色的任一骨骼的元素以预定函数进行关联；
控件动画数据生成模块，用于根据被关联的所述元素的第一动画数据和所述预定函数，生成所述控件的第二动画数据；
控件动画显示模块，用于将所述控件以所述第二动画数据来显示动画效果。
优选地，所述控件位于UI界面层，被关联的所述元素位于非UI界面层，其中所述UI界面层位于所述非UI界面层的上方。
优选地，所述控件是进度条、按钮、滑块中的至少一种。
优选地，所述第一动画数据包括被关联的所述元素的坐标位置，所述第二动画数据包括所述控件的坐标位置。
优选地，所述预定函数为y＝x+a，其中y是所述控件的横坐标或纵坐标，x是被关联的所述元素的横坐标或纵坐标，a是预设的常数。进一步地，a＝0。
与现有技术相比，本发明的有益效果在于：本发明通过将控件与代表相应角色的任一骨骼的元素进行关联，根据被关联的相应角色的骨骼的元素的动画数据来生成控件的动画数据并进行显示，一方面使得控件可以不局限于其所在的UI界面层上的表现，与相应的角色的动画有所关联，在视觉上控件的表现更加融入其他界面层的表现，从而达到动画整体的一致性，实现游戏画面的整体性和流畅性，改善游戏画面视觉效果，提升用户体验效果；另一方面控件的动画效果只需根据被关联的相应角色的骨骼的元素的动画制作完成，而无需再另外单独制作控件的动画就能更好地实现控件与相应角色的动画配合，节省了动画制作的成本和动画资源，提高运行动画时的性能。
附图说明
图1是本发明优选实施例的2D游戏中的控件动画实现方法的流程图。
具体实施方式
下面对照附图并结合优选的实施方式对本发明作进一步说明。
如图1所示，本发明的其中一个实施例公开了一种2D游戏中的控件动画实现方法，包括以下步骤：
S1：将控件与代表相应角色的任一骨骼的元素以预定函数进行关联；
S2：根据被关联的元素的第一动画数据和预定函数，生成控件的第二动画数据；
S3：控件以第二动画数据来显示动画效果。
其中，控件位于UI界面层，相应角色以及被关联的代表相应角色的任一骨骼的元素位于非UI界面层，且UI界面层位于非UI界面层的上方。
其中，控件是指进度条、按钮、滑块中的至少一种。
在进一步的实施例中，第一动画数据包括被关联的元素的坐标位置，第二动画数据包括控件的坐标位置。进一步地，预定函数为y＝x+a，其中y是控件的横坐标或纵坐标，x是被关联的元素的横坐标或纵坐标，a是预设的常数；在特定情况下可以设定a＝0，即使得控件的坐标位置与被关联的代表相应角色的任一骨骼的元素的坐标位置重合。
本发明的另一个实施例公开了一种2D游戏中的控件动画实现系统，包括：
关联模块，用于将控件与代表相应角色的任一骨骼的元素以预定函数进行关联；
控件动画数据生成模块，用于根据被关联的元素的第一动画数据和预定函数，生成控件的第二动画数据；
控件动画显示模块，用于将控件以第二动画数据来显示动画效果。
其中，控件位于UI界面层，相应角色以及被关联的代表相应角色的任一骨骼的元素位于非UI界面层，且UI界面层位于非UI界面层的上方。
其中，控件是指进度条、按钮、滑块中的至少一种。
在进一步的实施例中，第一动画数据包括被关联的元素的坐标位置，第二动画数据包括控件的坐标位置。进一步地，预定函数为y＝x+a，其中y是控件的横坐标或纵坐标，x是被关联的元素的横坐标或纵坐标，a是预设的常数；在特定情况下可以设定a＝0，即使得控件的坐标位置与被关联的代表相应角色的任一骨骼的元素的坐标位置重合。
在2D游戏中，控件必须要位于UI界面层才能实现其功能，控件相关动画的实现只能位于UI界面层而不可移动到其他非UI界面层来制作，而各个角色的动画是在非UI界面层来制作。另外，UI界面层一般位于所有非UI界面层的最上方，非UI界面层根据游戏需要依次位于UI界面层的下方，各个界面层的动画如果分别制作，实现成本较高，而且UI界面层和非UI界面层的动画需要配合来达到整体画面流畅效果，各动画之间需要调整至每一帧能够精确契合，实现起来费时费力。发明人通过将UI界面层上的控件与非UI界面层的代表其相应角色的任一骨骼的元素以预定函数来进行关联，并根据该被关联的元素的第一动画数据和预定函数来生成控件的第二动画数据，控件即可根据该第二动画数据来显示动画效果，使得控件的动画效果与其相应角色的动画效果达到统一性，改善游戏画面的视觉效果，提升用户体验效果；另外，控件的动画效果不再需要单独另外制作，从而节省了动画制作成本，且节省了动画资源，提高运行动画时的性能。
在本发明的2D游戏中，非界面层(场景层)的动画以骨骼动画来实现，并设定非界面层(场景层)上的代表角色(与关联的控件相对应)的任一骨骼的元素用于关联UI界面层上的控件(其中控件可以是单独控件，也可以是控件父类)，对非界面层(场景层)上的角色的骨骼的动画进行制作后，游戏中播放动画时，读取关联的代表角色的骨骼的元素的动画数据即每一帧代表该骨骼的元素的坐标位置，并根据该动画数据与关联的预定函数来生成控件的动画数据即控件的坐标位置，控件即跟随相应的角色的骨骼进行显示动画。其中在优选的方案中，控件与代表相应角色的任一骨骼的元素关联的预定函数为y＝x+a，其中y是控件的横坐标或纵坐标，x是被关联的元素的横坐标或纵坐标，a是预设的常数；即控件的横坐标和纵坐标的位置分别与代表相应角色的骨骼的元素的横坐标和纵坐标的位置互相重合(a＝0时)或相互偏移一定像素(a≠0时)，即实现控件的每一帧都跟随该骨骼运动。其中控件可以是UI界面层上的进度条、按钮和/或滑块。
根据本发明的控件动画实现方法，在游戏开发过程中，只需将UI界面层上的各个控件(单独控件或控件父类)分别与代表其相应角色的任一骨骼的元素以预定函数进行关联(其中各个控件分别与其相应角色相互对应)，而不需再单独制作控件的动画即可实现各个控件跟随其相应的角色运动，从而不仅节约了动画制作的成本，提高运行动画的性能，而且使得相互关联的动画达到融入的效果，大大改善游戏画面的视觉效果，提升用户体验。
以上内容是结合具体的优选实施方式对本发明所作的进一步详细说明，不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的技术人员来说，在不脱离本发明构思的前提下，还可以做出若干等同替代或明显变型，而且性能或用途相同，都应当视为属于本发明的保护范围。
Claims (10)
1.一种2D游戏中的控件动画实现方法，其特征在于，包括以下步骤：
S1：将控件与代表相应角色的任一骨骼的元素以预定函数进行关联；
S2：根据被关联的所述元素的第一动画数据和所述预定函数，生成所述控件的第二动画数据；
S3：所述控件以所述第二动画数据来显示动画效果。
2.根据权利要求1所述的控件动画实现方法，其特征在于，所述控件位于UI界面层，被关联的所述元素位于非UI界面层，其中所述UI界面层位于所述非UI界面层的上方。
3.根据权利要求1所述的控件动画实现方法，其特征在于，所述控件是进度条、按钮、滑块中的至少一种。
4.根据权利要求1至3任一项所述的控件动画实现方法，其特征在于，所述第一动画数据包括被关联的所述元素的坐标位置，所述第二动画数据包括所述控件的坐标位置。
5.根据权利要求4所述的控件动画实现方法，其特征在于，所述预定函数为y＝x+a，其中y是所述控件的横坐标或纵坐标，x是所述被关联的所述元素的横坐标或纵坐标，a是预设的常数。
6.一种2D游戏中的控件动画实现系统，其特征在于，包括：
关联模块，用于将控件与代表相应角色的任一骨骼的元素以预定函数进行关联；
控件动画数据生成模块，用于根据被关联的所述元素的第一动画数据和所述预定函数，生成所述控件的第二动画数据；
控件动画显示模块，用于将所述控件以所述第二动画数据来显示动画效果。
7.根据权利要求6所述的控件动画实现系统，其特征在于，所述控件位于UI界面层，被关联的所述元素位于非UI界面层，其中所述UI界面层位于所述非UI界面层的上方。
8.根据权利要求6所述的控件动画实现系统，其特征在于，所述控件是进度条、按钮、滑块中的至少一种。
9.根据权利要求6至8任一项所述的控件动画实现系统，其特征在于，所述第一动画数据包括被关联的所述元素的坐标位置，所述第二动画数据包括所述控件的坐标位置。
10.根据权利要求9所述的控件动画实现系统，其特征在于，所述预定函数为y＝x+a，其中y是所述控件的横坐标或纵坐标，x是被关联的所述元素的横坐标或纵坐标，a是预设的常数。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510696608.7A CN105389840A (zh) | 2015-10-23 | 2015-10-23 | 一种2d游戏中的控件动画实现方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510696608.7A CN105389840A (zh) | 2015-10-23 | 2015-10-23 | 一种2d游戏中的控件动画实现方法及系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105389840A true CN105389840A (zh) | 2016-03-09 |
Family
ID=55422089
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510696608.7A Pending CN105389840A (zh) | 2015-10-23 | 2015-10-23 | 一种2d游戏中的控件动画实现方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105389840A (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107391144A (zh) * | 2017-07-27 | 2017-11-24 | 武汉斗鱼网络科技有限公司 | 视图展示方法及装置 |
| CN107992348A (zh) * | 2017-10-31 | 2018-05-04 | 厦门宜弘电子科技有限公司 | 基于智能终端的动态漫画插件处理方法及系统 |
| CN108635856A (zh) * | 2018-05-11 | 2018-10-12 | 网易（杭州）网络有限公司 | 游戏中速度反馈的控制方法、装置和计算机可读存储介质 |
| CN109165052A (zh) * | 2018-08-08 | 2019-01-08 | 腾讯科技（深圳）有限公司 | 应用场景的交互处理方法、装置及终端、系统、存储介质 |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101833459A (zh) * | 2010-04-14 | 2010-09-15 | 四川真视信息技术有限公司 | 基于网页的动态2d骨骼人物实现系统 |
-
2015
- 2015-10-23 CN CN201510696608.7A patent/CN105389840A/zh active Pending
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101833459A (zh) * | 2010-04-14 | 2010-09-15 | 四川真视信息技术有限公司 | 基于网页的动态2d骨骼人物实现系统 |
Non-Patent Citations (3)
| Title |
|---|
| NATEYANG123: "unity3d之进度条跟着游戏对象移动", 《HTTP://BLOG.CSDN.NET/NATEYANG/ARTICLE/DETAILS/7467354》 * |
| 段辉丽 等: "利用OSG三维图形渲染引擎实现的骨骼动画", 《计算机工程与应用》 * |
| 王晓: "角色动画在游戏中的设计及实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107391144A (zh) * | 2017-07-27 | 2017-11-24 | 武汉斗鱼网络科技有限公司 | 视图展示方法及装置 |
| WO2019019757A1 (zh) * | 2017-07-27 | 2019-01-31 | 武汉斗鱼网络科技有限公司 | 视图展示方法及装置、存储器及用户终端 |
| CN107391144B (zh) * | 2017-07-27 | 2020-01-03 | 武汉斗鱼网络科技有限公司 | 视图展示方法及装置 |
| CN107992348A (zh) * | 2017-10-31 | 2018-05-04 | 厦门宜弘电子科技有限公司 | 基于智能终端的动态漫画插件处理方法及系统 |
| CN107992348B (zh) * | 2017-10-31 | 2020-09-11 | 厦门宜弘电子科技有限公司 | 基于智能终端的动态漫画插件处理方法及系统 |
| CN108635856A (zh) * | 2018-05-11 | 2018-10-12 | 网易（杭州）网络有限公司 | 游戏中速度反馈的控制方法、装置和计算机可读存储介质 |
| CN108635856B (zh) * | 2018-05-11 | 2021-05-04 | 网易（杭州）网络有限公司 | 游戏中速度反馈的控制方法、装置和计算机可读存储介质 |
| CN109165052A (zh) * | 2018-08-08 | 2019-01-08 | 腾讯科技（深圳）有限公司 | 应用场景的交互处理方法、装置及终端、系统、存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107018336B (zh) | 图像处理的方法和装置及视频处理的方法和装置 | |
| CN105373224B (zh) | 一种基于普适计算的混合现实游戏系统及方法 | |
| US20190340828A1 (en) | System and method to integrate content in real time into a dynamic real-time 3-dimensional scene | |
| CN105389840A (zh) | 一种2d游戏中的控件动画实现方法及系统 | |
| CN110462555A (zh) | 在层子区域上选择性地应用重投影处理以优化后期重投影功率 | |
| CN102221996A (zh) | 一种动态壁纸与桌面组件进行交互的实现方法 | |
| CN101477702B (zh) | 计算机显卡的植入式真三维立体驱动方法 | |
| JP2014021570A (ja) | 動画像生成装置 | |
| CN106527724A (zh) | 一种实现虚拟现实场景的方法及系统 | |
| CN101477701A (zh) | 面向AutoCAD和3DS MAX软件的植入式真三维立体渲染方法 | |
| US11328468B2 (en) | Animated faces using texture manipulation | |
| CN106331690A (zh) | 一种3d弹幕的实现方法以及实现装置 | |
| CN105389090A (zh) | 游戏交互界面显示的方法及装置、移动终端和电脑终端 | |
| US7847754B2 (en) | Image processing program and image display device | |
| CN114430466A (zh) | 素材展示方法、装置、电子设备、存储介质及程序产品 | |
| CN106909263A (zh) | 三维图像的交互展示方法及系统 | |
| WO2017174006A1 (zh) | 图片处理的方法和装置 | |
| CN113691796B (zh) | 通过二维模拟的三维场景互动方法及计算机可读存储介质 | |
| CN103995644B (zh) | 实现三维地理信息系统和三维图形系统联动融合的方法 | |
| CN101488229A (zh) | 面向pci三维分析模块的植入式真三维立体渲染方法 | |
| CN115713589A (zh) | 虚拟建筑群的图像生成方法、装置、存储介质及电子装置 | |
| CN103337089A (zh) | 一种在3d空间中实现文字跑马灯效果的方法 | |
| CN113313796A (zh) | 场景生成方法、装置、计算机设备和存储介质 | |
| CN106210003A (zh) | 一种展示用户活跃度的方法和系统 | |
| CN107274467A (zh) | 一种基于Unity3D的模型动画联动方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160309 |
|
| RJ01 | Rejection of invention patent application after publication |