重开发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27689713

郝萌主友情提示:
人是习惯的产物,当你习惯快乐时。记忆里的不愉快就消失了。


游戏開始之前
经过之前的学习,我们已经能够开发一个最主要的 Cocos2d-x 游戏了,这个游戏包含一张背景图片和一个退出游戏的按 钮,可是这距离完毕一个完整、有用的游戏还非常遥远。在这一章节中,我们将首先抛开
Cocos2d,介绍游戏开发的基本概念。然后结合 Cocos2d-x 的特点,介绍一些 Cocos2d-x 开发的基础知识。尽管这里没有解说游戏开发的详细方法,会略为枯燥,但介绍的都是
Cocos2d-x 开发所必须理解的基础知识。


基本概念
若要进行游戏开发,首先要理解游戏的基本原理以及元素组成。

在这一节中,我们将介绍游戏中的基本概念,包含游戏流程控制、场景、层和精灵等。


场景与流程控制
我相信大家都接触过很多不同类型的游戏,而面对大多数游戏。玩家差点儿不须要学习就能够開始玩游戏。由于它们都有例如以下流程:
进入游戏。显示游戏主菜单;
选择新游戏,開始教学任务或是第一个关卡;
选择加载游戏,继续曾经的游戏。
选择设置。调整游戏的听觉或视觉效果等。
以找小三为例,假设把它的流程画成图,就能够得到以下的找小三的流程图。通过这个流程图。我们就能够对游戏的流 程有一个更清晰的认识。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGFuaWVsenp1/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">


在图中,每个节点中显示的内容相对不变。通常,我们把这些内容相对不变的游戏元素集合称作场景(scene),把游戏在场景之间切换的过程叫做流程控制(flow
control)。

在 Cocos2d-x 3.0中。场景的实现是 Scene。

层是隶属于场景之下的游戏元素。通常,一个复杂场景会拥有多个层,一个层会显示一部分视觉元素。空白部分为透明或半透明。以实现多个层的重叠显示。层与层之间依照顺序叠放在一起。就组成了一个复杂的场景。或许读者接触过图片编辑器(如
Photoshop)或者动画编辑器(如 Adobe Flash?),在这些编辑器中也存在层的概念。在游戏设计中,层的概念与它们类似。


以找小三的游戏场景为例,场景能够大致分为 4 层。

背景层:背景图片。
菜单层:悬浮于最上方的各种菜单项。
触摸层:处理在屏幕上的触摸、滑动画面等。
动作层:使用技能等,并处理触摸。


如图所看到的, 我们看到的是 《找小三》 的主菜单场景和游戏场景的分层示意图。 

当中包含背景层。和button触摸层;

相同游戏层也是如此,包含可拖动背景层。button层。道具层等;

在 Cocos2d-x 3.0中, 层的实现是 Layer。

精灵
层和场景是其它游戏元素的容器,假设没有向它们加入可见的游戏元素,它们看起来就一直是透明的。精灵则与层或场景不同,它隶属于层。是场景中出现的可见图形。

玩家控制的主角、AI
控制的 NPC,以及地图上的宝箱、石块。甚至游戏主菜单的背景图片都是精灵。因此。能够这样觉得。玩家看到的一切差点儿都是由精灵构成的。

精灵不一定是静态的。通常。一个精灵能够不断变化,变化的方式包含:移动、旋转、缩放、变形、显现消失、动画效果(类似
GIF 动画)等。精灵依照层次结构组合起来。并与玩家互动,构成了一个完整的游戏。

以《找小三》的游戏场景为例,我们选择游戏动作层,当中包括的主要精灵如图所看到的。



节点与渲染树
我们已经知道了精灵、层和场景怎样构成一个游戏的框架。

精灵属于层,层属于场景。玩家与精灵互动,

并导致游戏画面在不同场景中切换。

把每一个环节拼接在一起。我们得到了一个完整的关系图。

以《找小三》的游戏场景的简化版为例。各个游戏元素依照图所看到的的方式组织在一起。

