（六）游戏中的背景容器 -- Layer（涉及一些层的复用）

最新推荐文章于 2022-09-02 16:59:35 发布
最新推荐文章于 2022-09-02 16:59:35 发布
阅读量1.1k 收藏
点赞数
分类专栏： cocos2dx 文章标签： cocos2d cocos2d-x xcode 手游

Layer 游戏中的背景容器，Layer类是Node类的一个子类，它实现了触屏事件代理（TouchEventsDelegate）协议。

LayerColor是Layer的一个子类，它实现了RGBAProtocol协议。

LayerGradient是LayerColor的一个子类，它在背景上画渐变效果。 

LayerMultiple类是一个能够使它的子类进行复用的布景层类。

Sprite精灵不能直接放入舞台中，它需要作为Layer的子节点，通过Layer加入舞台场景中显示。


关于Layer的简单用法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/************************************************************************/
/* 创建一个全屏的黑色布景层                                                                     */
/************************************************************************/
bool  LayerTest::createLayer()
{
     auto layer = Layer::create();
     auto drawNode = DrawNode::create();
     layer->addChild(drawNode);
     auto widthN = Director::getInstance()->getVisibleSize().width;
     Vec2 points[] = { Vec2(widthN/4,0), Vec2(widthN,widthN/5), Vec2(widthN/3*2,widthN) };
     //绘制三角形
     drawNode->drawPolygon(points,  sizeof (points)/ sizeof (points[0]), Color4F(1,0,0,0.5), 4, Color4F(0,0,1,1));
 
     _layer->removeAllChildren();
     _layer->addChild(layer);
     return  true ;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/************************************************************************/
/* LayerColor是Layer的一个子类，它实现了RGBAProtocol协议。 它实现了Layer类的所有功能，还添加了以下这些新功能：
透明度
RGB颜色                                                                     */
/************************************************************************/
bool  LayerTest::createLayerColor()
{
     auto size = Director::getInstance()->getVisibleSize();
     //创建一个红色背景的矩形（200x100）
     auto layer = LayerColor::create(Color4B::RED,200,100);
     layer->setPosition(size/2);
     _layer->removeAllChildren();
     _layer->addChild(layer);
     return  true ;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/************************************************************************/
/*
LayerGradient是LayerColor的一个子类，它在背景上画渐变效果。 它实现了LayerColor类的所有功能，还添加了以下这些新功能：
渐变方向
渐变最终颜色
插值模式
颜色沿着给定的向量插在起始颜色和终止颜色之间（从起点开始，到终点结束）。如果没有提供向量，则默认到（0，-1）点-一个从顶部到底部的淡入淡出。
如果'compressedInterpolation'不可用，你将看不到非基本向量的起始颜色和终止颜色；不过无论如何，一个平滑的渐变（包括终点）最终还是会呈现出来。 
如果'compressedInterpolation'是可用的(默认模式)，你将看到渐变的起始颜色和终止颜色。
*/
/************************************************************************/
bool  LayerTest::createLayerGradient()
{
     //创建一个红色到绿色的过渡渐变效果背景（从左下角到右上角）
     auto layer = LayerGradient::create(Color4B::RED,Color4B::GREEN,Vec2(1,1));
 
     _layer->removeAllChildren();
     _layer->addChild(layer);
     return  true ;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/************************************************************************/
/* 
一个能够使它的子类进行复用的布景层类。 功能： 
-它支持一个或多个子类 
-一次仅能激活一个孩子                                                                     */
/************************************************************************/
bool  LayerTest::createLayerMultiplex()
{
     auto size = Director::getInstance()->getVisibleSize();
     auto allLayer = LayerMultiplex::create();
 
     auto layer = LayerColor::create(Color4B::RED,200,100);
     layer->setPosition(size/2);
     allLayer->addLayer(layer);
 
     auto layer1 = LayerColor::create(Color4B::GREEN,200,200);
     layer1->setPosition(size/2);
     allLayer->addLayer(layer1);
 
     auto layer2 = LayerColor::create(Color4B::WHITE,100,200);
     layer2->setPosition(size/2);
     allLayer->addLayer(layer2);
 
     _layer->removeAllChildren();
     _layer->addChild(allLayer);
     //选择看一个子层显示（这里的index是白色背景层）
     allLayer->switchTo(2);
     return  true ;
}

LayerTest.h

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
#ifndef __LAYERTEST__
#define __LAYERTEST__
 
#include "cocos2d.h"
 
USING_NS_CC;
 
class  LayerTest :  public  Layer
{
public :
     static  Scene* createScene();
     CREATE_FUNC(LayerTest);
     virtual  bool  init();
     static  bool  createLayer();
     static  bool  createLayerColor();
     static  bool  createLayerGradient();
     static  bool  createLayerMultiplex();
protected :
     bool  onTouchBeganFun(Touch* touch,Event* ev);
};
 
#endif
 
LayerTest.h

LayerTest.cpp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
#include "LayerTest.h"
 
std::function< bool ()> demotest[]=
{
     LayerTest::createLayer,
     LayerTest::createLayerColor,
     LayerTest::createLayerGradient,
     LayerTest::createLayerMultiplex
};
 
 
static  Layer* _layer = nullptr;
Scene* LayerTest::createScene()
{
     auto scene = Scene::create();
     _layer = LayerTest::create();
     scene->addChild(_layer);
     return  scene;
}
 
bool  LayerTest::init()
{
     auto event = EventListenerTouchOneByOne::create();
     event->onTouchBegan = CC_CALLBACK_2(LayerTest::onTouchBeganFun, this );
     this ->_eventDispatcher->addEventListenerWithSceneGraphPriority(event, this );
     return  true ;
}
#define MAX_LAYER (sizeof(demotest) / sizeof(demotest[0]))
static  int  index = 0;
bool  LayerTest::onTouchBeganFun(Touch* touch,Event* ev)
{
     index++;
     index = index % MAX_LAYER;
     demotest[index]();
     return  true ;
}
 
/************************************************************************/
/* 创建一个全屏的黑色布景层                                                                     */
/************************************************************************/
bool  LayerTest::createLayer()
{
     auto layer = Layer::create();
     auto drawNode = DrawNode::create();
     layer->addChild(drawNode);
     auto widthN = Director::getInstance()->getVisibleSize().width;
     Vec2 points[] = { Vec2(widthN/4,0), Vec2(widthN,widthN/5), Vec2(widthN/3*2,widthN) };
     //绘制三角形
     drawNode->drawPolygon(points,  sizeof (points)/ sizeof (points[0]), Color4F(1,0,0,0.5), 4, Color4F(0,0,1,1));
 
     _layer->removeAllChildren();
     _layer->addChild(layer);
     return  true ;
}
/************************************************************************/
/* LayerColor是Layer的一个子类，它实现了RGBAProtocol协议。 它实现了Layer类的所有功能，还添加了以下这些新功能：
透明度
RGB颜色                                                                     */
/************************************************************************/
bool  LayerTest::createLayerColor()
{
     auto size = Director::getInstance()->getVisibleSize();
     //创建一个红色背景的矩形（200x100）
     auto layer = LayerColor::create(Color4B::RED,200,100);
     layer->setPosition(size/2);
     _layer->removeAllChildren();
     _layer->addChild(layer);
     return  true ;
}
 
/************************************************************************/
/*
LayerGradient是LayerColor的一个子类，它在背景上画渐变效果。 它实现了LayerColor类的所有功能，还添加了以下这些新功能：
渐变方向
渐变最终颜色
插值模式
颜色沿着给定的向量插在起始颜色和终止颜色之间（从起点开始，到终点结束）。如果没有提供向量，则默认到（0，-1）点-一个从顶部到底部的淡入淡出。
如果'compressedInterpolation'不可用，你将看不到非基本向量的起始颜色和终止颜色；不过无论如何，一个平滑的渐变（包括终点）最终还是会呈现出来。 
如果'compressedInterpolation'是可用的(默认模式)，你将看到渐变的起始颜色和终止颜色。
*/
/************************************************************************/
bool  LayerTest::createLayerGradient()
{
     //创建一个红色到绿色的过渡渐变效果背景（从左下角到右上角）
     auto layer = LayerGradient::create(Color4B::RED,Color4B::GREEN,Vec2(1,1));
 
     _layer->removeAllChildren();
     _layer->addChild(layer);
     return  true ;
}
/************************************************************************/
/* 
一个能够使它的子类进行复用的布景层类。 功能： 
-它支持一个或多个子类 
-一次仅能激活一个孩子                                                                     */
/************************************************************************/
bool  LayerTest::createLayerMultiplex()
{
     auto size = Director::getInstance()->getVisibleSize();
     auto allLayer = LayerMultiplex::create();
 
     auto layer = LayerColor::create(Color4B::RED,200,100);
     layer->setPosition(size/2);
     allLayer->addLayer(layer);
 
     auto layer1 = LayerColor::create(Color4B::GREEN,200,200);
     layer1->setPosition(size/2);
     allLayer->addLayer(layer1);
 
     auto layer2 = LayerColor::create(Color4B::WHITE,100,200);
     layer2->setPosition(size/2);
     allLayer->addLayer(layer2);
 
     _layer->removeAllChildren();
     _layer->addChild(allLayer);
     //选择看一个子层显示（这里的index是白色背景层）
     allLayer->switchTo(2);
     return  true ;
}
 
LayerTest.cpp


来源网址：http://www.cnblogs.com/Richard-Core/p/3875798.html

Aurora Engine 游戏引擎入门 08（为游戏添加层 Layer）
Unity3d 攻城师一枚
10-28 5647
#1 为什么要有层的概念 #2 编写层级类和管理类 #3 处理OpenGL回调事件 #4 premake5开启多线程支持 #5 编写测试实例 #1 为什么要有层的概念 Layer 可处理显示，也可以处理事件； 在一个游戏中，层级可以用于显示不同的内容，不同的层级可以接收独立的事件 // Layer.h #pragma once #include "Aurora/Core.h" #include "Aurora/Events/Event.h" namespace Aurora { /// <s.
游戏背景模糊层
子不语的博客
03-17 764
 RenderTexture动态创建纹理 CCRenderTexture，它允许你来动态创建纹理，并且可以在游戏中重用这些纹理。 　　使用 CCRenderTexture非常简单 – 你只需要做以下5步就行了: 创建一个新的CCRenderTexture. 这里，你可以指定将要创建的纹理的宽度和高度。.调用 CCRenderTexture:begin. 这个方法会启动OpenG
容器原理（搞懂 layerID，diffID，chainID，cache-id）
叮当猫的喵i
10-14 2771
文章目录参考总览镜像目录及文件说明镜像RepositoryImageLayer容器[#](https://www.cnblogs.com/koktlzz/p/14365025.html#容器)联合挂载容器信息 参考 Docker核心原理：镜像和容器 docker文件中layerID-diffID-chainID-cacheID 关系 总览 镜像目录及文件说明 /var/lib/docker/image/overlay2 目录 distribution 目录 diffid-by-digest 保存
Cocoa Touch Layer
king2716的专栏
05-10 769
Cocoa Touch层     Cocoa Touch层包含了创建ios应用程序的关键框架。这个层定义了基本应用程序的基础，并为关键技术提供支持，譬如多任务机制、触摸式输入、推送通知和其他许多高级的系统服务。当你设计程序时，你应该首先查看这个层次的技术，如果它们能满足你的需要时。 高级的特征 接下来的部分描述了一些Cocoa Touch层中的关键技术。 Auto Layo
(转载)Cocos2d CCLayer中的touch
weixin_30877181的博客
03-30 464
Cocos2d CCLayer中的touch Cocos2d 作为一个开源的2D游戏引擎，最初是用python语言实现，mac app开发流行后，提供了一个Objective-C的版本。采用Cocos2d框架开发iphone游戏，极大提高了开发的速度。简单介绍参见百度百科 ，cocos2d官网 。 Cocos2d 提供了两种touch处理方式，Standard Touch Delegate...
容器技术-入门篇
Sisyphuss Blog
04-17 3072
Build Once Run Anywhere & Configure Once Run Anything 一、什么是容器？ IT里的容器技术是英文单词Linux Container的直译。container这个单词有集装箱、容器的含义（主要偏集装箱意思）。不过，在中文环境下，咱们要交流要传授，如果翻译成“集装箱技术” 就有点拗口，所以结合中国人的吐字习惯和文化...
cocos2d-x权威指南完整版 喵星战争 cocos2dx 3.0 alpha0实现
11-08
开发者通常会根据功能将游戏逻辑分到不同的层上，如背景层、角色层、UI层等。 4. **物理引擎**：Cocos2d-x集成了Box2D物理引擎，可用于创建真实感的物理效果，如碰撞检测、重力模拟等。在“喵星战争”中，可能涉及...
安全容器在边缘计算场景下的实践
数据库技术
12-12 409
导读：随着云计算边界不断向边缘侧延展，传统 RunC 容器已无法满足用户对不可信、异构工作负载的运行安全诉求，边缘 Serverless、边缘服务网格等更是对容器安全隔离提出了严苛的要求。本文将介绍边缘计算场景如何构建安全运行时技术基座，以及安全容器在架构、网络、监控、日志、存储、以及 K8s API 兼容等方面的遇到的困难挑战和最佳实践。 正文： 本文主要分为四个部分，首先前两个部分会分别...
iOS实例开发源码——GloryFish-Cocos2D-Iris-Effects-afcdbff.zip
07-02
在Cocos2D中实现Iris Effect，可能涉及到精灵（Sprite）的动画控制、图层（Layer）的过渡效果，以及可能的遮罩（Mask）技术。 在GloryFish-Cocos2D-Iris-Effects-afcdbff项目中，我们首先会看到项目的结构，包括源...
C++小游戏（全网最齐全）
最新发布
07-19
2. **图形库**：C++小游戏可能使用了如SDL（Simple DirectMedia Layer）、SFML（Simple and Fast Multimedia Library）或Allegro等图形库来处理游戏画面，包括窗口创建、图像加载、颜色操作、图形绘制等。...
Cocos2d CCLayer中的touch处理
12-04 2157
cocos2d CCLayer的touch响应处理过程。
详解Cocos2d CCLayer中Touch使用方法
mmdev
11-23 223
Cocos2d CCLayer中Touch使用方法是本文要介绍的内容，Cocos2d作为一个开源的2D游戏引擎，最初是用python语言实现，mac app开发流行后，提供了一个Objective-C的版本。采用Cocos2d框架开发iphone游戏，极大提高了开发的速度。简单介绍参见百度百科 ，cocos2d官网。 Cocos2d提供了两种touch处理方式，Standard Touch ...
cocos2dx CCLayer接受 touch 事件
杂七杂八
05-21 2725
cocos2dx 在 CCTouchDIspathcer.cpp void CCTouchDispatcher::touches(CCSet *pTouches, CCEvent *pEvent, unsigned int uIndex) 函数里处理 touch event. 这里分别遍历      CCArray* m_pTargetedHandlers;      CCAr
Layer2+Move to earn，MetaTube元宇宙游戏爆发前夜
Monday00007的博客
12-11 1万+
2020以来，随着新冠疫情在全球范围内蔓延，对世界经济造成了广泛破坏，“保持社交距离”的相关禁令、“减少公共场所聚集与活动”的警惕心理，使消费和商业活动遭受重创。 但全球电子游戏产业却仍在蓬勃发展。“宅”族人群寻求社交互动的需求增长，游戏为其提供了一种引人入胜的消遣方式，相关数据显示，疫情以来，人们玩游戏的时间以及游戏销售额都有了巨大提升。 这其中，基于区块链技术的现象级GameFi游戏，伴随Crypto Kitties诞生、Axie Infinity的现象级出现，以及DeFi、NFT的爆红和应用.
Unity layer的介绍与使用以及只有32层的原因
SmillCool的博客
09-02 2369
unity layer层/ 32层 /无法增加 使用: cullingMask / layerMask 位运算
layer层的触摸吞噬
热门推荐
zhanghow的博客
12-15 4万+
今天在一个场景上添加布景层layer的时候，想要设置触摸吞噬 本以为this->setTouchEnable(true);this->setSwallowsTouches(true);两句话就搞定了，却一直得不到想要的效果。 后来发现仅仅设置可触摸是不行的，需要给他设置触摸监听事件，用设置的监听listener来调用设置触摸吞噬函数。注意：需要实现一个touchBegan,否则vs会报错）
（译）如何使用cocos2d来做一个简单的iphone游戏教程（第一部分）
weixin_33743248的博客
03-22 185
　　免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！ 原文链接地址：http://www.raywenderlich.com/352/how-to-make-a-simple-iphone-game-with-cocos2d-tutorial ...
09 游戏开发-触屏事件
苏法迪的专栏
04-21 1万+
1. Android 平台触摸事件 Ontouch事件接受触摸事件 2.设置图层接触事件 public GameLayerTouch() { // 设置是否接受触摸事件 this.setIsTouchEnabled(true); } 3.触摸回调函数 // 用户触摸屏幕 @Override publi...
HTML5+CSS3实现气泡组件详解
在示例中，`.cui-bubble-layer`类设置了背景颜色、边框和圆角，为气泡组件赋予了基本的外观。为了实现气泡的箭头效果，通常会使用伪元素（如`:before`或`:after`）配合`transform`和`border`技巧来创建指向性箭头。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值