制作飞镖忍者(1) Cocos2d-x 3.0alpha0

2023-10-29 06:40
文章标签 制作 cocos2d 3.0 忍者 飞镖 alpha0

本文主要是介绍制作飞镖忍者(1) Cocos2d-x 3.0alpha0，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

本文实践自 Ray Wenderlich 的文章《 How To Make A Simple iPhone Game with Cocos2D 2.X Tutorial 》，文中使用Cocos2D，我在这里使用Cocos2D-x3.0alpha0进行学习和移植，前者是用Object-C所写，所以移植到Cocos2D-x会有些差异，比如某些函数、某些功能不能跟原文一样直接实现，需另转换方法实现。之前已经对Cocos2D-x的安装以及简单使用进行了介绍，这里不再介绍，直接进入主题。

步骤如下：使用脚本创建工程  

./create-multi-platform-projects.py -p Ninja -k com.HuLuo.Ninja -l cpp

2.编译运行，可以看到如下图所示：

3.下载本游戏所需的资源，将资源放置"Resources"目录下；

4.游戏需要一个白色的背景，最简单的方法是使用CCLayerColor，将HelloWorldScene.h文件"HelloWorld"类改为如下：

class HelloWorld : public cocos2d::LayerColor
之后添加如下代码： 

    Sprite* _player;Sprite* _monster;void addMonster();void spriteMoveFinished(Node* sender);void gameLogic(float dt);
首先添加玩家，让玩家位于左边屏幕中间，将 HelloWorldScene.cpp 文件的 init 函数，改为如下： 

bool HelloWorld::init()
{bool bRet = false;do {CC_BREAK_IF(!LayerColor::initWithColor(Color4B(255, 255, 255, 255)));Size winSize = Director::getInstance()->getWinSize();_player = Sprite::create("Player.png");_player->setPosition(Point(_player->getContentSize().width / 2, winSize.height / 2));_player->setScale(2);this->addChild(_player);this->schedule(schedule_selector(HelloWorld::gameLogic), 1.0);bRet = true;} while (0);return bRet;}void HelloWorld::gameLogic(float dt)
{}
5.编译运行，可以看到玩家精灵在白色背景上，如下图所示：




6.接下来添加怪物，并且让怪物可以移动，我们在屏幕右边创建怪物，建立动作让它们向左移动，增加addMonster方法，代码如下：

void HelloWorld::addMonster()
{_monster = Sprite::create("monster.png");_monster->setScale(2);Size winSize = Director::getInstance()->getWinSize();int minY = _monster->getContentSize().height / 2;int maxY = winSize.height - _monster->getContentSize().height / 2;int rangeY = maxY - minY;int actualY = (rand() % rangeY) + minY;_monster->setPosition(Point(winSize.width + _monster->getContentSize().width / 2, actualY));this->addChild(_monster);int minDuration = 2;int maxDuration = 4;int rangeDuration = maxDuration - minDuration;int actualDuration = (rand() % rangeDuration) + minDuration;MoveTo* actionMove = MoveTo::create(actualDuration, Point(-_monster->getContentSize().width / 2, actualY));CallFuncN* actionMoveDone = CallFuncN::create(std::bind(&HelloWorld::spriteMoveFinished, this,_monster));_monster->runAction(Sequence::create(actionMove,actionMoveDone, NULL));}
在右边屏幕以随机的位置添加怪物精灵，注意计算精灵的位置坐标，默认描点在中心，不要让怪物截断了。然后再以2~4秒的随机总时间，让怪物从右边移动到左边，移动出边界后，即回调函数 spriteMoveFinished ，进行删除精灵对象，增加的spriteMoveFinished方法如下： 

void HelloWorld::spriteMoveFinished(cocos2d::Node *sender)
{Sprite* sprite = (Sprite*)sender;this->removeChild(sprite);
}
接下去就是定时创建怪物，在 init 函数返回之前，安装定时器，每秒执行一次，代码如下： 

        this->schedule(schedule_selector(HelloWorld::gameLogic), 1.0);
增加 gameLogic 方法，代码如下： 

void HelloWorld::gameLogic(float dt)
{this->addMonster();
}
7.编译运行，可以看到右边怪物定时增加，并且以不同的速度向左边移动，如下图所示：


8.接着让玩家可以射击子弹，当用户在屏幕点击时，就让玩家往点击的方向进行发送子弹，用户的屏幕点击点并不是子弹移动的最终地，借用原文的一张图片来说明：

要让层可以支持触摸，需要在init方法，添加如下代码：

        this->setTouchEnabled(true);

然后重载onTouchesEnded方法，代码如下：

