学习小计(部分摘自cocos官方文档）1

最新推荐文章于 2022-04-04 01:21:48 发布

Kong ling

最新推荐文章于 2022-04-04 01:21:48 发布

阅读量942

点赞数

文章标签： cocos2dx

本文链接：https://blog.csdn.net/qq_37740170/article/details/79149947

版权

1.AutoPolygon

裁剪矩形图片的透明部分，使资源所占空间更小。

AutoPolygon 是一个工具类，它可以在程序运行时，通过跟踪关键点和三角测量，将一个矩形图像划分成一系列小三角形块。

首先将图像资源传入 AutoPolygon 进行处理，然后我们使用它生成的对象进行精灵的创建就能得到多边形精灵。

用法：

// Generate polygon info automatically.

auto polygon = AutoPolygon::generatePolygon("图片资源文件名”)；

// Create a sprite with polygon info.

//参数polygon为上行所创建的多边形对象；

auto sprite = Sprite::createwith(polygon );

2.动作的倒转

倒转(Reverse) 的功能也和字面意思一样，调用 reverse() 可以让一系列动作按相反的方向执行。reverse() 不是只能简单的让一个Action 对象反向执行，还能让 Sequence 和Spawn 倒转。

用法：

//返回值为actionname的反转动作对象

actionname->reverse();

3.场景图(Scene Graph)

场景图(Scene Graph)是一种安排场景内对象的数据结构，它把场景内所有的 节点(Node) 都包含在一个 树(tree) 上。(场景图虽然叫做"图"，但实际使用一个树结构来表示)。

听起来这好像很复杂，可能你会问，我为什么要关注这个技术细节，Cocos2d-x 值得我研究的这么深入吗？值得！这个对你真正了解渲染器是如何绘制场景的非常重要。

当你开发游戏的时候，你会添加一些节点，精灵和动画到一个场景中，你期望的是每一个添加的对象都能被正确的展示，可是如果有个对象没有被展示呢？可能你错误的把这个对象隐藏到背景中了。怎么办？别着急，这是个小问题，停下来，拿出一张纸，把场景图画出来，你肯定能很容易的发现错误。

既然场景图是一个树结构，你就能遍历它，Cocos2d-x 使用 中序遍历，先遍历左子树，然后根节点，最后是右子树。中序遍历下图的节点，能得到A, B, C, D, E, F, G, H, I 这样的序列。

初步了解了场景图，让我们看一下这个游戏场景。

分解这个场景，看一下它有哪些元素，这些最终会被渲染为一个树。

另一点要考虑的是，z-order 为负的元素，z-order 为负的节点会被放置在左子树，非负的节点会被放在右子树。实际开发的过程中，你可以按照任意顺序添加对象，他们会按照你指定的 z-order 自动排序。

4.瓦片地图

在游戏开发过程中，我们会遇到超过屏幕大小的地图，例如在即时战略游戏中，它使得玩家可以在地图中滚动游戏画面。这类游戏通常会有丰富的背景元素，如果直接使用背景图切换的方式，需要为每个不同的场景准备一张背景图，而且每个背景图都不小，这样会造成资源浪费。

瓦片地图就是为了解决这问题而产生的。一张大的世界地图或者背景图可以由几种地形来表示，每种地形对应一张小的的图片，我们称这些小的地形图片为瓦片。把这些瓦片拼接在一起，一个完整的地图就组合出来了，这就是瓦片地图的原理。

在 Cocos2d-x 中，瓦片地图实现的是 TileMap 方案，TileMap 要求每个瓦片占据地图上一个四边形或六边形的区域。把不同的瓦片拼接在一起，就可以组成完整的地图。TileMap 使用一种基于 XML 的 TMX 格式文件。

使用 TMX 文件创建一个瓦片地图：

C++

// reading in a tiled map.
auto map = TMXTiledMap::create("TileMap.tmx");
addChild(map, 0, 99); // with a tag of '99'

瓦片地图可能有许多层，通过层名获取到一个特定的层。

C++

// how to get a specific layer
auto map = TMXTiledMap::create("TileMap.tmx");
auto layer = map->getLayer("Layer0");
auto tile = layer->getTileAt(Vec2(1, 63));

每个瓦片都有独一无二的位置和 ID，这使得我们很容易选择特定的瓦片。

通过位置访问：

C++

// to obtain a specific tiles id
unsigned int gid = layer->getTileGIDAt(Vec2(0, 63));

5.粒子系统

粒子系统是指计算机图形学中模拟特定现象的技术，它在模仿自然现象、物理现象及空间扭曲上具备得天独厚的优势，能为我们实现一些真实自然而又带有随机性的效果（如爆炸、烟花、水流）提供了方便。Cocos2d-x引擎中就为我们提供了强大的粒子系统。

下面是使用粒子系统完成的两个粒子特效：

创建粒子特效的工具

尽管你能手动创建粒子特效，按照喜好确定每个属性，但是使用工具往往更方便高效。下面介绍几个第三方工具：

Particle Designer：Mac 上一款非常强大的粒子特效编辑器
V-play particle editor：一款跨平台的粒子特效编辑器
Particle2dx：一款 Web 粒子特效编辑器，打开网页即可进行设计

使用这些工具完成粒子特效的设计，最终会导出一个 .plist 文件，Cocos2d-x 通过使用这种文件，就能把粒子特效添加到场景中，添加方法和操作一个普通的节点类型一样。

创建方法：

C++

// create by plist file
auto particleSystem = ParticleSystem::create("SpinningPeas.plist");

内置粒子特效

准备好添加粒子特效到你的游戏中了吗？是否习惯创建自定义粒子特效？不习惯也没关系，我们内置了一些粒子特效，你可以直接使用。这个列表都是：

ParticleFire: Point particle system. Uses Gravity mode.
ParticleFireworks: Point particle system. Uses Gravity mode.
ParticleSun: Point particle system. Uses Gravity mode.
ParticleGalaxy: Point particle system. Uses Gravity mode.
ParticleFlower: Point particle system. Uses Gravity mode.
ParticleMeteor: Point particle system. Uses Gravity mode.
ParticleSpiral: Point particle system. Uses Gravity mode.
ParticleExplosion: Point particle system. Uses Gravity mode.
ParticleSmoke: Point particle system. Uses Gravity mode.
ParticleSnow: Point particle system. Uses Gravity mode.
ParticleRain: Point particle system. Uses Gravity mode.

比如使用内置的烟火特效 ParticleFireworks：

C++

auto emitter = ParticleFireworks::create();

addChild(emitter, 10);

是这样的效果:

要是内置的粒子特效不是你想要的那样，也没关系，你可以直接手动设置参数！让我们拿上面的烟火特效示例，并通过手动改变属性进一步控制。

C++

auto emitter = ParticleFireworks::create();

// set the duration
emitter->setDuration(ParticleSystem::DURATION_INFINITY);

// radius mode
emitter->setEmitterMode(ParticleSystem::Mode::RADIUS);

// radius mode: 100 pixels from center
emitter->setStartRadius(100);
emitter->setStartRadiusVar(0);
emitter->setEndRadius(ParticleSystem::START_RADIUS_EQUAL_TO_END_RADIUS);
emitter->setEndRadiusVar(0);    // not used when start == end

addChild(emitter, 10);

6.视差滚动

视差滚动是指让多层背景以不同的速度移动，从而形成的立体运动效果。比如超级马里奥游戏中，角色所在地面的移动与背景天空的移动，就是一个视差滚动。Cocos2d-x 通过ParallaxNode 对象模拟视差滚动。可以通过序列控制移动，也可以通过监听鼠标，触摸，加速度计，键盘等事件控制移动。ParallaxNode 对象比常规节点对象复杂一些，因为为了呈现不同的移动速度，需要多个子节点。它类似Menu 像一个容器，本身不移动，移动的是被添加进入其中的不同子节点。ParallaxNode 的创建：

C++

// create ParallaxNode
auto paraNode = ParallaxNode::create();

添加多个节点对象：

C++

// create ParallaxNode
auto paraNode = ParallaxNode::create();

// background image is moved at a ratio of 0.4x, 0.5y
paraNode->addChild(background, -1, Vec2(0.4f,0.5f), Vec2::ZERO);

// tiles are moved at a ratio of 2.2x, 1.0y
paraNode->addChild(middle_layer, 1, Vec2(2.2f,1.0f), Vec2(0,-200) );

// top image is moved at a ratio of 3.0x, 2.5y
paraNode->addChild(top layer, 2, Vec2(3.0f,2.5f), Vec2(200,800) );

需要注意的是，被添加的每个 Node 对象被赋予了一个唯一的 z-order 顺序，以便他们堆叠在彼此之上。另外要注意addChild() 调用中两个 Vec2 参数，第一个决定这个子节点的移动速度与父节点移动速度的比率，第二个是相对父节点ParallaxNode 的偏移量。

7.键盘事件

对于桌面游戏，一般需要通过键盘做一些游戏内的控制，这时你就需要监听键盘事件。Cocos2d-x 支持键盘事件，就像上节介绍的触摸事件一样。

创建键盘事件监听器：

C++

// creating a keyboard event listener
auto listener = EventListenerKeyboard::create();
listener->onKeyPressed = CC_CALLBACK_2(KeyboardTest::onKeyPressed, this);
listener->onKeyReleased = CC_CALLBACK_2(KeyboardTest::onKeyReleased, this);

_eventDispatcher->addEventListenerWithSceneGraphPriority(listener, this);

// Implementation of the keyboard event callback function prototype
void KeyboardTest::onKeyPressed(EventKeyboard::KeyCode keyCode, Event* event)
{
        log("Key with keycode %d pressed", keyCode);
}

void KeyboardTest::onKeyReleased(EventKeyboard::KeyCode keyCode, Event* event)
{
        log("Key with keycode %d released", keyCode);
}

可以看到，在使用键盘事件监听器时，可以监听两种不同的事件，每一个事件都有自己的触发时机。

两种事件及触发时机：

onKeyPressed 按键被按下时
onKeyReleased 按下状态的按键被放开时

8.加速度传感器事件

现在一些移动设备配备有加速度传感器，我们可以通过监听它的事件获取各方向的加速度。

可以设想要完成一个游戏情景：通过来回移动手机，平衡小球在手机中的位置。这种场景的完成，就需要监听加速度传感器事件。

使用加速度传感器，需要先启用

C++

Device::setAccelerometerEnabled(true);

创建加速度传感器监听器：

C++

// creating an accelerometer event
auto listener = EventListenerAcceleration::create(CC_CALLBACK_2(
AccelerometerTest::onAcceleration, this));

_eventDispatcher->addEventListenerWithSceneGraphPriority(listener, this);

// Implementation of the accelerometer callback function prototype
void AccelerometerTest::onAcceleration(Acceleration* acc, Event* event)
{
    //  Processing logic here
}

9.鼠标事件

就像前几节介绍的那样，Cocos2d-x 支持响应鼠标事件

创建鼠标事件监听器：

C++

_mouseListener = EventListenerMouse::create();
_mouseListener->onMouseMove = CC_CALLBACK_1(MouseTest::onMouseMove, this);
_mouseListener->onMouseUp = CC_CALLBACK_1(MouseTest::onMouseUp, this);
_mouseListener->onMouseDown = CC_CALLBACK_1(MouseTest::onMouseDown, this);
_mouseListener->onMouseScroll = CC_CALLBACK_1(MouseTest::onMouseScroll, this);

_eventDispatcher->addEventListenerWithSceneGraphPriority(_mouseListener, this);

void MouseTest::onMouseDown(Event *event)
{
    // to illustrate the event....
    EventMouse* e = (EventMouse*)event;
    string str = "Mouse Down detected, Key: ";
    str += tostr(e->getMouseButton());
}

void MouseTest::onMouseUp(Event *event)
{
    // to illustrate the event....
    EventMouse* e = (EventMouse*)event;
    string str = "Mouse Up detected, Key: ";
    str += tostr(e->getMouseButton());
}

void MouseTest::onMouseMove(Event *event)
{
    // to illustrate the event....
    EventMouse* e = (EventMouse*)event;
    string str = "MousePosition X:";
    str = str + tostr(e->getCursorX()) + " Y:" + tostr(e->getCursorY());
}

void MouseTest::onMouseScroll(Event *event)
{
    // to illustrate the event....
    EventMouse* e = (EventMouse*)event;
    string str = "Mouse Scroll detected, X: ";
    str = str + tostr(e->getScrollX()) + " Y: " + tostr(e->getScrollY());
}

10.是否需要使用物理引擎
当你的需求很简单时，就不要使用物理引擎。比如只需要确定两个对象是否有碰撞，结合使用节点对象的 update 函数和 Rect 对象的 containsPoint()，intersectsRect() 方法可能就足够了。例如：

    
    
     
     
      
      
       
       C++
      
      
     
     
     
     
      
      
       
       void update(float dt)
{
  auto p = touch->getLocation();
  auto rect = this->getBoundingBox();

  if(rect.containsPoint(p))
  {
      // do something, intersection
  }
}
      
      
     
     
    
    
这种检查交集以确定两个对象是否有碰撞的方法，只能解决非常简单的需求，无法扩展。比如你要开发一个游戏，一个场景有 100 个精灵对象，需要判断它们互相是否有碰撞，如果使用这种方式那将非常复杂，同时性能消耗还会严重影响 CPU 的使用率和游戏运行的帧率，这游戏根本没法玩。
这个时候就需要物理引擎了，在模拟物理情景上，物理引擎的扩展性好，性能的消耗也低。像刚才提到的那个情景，使用物理引擎就能很好的解决。初次了解物理引擎的话，肯定会觉得很陌生，我们来看一个简单的例子，通过例子来介绍术语，或许会容易接受一些。

    
    
     
     
      
      
       
       C++
      
      
     
     
     
     
      
      
       
       // create a static PhysicsBody
auto physicsBody = PhysicsBody::createBox(Size(65.0f , 81.0f ), PhysicsMaterial(0.1f, 1.0f, 0.0f));
physicsBody->setDynamic(false);

// create a sprite
auto sprite = Sprite::create("whiteSprite.png");
sprite->setPosition(Vec2(400, 400));

// sprite will use physicsBody
sprite->addComponent(physicsBody);

//add contact event listener
auto contactListener = EventListenerPhysicsContact::create();
contactListener->onContactBegin = CC_CALLBACK_1(onContactBegin, this);
_eventDispatcher->addEventListenerWithSceneGraphPriority(contactListener, this);
      
      
     
     
    
    
虽然上面这个例子已经很简单了，但你可能还是觉得它复杂得有点吓人？别害怕，仔细的分析一下，就会发现也没那么复杂。
代码流程：
    
    PhysicsBody 对象创建
Sprite 对象创建
PhysicsBody 对象以组件的形式被添加到 Sprite 对象
创建监听器以响应 onContactBegin() 事件
保持耐心，一旦我们一步一步的去分析，慢慢的就能理解这个过程。