基于cocos2dx的飞机大战学习[二]-添加移动背景与英雄

2024-08-21 07:58
文章标签 学习 背景 移动 大战 飞机 英雄 cocos2dx

本文主要是介绍基于cocos2dx的飞机大战学习[二]-添加移动背景与英雄，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

第二节：添加无限移动背景与英雄飞机


一、新建文件

  删除HelloWorldScene.h与HelloWorldScene.cpp文件，新建FlaPlane类如下，cpp文件同样的创建方法，这里注意FlyPlane的位置一定要在classes文件夹下，名字随意，最好和项目名保持一致。



二、修改AppDelegate.cpp

AppDelegate.cpp中会有两处红线错误，第一个地方是头文件，改成

#include "FlyPlane.h"

第二个地方改成

auto scene = FlyPlane::createScene();

这里的错误很好理解，因为HelloWorld层类已经被删除了。

修改bool AppDelegate::applicationDidFinishLaunching() 函数代码，如下：

bool AppDelegate::applicationDidFinishLaunching() {// initialize directorauto director = Director::getInstance();auto glview = director->getOpenGLView();if(!glview) {glview = GLView::create("FlyPlane");director->setOpenGLView(glview);}//glview设置设备尺寸 和 屏幕拉升解决策略--适应宽度glview->setFrameSize(480,640);glview->setDesignResolutionSize(480,640,ResolutionPolicy::FIXED_WIDTH);//FileUtils添加查找资源树cocos2d::FileUtils::getInstance()->addSearchPath("ui");// turn on display FPSdirector->setDisplayStats(true);// set FPS. the default value is 1.0/60 if you don't call thisdirector->setAnimationInterval(1.0 / 60);// create a scene. it's an autorelease objectauto scene = FlyPlane::createScene();// rundirector->runWithScene(scene);return true;
}


三、修改FlyPlane.h文件 

#include "cocos2d.h"//可以加USING_NS_CC不用写cocos2d
class FlyPlane : public cocos2d::Layer {
public:CREATE_FUNC(FlyPlane);bool init();static cocos2d::Scene* createScene();//定时器函数必须是void返回类型，必须有一个float类型的参数，刷新图片必用void update(float);
};

四、修改FlyPlane.cpp文件 

#include "GameScene.h"cocos2d::Scene* GameScene::createScene() {//1、auto是c++11的新特性，是自动根据变量的值确定变量的类型，类似var//2、大多数时候,cocos中的类想获取它的对象，不建议去new，而是调用它的create方法（oc语法导致）//调用cocos2d空间中scene类的静态create方法,用scene连接cocos2d::Scene* scene = cocos2d::Scene::create();//GameScene是一个层auto gameLayer = GameScene::create();//只有场景中的元素才能被渲染scene->addChild(gameLayer);return scene;
}bool GameScene::init() {cocos2d::Layer::init();//使用精灵集中的帧，需要两步：1.将【plist】读取到缓存中，2.通过帧名称创建精灵并显示cocos2d::SpriteFrameCache::getInstance()->addSpriteFramesWithFile("shoot_background.plist");auto bg1 = cocos2d::Sprite::createWithSpriteFrameName("background.png");//this表示scene，即GameScenethis->addChild(bg1, -1, 1);//设置锚点bg1->setAnchorPoint(cocos2d::Point(0, 0));//texture:纹理,通过精灵找到对应的纹理，并开启抗锯齿bg1->getTexture()->setAliasTexParameters();auto bg2 = cocos2d::Sprite::createWithSpriteFrameName("background.png");this->addChild(bg2, -1, 2);bg2->setAnchorPoint(cocos2d::Point(0, 0));bg2->getTexture()->setAliasTexParameters();//添加英雄战机cocos2d::SpriteFrameCache::getInstance()->addSpriteFramesWithFile("shoot.plist");auto hero = cocos2d::Sprite::createWithSpriteFrameName("hero1.png");this->addChild(hero, 3, 3);hero->setPositionX(bg1->getContentSize().width / 2);hero->setPositionY(100);	//定时器。scheduleUpdate每帧调用一次update函数scheduleUpdate();auto touchListener = cocos2d::EventListenerTouchOneByOne::create();auto VISIBLE_SIZE = cocos2d::Director::getInstance()->getVisibleSize();touchListener->onTouchBegan = [=](cocos2d::Touch* touch, cocos2d::Event*) {this->m_vec = hero->getPosition() - touch->getLocation();bool isContain = hero->getBoundingBox().containsPoint(touch->getLocation());return isContain;};float minX = hero->getContentSize().width/2;float maxX = VISIBLE_SIZE.width - minX;float minY = hero->getContentSize().height/2;float maxY = VISIBLE_SIZE.height - minY;touchListener->onTouchMoved = [=](cocos2d::Touch* touch, cocos2d::Event*) {auto VISIBLE_SIZE = cocos2d::Director::getInstance()->getVisibleSize();auto desP = touch->getLocation() + this->m_vec;hero->setPosition(MAX(minX,MIN(desP.x, maxX)), MAX(minY,MIN(desP.y, maxY)));	//hero->runAction(cocos2d::MoveTo::create(0.5f, touch->getLocation()));};touchListener->onTouchEnded = [](cocos2d::Touch* touch, cocos2d::Event*){};//hero->getEventDispatcher()->addEventListenerWithSceneGraphPriority(touchListener,hero);return true;
}void GameScene::update(float dt) {	//通过tag获取背景精灵auto bg1 = this->getChildByTag(1);auto bg2 = this->getChildByTag(2);//auto hero = this->getChildByTag(3);bg1->setPositionY(bg1->getPositionY() - 5);bg2->setPositionY(bg1->getPositionY() + bg1->getContentSize().height);if(bg2->getPositionY() <= 0) { //bg1掉完了，将bg1的Y归0bg1->setPositionY(0);}	
}