void HelloWorld::onTouchesEnded(const std::vector<Touch *> &touches, cocos2d::Event *event)
{Touch* touch = touches.front();Point location = this->convertTouchToNodeSpace(touch);Size winSize = Director::getInstance()->getWinSize();Sprite* projectile = Sprite::create("Projectile.png");projectile->setScale(2);projectile->setPosition(Point(20, winSize.height / 2));Point offset = ccpSub(location, projectile->getPosition());if (offset.x <= 0) {return;}this->addChild(projectile);int realX = winSize.width + projectile->getContentSize().width / 2;float ratio = (float)offset.y / (float)offset.x;int realY = realX * ratio + projectile->getPosition().y;Point realDest = Point(realX, realY);int offRealX = realX - projectile->getPosition().x;int offRealY = realY - projectile->getPosition().y;float length = sqrtf(offRealX * offRealX + offRealY * offRealY);float velocity = 480 / 1;float realMoveDuration = length / velocity;projectile->runAction(Sequence::create(MoveTo::create(realMoveDuration, realDest),CallFuncN::create(std::bind(&HelloWorld::spriteMoveFinished, this,projectile)), NULL));
}

首先，得到触摸点，然后创建子弹精灵，算出触摸点与子弹初始位置之差，若触摸点在初始位置的前方（即玩家前方），则添加子弹到层上。以同比例方法，计算出子弹飞向屏幕右边的最终坐标。然后再用勾股定理计算飞行长度，假定速度为每秒480像素，则计算出飞行总时间。之后就是让子弹执行给定的飞行动作，以及之后的删除自身调用。
9.编译运行，往屏幕点击，可以看到子弹发射出去，如下图所示：

10.当子弹碰到怪物时，怪物被消灭，子弹消失，即碰撞检测。需要在场景中跟踪目标和子弹，在HelloWorldScene.h声明如下：

    Array* _monsters;Array* _projectiles;
在构造函数和析构函数，添加如下： 

HelloWorld::HelloWorld()
{_monsters = NULL;_projectiles = NULL;
}HelloWorld::~HelloWorld()
{if (_monsters) {CC_SAFE_RELEASE_NULL(_monsters);}if (_projectiles) {CC_SAFE_RELEASE_NULL(_projectiles);}
}
然后在 init 函数中初始化这两个数组： 

        this->_monsters = Array::create();this->_monsters->retain();this->_projectiles = Array::create();this->_projectiles->retain();
修改 addMonster 函数，为怪物精灵添加标签，并加入到数组，代码如下： 

    _monster->setTag(1);_monsters->addObject(_monster);
修改 onTouchesEnded 函数，为子弹精灵添加标签，并加入到数组，代码如下： 

    projectile->setTag(2);_projectiles->addObject(projectile);
然后修改 spriteMoveFinished 函数，增加如下代码： 

    if (sprite->getTag() == 1) {_monsters->removeObject(sprite);}else if (sprite->getTag() == 2){_projectiles->removeObject(sprite);}
添加如下方法： 

void HelloWorld::update(float delta)
{Array* projectilesToDelete = Array::create();Object* pObject = NULL;Object* pObject2 = NULL;CCARRAY_FOREACH(_projectiles, pObject){Sprite* projectile = (Sprite*)pObject;Array* monstersToDelete = Array::create();CCARRAY_FOREACH(_monsters, pObject2){Sprite* monster = (Sprite*)pObject2;if (projectile->getBoundingBox().intersectsRect(monster->getBoundingBox())) {monstersToDelete->addObject(monster);}}CCARRAY_FOREACH(monstersToDelete, pObject2){Sprite* monster = (Sprite*)pObject2;_monsters->removeObject(monster);this->removeChild(monster);}if (monstersToDelete->count() > 0) {projectilesToDelete->addObject(projectile);}monstersToDelete->release();}CCARRAY_FOREACH(projectilesToDelete, pObject){Sprite* projectile = (Sprite*)pObject;_projectiles->removeObject(projectile);this->removeChild(projectile);}projectilesToDelete->release();
}
遍历子弹数组，计算每一个子弹所可能遇到的怪物，用它们各自的边界框进行交叉检测，检测到交叉，则将怪物对象放入ToDelete（待删除）数组，不能在遍历的时候删除一个对象。若是子弹遇到了怪物，也需要放入ToDelete（待删除）数组。然后从场景和数组中移动掉。同样，也在 init 函数，安装定时器，代码如下： 

        this->scheduleUpdate();
11.编译运行，这时当子弹和怪物碰撞时，它们就会消失；
12.接下来，创建一个新的场景，来指示"You Win"或者"You Lose"。创建新类

GameOverLayer.h文件代码为：