从组织关系的角度来说,游戏元素依照图中的树形结构组织起来。而从画图的角度来说。图形依照自上而下的顺序绘
制出来。为了绘制场景,须要绘制场景中的层,为了绘制层,须要绘制层中的精灵。

因此。关系图实质上安排了图元的绘图方式,关系图中的每个元素称作节点(node),关系图则称作渲染树(rendering
tree)。渲染场景的过程就是遍历渲染树的过程。


一旦建立起渲染树,组织复杂的场景就变得十分简单。

我们赋予每一个节点一系列属性,包含节点相对于父节点的位置、旋转角度、缩放比例和变形參数等。渲染树的优势在于,我们仅仅须要考虑节点相对于父节点的属性。就能够逐层创建复杂的对象或动作。


举一个简单的样例是《找小三》中的背景动画中。时光穿梭,地球在不停的转动着,树木楼房也在转动着。


因此,能够建立一个节点表示背景。再建立 2个精灵分别表示主角和地球。

这样,每一个动作都是可控的,仅仅

要为每一个精灵设置好了动作,就能够完毕复杂的动画。反之,假设没有树型结构,组织一个略微复杂的游动都会成为一个巨大的project。


Cocos2d 也採用了渲染树架构。 不论什么可见的游戏元素都派生自 Cocos2d-x 节点 (Node) , 常见的游戏元素有场景 (Scene) 、层(Layer)和精灵(Sprite)等。前面提到过。通常游戏依照场景、层、精灵的层次顺序组织,每种节点都有各自的特点。然而在实际开发中。为了实现一些特殊的效果,也不必拘泥于这个层次顺序。层或精灵都是普通的节点。因此,即使向精灵中加入精灵。向场景中加入精灵,甚至向精灵中加入层,这些操作也都没有被禁止。

在读者觉得必要时,能够自己尝试各种组织层次。


动作与动画
动作(action)作用于游戏元素,能够使游戏元素运动起来。常见的动作有移动、转动、闪烁、消失等。动作分为持续性动作与瞬时动作。持续性动作在一段时间内连续完毕。瞬时动作会瞬间完毕。为了使游戏画面动起来,我们会在须要的时候创建一系列动作,并把它们应用到游戏元素中。

在 Cocos2d-x 中,动作由 Action 类实现。由 Action 类派生出持续性动作类ActionInterval
和瞬时动作类 ActionInstant。

全部的动作都派生自以上两个类之中的一个。


动画(animation)是一种特殊的持续性动作,它仅仅能应用于精灵上,用于实现帧动画效果。

如同电影胶片一样,一个帧动画由多张精巧的图片不停地切换形成。精巧的图片叫做帧(frame)。帧的序列代表一个动画效果。

比如,《找小三》游戏中。地球在不停的转动着。距离产生美,还能产生小三,所以主角在不停的走动寻找着。显得格外真实。

在 Cocos2d-x 中,我们能够使用多个帧创建帧动画序列(Animation),并用帧动画序列创建可作用于精灵的帧动画(Animate)。

版权声明:本文博主原创文章,博客,未经同意不得转载。