运行发现背景图片已经可以连续的向下滚动了。



五、添加英雄战机

1.在classes文件夹中添加公用数据头文件，新建一个头文件CommonData.h，添加代码

#define VISIBLE_SIZE cocos2d::Director::getInstance()->getVisibleSize()
如下：


在FlyPlane.cpp中添加头文件

#include "CommonData.h"

修改bool FlyPlane::init()函数 

bool FlyPlane::init() {//一定要先调用父类初始函数if( !cocos2d::Layer::init() ) {return false;}//使用精灵集需要两步//1、将美工做好的plist文件读取到缓存中//2、通过帧名字创建精灵并显示cocos2d::CCSpriteFrameCache::getInstance()->addSpriteFramesWithFile("shoot_background.plist");auto bg1 = cocos2d::Sprite::createWithSpriteFrameName("background.png");//把精灵bg1加到FlyPlane层中，第二个参数ZOrder表示距离用户的距离，第三个参数tag设为1this->addChild(bg1, -1, 1);//默认锚点为(0.5,0.5)，只会显示一半的图，必须设置锚点为(0,0)bg1->setAnchorPoint(cocos2d::Point(0,0));//texture:纹理,通过精灵找到对应的纹理，并开启抗锯齿bg1->getTexture()->setAliasTexParameters();auto bg2 = cocos2d::Sprite::createWithSpriteFrameName("background.png");this->addChild(bg2, -1, 2);bg2->setAnchorPoint(cocos2d::Point(0,0));bg2->getTexture()->setAliasTexParameters();//添加英雄cocos2d::CCSpriteFrameCache::getInstance()->addSpriteFramesWithFile("shoot.plist");auto hero = cocos2d::Sprite::createWithSpriteFrameName("hero1.png");	hero->setPosition(VISIBLE_SIZE.width / 2, 100);this->addChild(hero, 0, 3);//定时器。scheduleUpdate每帧调用一次update函数scheduleUpdate();return true;
}


运行，效果如下



现在，背景和英雄飞机就设置成功了。


注：关于bool FlyPlane::init()函数何时会被调用的问题。

 1、先看到项目入口APPDelegete.cpp文件中的applicationDidFinishLaunching()函数，发现有这样一行代码

   auto scene = FlyPlane::createScene();
这时就会调用FlyPlane的静态函数createScene()


2、研究FlyPlane的静态函数createScene()，又发现有这样一行代码

auto layer = FlyPlane::create();
我们发现FlyPlane.h头文件中没有create()函数，那么为什么不报错呢？

这是因为我们的FlyPlane.h头文件中有个CREATE_FUNC(FlyPlane)函数，我们按F12进行查看发现CREATE_FUNC(FlyPlane)是个宏函数