#include "cocos2d.h"
USING_NS_CC;class GameOverLayer:public LayerColor{public:GameOverLayer();~GameOverLayer();bool initWithWon(bool won);static Scene* sceneWithWon(bool won);void gameOverDone();
};
GameOverLayer.cpp 文件代码为： 

//
//  GameOverLayer.cpp
//  HelloCpp
//
//  Created by 杜甲 on 13-12-1.
//
//#include "GameOverLayer.h"
#include "HelloWorldScene.h"GameOverLayer::GameOverLayer()
{}
GameOverLayer::~GameOverLayer()
{}
GameOverLayer* GameOverLayer::createWithWon(bool won)
{GameOverLayer* pRet = new GameOverLayer();if (pRet && pRet->initWithWon(won)) {}else{CC_SAFE_RELEASE_NULL(pRet);}return pRet;
}bool GameOverLayer::initWithWon(bool won)
{bool bRet = false;do {CC_BREAK_IF(!LayerColor::initWithColor(Color4B(255, 255, 255, 255)));char* message;if (won) {message  = "You Won";}else{message = "You Lose";}Size winSize = Director::getInstance()->getWinSize();LabelTTF* label = LabelTTF::create(message, "Arial", 32);label->setColor(Color3B(0, 0, 0));label->setPosition(Point(winSize.width / 2, winSize.height / 2));this->addChild(label);this->runAction(Sequence::create(DelayTime::create(3),CallFunc::create(std::bind(&GameOverLayer::gameOverDone, this)), NULL));bRet = true;} while (0);return bRet;
}Scene* GameOverLayer::sceneWithWon(bool won)
{Scene* scene = NULL;do {scene = Scene::create();CC_BREAK_IF(!scene);GameOverLayer* layer = GameOverLayer::createWithWon(won);CC_BREAK_IF(!layer);scene->addChild(layer);} while (0);return scene;}
void GameOverLayer::gameOverDone()
{Director::getInstance()->replaceScene(HelloWorld::createScene());}
游戏结束时，切换到以上所建的场景，场景上的层显示一个文本，在3秒之后返回到HelloWorld场景中。
13.最后，为游戏添加一些游戏逻辑。记录玩家消灭怪物的数量，进而决定该玩家输赢。在 HelloWorldScene.h 文件中，添加如下： 

    int _monstersDestroyed;
添加头文件引用： 

#include "GameOverLayer.h"
在 update 定时函数中，monstersToDelete循环removeChild(monster, true)的后面添加被消灭怪物的计数，并判断胜利条件，代码如下： 

            _monstersDestroyed++;if (_monstersDestroyed > 2) {Scene* gameOverScene = GameOverLayer::sceneWithWon(true);Director::getInstance()->replaceScene(gameOverScene);}
最后为玩家添加失败条件，规定只要有一只怪物跑到左边屏幕里，则玩家失败，在 spriteMoveFinished 函数里，sprite->getTag() == 1条件的后面，添加如下： 

        Scene* gameOverScene = GameOverLayer::sceneWithWon(false);Director::getInstance()->replaceScene(gameOverScene);
14.编译并运行，到此已完成了一个简单的游戏，包含音效，并带有胜利和失败的结束。游戏效果如下：

参考资料：
1.How To Make A Simple iPhone Game with Cocos2D 2.X Tutorialhttp://www.raywenderlich.com/25736/how-to-make-a-simple-iphone-game-with-cocos2d-2-x-tutorial
2.如何用Cocos2d来开发简单的IPhone游戏教程 http://www.cocoachina.com/bbs/read.php?tid-15554.html
3.Cocos2d Classic Tutorial Demo Revisit:(1) http://www.zilongshanren.com/cocos2d-classic-tutorial-demo-revisit-1/

非常感谢以上资料，本例子源代码附加资源下载地址：http://pan.baidu.com/s/17rpC3
如文章存在错误之处，欢迎指出，以便改正。

这篇关于制作飞镖忍者(1) Cocos2d-x 3.0alpha0的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/298910。

相关文章

使用Python制作一个PDF批量加密工具

使用Python制作一个PDF批量加密工具

《使用Python制作一个PDF批量加密工具》PDF批量加密‌是一种保护PDF文件安全性的方法,通过为多个PDF文件设置相同的密码,防止未经授权的用户访问这些文件,下面我们来看看如何使用Python制... 目录1.简介2.运行效果3.相关源码1.简介一个python写的PDF批量加密工具。PDF批量加密
阅读更多...
4B参数秒杀GPT-3.5：MiniCPM 3.0惊艳登场！

4B参数秒杀GPT-3.5：MiniCPM 3.0惊艳登场！