6、Cocos2dx 3.0游戏开发的基本概念找个小三场比赛的更多相关文章

  1. [置顶] cocos2d-x 3.0游戏开发xcode5帅印博客教学 003.[HoldTail]游戏世界以及背景画面

    cocos2d-x 3.0游戏开发xcode5帅印博客教学 003.[HoldTail]游戏世界以及背景画面 写给大家的前言,在学习cocos2d-x的时候自己走了很多的弯路,也遇到了很多很多问题,不 ...

  2. [置顶] cocos2d-x 3.0游戏开发xcode5帅印博客教学 004.[HoldTail]主角的上下飞行跟移动

    cocos2d-x 3.0游戏开发xcode5帅印博客教学 004.[HoldTail]主角的上下飞行跟移动 写给大家的前言,在学习cocos2d-x的时候自己走了很多的弯路,也遇到了很多很多问题,不 ...

  3. 6、Cocos2dx 3.0游戏开发找小三之游戏的基本概念

    重开发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27689713 郝萌主友情提示: 人是习惯的产物,当你 ...

  4. 13、Cocos2dx 3.0游戏开发找小三之3.0中的Director :郝萌主,一统江湖

    重开发人员的劳动成果.转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27706967 游戏中的基本元素 在曾经文章中.我们具 ...

  5. 23、Cocos2dx 3.0游戏开发找小三之粒子系统:你那里下雪了吗?

    重开发人员的劳动成果.转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/30485919 春雨惊春清谷天,夏满芒夏暑相连, 秋处 ...

  6. 1、Cocos2dx 3.0游戏开发三找一小块前言

    尊重开发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27094663 前言 Cocos2d-x 是一个通用 ...

  7. 7、Cocos2dx 3.0游戏开发找小三之3.0版本号的代码风格

    重开发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27691337 Cocos2d-x代码风格 前面我们已 ...

  8. 18、Cocos2dx 3.0游戏开发找小三之cocos2d-x,请问你是怎么调度的咩

    重开发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/30478251 Cocos2d 的一大特色就是提供了事 ...

  9. 4、Cocos2dx 3.0游戏开发找小三之Hello World 分析

    尊重开发人员的劳动成果.转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27186557 Hello World 分析 打开新 ...

随机推荐

  1. UVa10000_Longest Paths(最短路SPFA)

    解题报告 求最长路. 用SPFA求最长路,初始化图为零,dis数组也为零 #include <iostream> #include <cstdio> #include < ...

  2. Effective C++:规定27:尽量少做动作的过渡

    (一个)C风格遗留转换: (T)expression T(expression) (二)C++提供四种新式转型: (1)const_cast<T>(expression):去除表达式的常量 ...

  3. 【Hibernate学习】 ——ORM(三)

    前面几种关系我们曾经就常常常使用,对于继承我们也并不陌生,常常接触的类与类之间的继承用extendskeyword,那么在表与表的关系中怎样表示呢?以下我们来讲继承映射. 继承有三种实现的策略,单表继 ...

  4. C++生产和使用的临时对象

     所谓暂时对象就是一种无名对象. 它的出现假设不在程序猿的预期之下(比如不论什么pass by value操作都会引发copy操作,于是形成一个暂时对象),往往照成效率上的负担. 但有时候能够制造 ...

  5. ERROR 2003 (HY000): Can&#39;t connect to MySQL server on &#39;10.16.115.101&#39; (111)

    ubuntu安装之后mysql,使用apt-get安装命令,默认为同意只本地访问 root@idata1:~/software# mysql -uroot -p123456 -h10.16.115.1 ...

  6. python基础课程_学习笔记13:标准库:有些收藏夹——sys

    标准库:有些收藏夹 sys sys这个模块可以让你访问和python解释器联系紧密的变量和函数. sys模块中一些重要的函数和变量 函数/变量 描写叙述 argv 命令行參数,包含脚本名称 exit( ...

  7. AngularJS 实现按需异步加载

    习惯了 seajs 的异步加载方式,也想着 angular 也能同样使用异步加载,但是事实不随人愿. angularjs 和 requirejs 一样,使用的是预先加载的方式组织模块(这和 seajs ...

  8. java生成二维码(带logo)

    之前写过一篇不带logo的二维码实现方式,採用QRCode和ZXing两种方式 http://blog.csdn.net/xiaokui_wingfly/article/details/3947618 ...

  9. Angularjs里面跨作用域

    Angularjs里面跨作用域的实战!   好久没有来写博客了,最近一直在用Google的AngularJS,后面我自己简称AngularJS就叫AJ吧! 学习AngularJS一路也是深坑颇多啊-- ...

  10. poj1083 思考题

    http://poj.org/problem?id=1083 Description The famous ACM (Advanced Computer Maker) Company has rent ...