#define CREATE_FUNC(__TYPE__) \		//__TYPE__表示占位符，这里表示FlyPlane
static __TYPE__* create() \		//这里发现create()就是CREATE_FUNC(FlyPlane)
{ \__TYPE__ *pRet = new __TYPE__(); \	//FlyPlane *pRet = new FlyPlane();if (pRet && pRet->init()) \		//这里就调用了FlyPlane->init(){ \pRet->autorelease(); \return pRet; \} \else \{ \delete pRet; \pRet = NULL; \return NULL; \			//稳定安全的创建回收函数} \
}


通过注释可以看出只要调用FlyPlane的create()静态函数，只要没有调用过init()函数，就会调用init()函数，这就是init()被调用的方法。





这篇关于基于cocos2dx的飞机大战学习[二]-添加移动背景与英雄的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


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

相关文章

HarmonyOS学习(七)——UI（五）常用布局总结

HarmonyOS学习(七)——UI（五）常用布局总结

自适应布局 1.1、线性布局（LinearLayout） 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列，Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距，达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式，且在各类尺寸屏幕上表现一致，其中交叉轴为垂直时，取值为Vert
阅读更多...
Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya（不是本人，claude AI）在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容： 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用
阅读更多...
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
学习hash总结

学习hash总结

2014/1/29/   最近刚开始学hash，名字很陌生，但是hash的思想却很熟悉，以前早就做过此类的题，但是不知道这就是hash思想而已，说白了hash就是一个映射，往往灵活利用数组的下标来实现算法，hash的作用：1、判重；2、统计次数；
阅读更多...
零基础学习Redis(10) -- zset类型命令使用

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合，内部除了存储元素外，还会存储一个score，存储在zset中的元素会按照score的大小升序排列，不同元素的score可以重复，score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]
阅读更多...
【机器学习】高斯过程的基本概念和应用领域以及在python中的实例

【机器学习】高斯过程的基本概念和应用领域以及在python中的实例

引言 高斯过程（Gaussian Process，简称GP）是一种概率模型，用于描述一组随机变量的联合概率分布，其中任何一个有限维度的子集都具有高斯分布 文章目录 引言一、高斯过程1.1 基本定义1.1.1 随机过程1.1.2 高斯分布 1.2 高斯过程的特性1.2.1 联合高斯性1.2.2 均值函数1.2.3 协方差函数（或核函数） 1.3 核函数1.4 高斯过程回归（Gauss
阅读更多...
【学习笔记】 陈强-机器学习-Python-Ch15 人工神经网络（1）sklearn

【学习笔记】 陈强-机器学习-Python-Ch15 人工神经网络（1）sklearn

系列文章目录 监督学习：参数方法 【学习笔记】 陈强-机器学习-Python-Ch4 线性回归 【学习笔记】 陈强-机器学习-Python-Ch5 逻辑回归 【课后题练习】 陈强-机器学习-Python-Ch5 逻辑回归（SAheart.csv） 【学习笔记】 陈强-机器学习-Python-Ch6 多项逻辑回归 【学习笔记 及 课后题练习】 陈强-机器学习-Python-Ch7 判别分析 【学
阅读更多...
系统架构师考试学习笔记第三篇——架构设计高级知识（20）通信系统架构设计理论与实践

系统架构师考试学习笔记第三篇——架构设计高级知识（20）通信系统架构设计理论与实践

本章知识考点：         第20课时主要学习通信系统架构设计的理论和工作中的实践。根据新版考试大纲,本课时知识点会涉及案例分析题(25分),而在历年考试中,案例题对该部分内容的考查并不多,虽在综合知识选择题目中经常考查,但分值也不高。本课时内容侧重于对知识点的记忆和理解,按照以往的出题规律,通信系统架构设计基础知识点多来源于教材内的基础网络设备、网络架构和教材外最新时事热点技术。本课时知识
阅读更多...
线性代数|机器学习-P36在图中找聚类

线性代数|机器学习-P36在图中找聚类

文章目录 1. 常见图结构2. 谱聚类 感觉后面几节课的内容跨越太大，需要补充太多的知识点，教授讲得内容跨越较大，一般一节课的内容是书本上的一章节内容，所以看视频比较吃力，需要先预习课本内容后才能够很好的理解教授讲解的知识点。 1. 常见图结构 假设我们有如下图结构： Adjacency Matrix:行和列表示的是节点的位置，A[i,j]表示的第 i 个节点和第 j 个
阅读更多...
Node.js学习记录（二）

Node.js学习记录（二）

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2