​ 面壁智能 在 AI 的世界里，总有那么几个时刻让人惊叹不已。面壁智能推出的 MiniCPM 3.0，这个仅有4B参数的"小钢炮"，正在以惊人的实力挑战着 GPT-3.5 这个曾经的AI巨人。 MiniCPM 3.0 MiniCPM 3.0 MiniCPM 3.0 目前的主要功能有： 长上下文功能：原生支持 32k 上下文长度，性能完美。我们引入了
阅读更多...
用Unity2D制作一个人物，实现移动、跳起、人物静止和动起来时的动画：中（人物移动、跳起、静止动作）

用Unity2D制作一个人物，实现移动、跳起、人物静止和动起来时的动画：中（人物移动、跳起、静止动作）

上回我们学到创建一个地形和一个人物，今天我们实现一下人物实现移动和跳起，依次点击，我们准备创建一个C#文件 创建好我们点击进去，就会跳转到我们的Vision Studio，然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类，继承自MonoBehaviour{private Rigidbo
阅读更多...
OpenStack离线Train版安装系列—0制作yum源

OpenStack离线Train版安装系列—0制作yum源

本系列文章包含从OpenStack离线源制作到完成OpenStack安装的全部过程。 在本系列教程中使用的OpenStack的安装版本为第20个版本Train（简称T版本），2020年5月13日，OpenStack社区发布了第21个版本Ussuri（简称U版本）。 OpenStack部署系列文章 OpenStack Victoria版 安装部署系列教程 OpenStack Ussuri版
阅读更多...
OpenStack镜像制作系列5—Linux镜像

OpenStack镜像制作系列5—Linux镜像

本系列文章主要对如何制作OpenStack镜像的过程进行描述记录 CSDN：OpenStack镜像制作教程指导（全） OpenStack镜像制作系列1—环境准备 OpenStack镜像制作系列2—Windows7镜像 OpenStack镜像制作系列3—Windows10镜像 OpenStack镜像制作系列4—Windows Server2019镜像 OpenStack镜像制作
阅读更多...
OpenStack镜像制作系列4—Windows Server2019镜像

OpenStack镜像制作系列4—Windows Server2019镜像

本系列文章主要对如何制作OpenStack镜像的过程进行描述记录  CSDN：OpenStack镜像制作教程指导（全） OpenStack镜像制作系列1—环境准备 OpenStack镜像制作系列2—Windows7镜像 OpenStack镜像制作系列3—Windows10镜像 OpenStack镜像制作系列4—Windows Server2019镜像 OpenStack镜像制作系
阅读更多...
OpenStack镜像制作系列2—Windows7镜像

OpenStack镜像制作系列2—Windows7镜像

本系列文章主要对如何制作OpenStack镜像的过程进行描述记录 CSDN：OpenStack镜像制作教程指导（全） OpenStack镜像制作系列1—环境准备 OpenStack镜像制作系列2—Windows7镜像 OpenStack镜像制作系列3—Windows10镜像 OpenStack镜像制作系列4—Windows Server2019镜像 OpenStack镜像制作系列
阅读更多...
OpenStack镜像制作系列1—环境准备

OpenStack镜像制作系列1—环境准备

本系列文章主要对如何制作OpenStack镜像的过程进行描述记录 CSDN：OpenStack镜像制作教程指导（全） OpenStack镜像制作系列1—环境准备 OpenStack镜像制作系列2—Windows7镜像 OpenStack镜像制作系列3—Windows10镜像 OpenStack镜像制作系列4—Windows Server2019镜像 OpenStack镜像制作
阅读更多...
CSDN：OpenStack镜像制作教程指导（全）

CSDN：OpenStack镜像制作教程指导（全）

本系列文章主要对如何制作OpenStack镜像的过程进行描述记录，涉及基本环境准备、常见类型操作系统的镜像制作。 让你可以从零开始安装一个操作系统，并支持个性化制作OpenStack镜像。 CSDN：OpenStack镜像制作教程指导（全） OpenStack镜像制作系列1—环境准备 OpenStack镜像制作系列2—Windows7镜像 OpenStack镜像制作系列3—Windows
阅读更多...
Cmake之3.0版本重要特性及用法实例(十三)

Cmake之3.0版本重要特性及用法实例(十三)

简介： CSDN博客专家、《Android系统多媒体进阶实战》一书作者 新书发布：《Android系统多媒体进阶实战》🚀 优质专栏： Audio工程师进阶系列【原创干货持续更新中……】🚀 优质专栏： 多媒体系统工程师系列【原创干货持续更新中……】🚀 优质视频课程：AAOS车载系统+AOSP14系统攻城狮入门视频实战课 🚀 人生格言： 人生从来没有捷径，只有行动才是治疗恐惧
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2