【cocos2dx 3.3】遮罩层的原始实现

最新推荐文章于 2023-04-04 17:42:42 发布
最新推荐文章于 2023-04-04 17:42:42 发布
阅读量1.6k 收藏
点赞数
分类专栏： Coco2dx cocos2dx学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ns2250225/article/details/40706685
版权

目标效果：

  • 主角走到地图的某个地方被地图遮挡住

实现方法：

  • 先将地图需要遮挡主角的部分用PS抠出来，作为一个新的layer层
  • 在初始化的时候，先添加地图，再添加主角，最后添加那个Layer层
  • 这样当主角走到地图的某个地方的时候，就会被遮挡住了

Immok
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端遮罩层实现_cocos creator--游戏开奖功能组件《刮刮卡》特效实现
weixin_42500380的博客
12-28 625
一、 需求分析【1】实现手指触摸刮开效果；【2】优化：判断刮开与否（能否正常看到奖项）。二、 游戏场景可视化编辑三、 手指触摸刮刮卡动态刮开效果的实现Mask为反向遮罩节点，必须确保大小和位置为（0，0）。运用反向遮罩和绘图来实现。 首先为Mask节点添加Mask组件。记得将Inverted（即反向遮罩）勾上。点击链接加入群聊【unity/cocos交流二群】原理：类似于PS中的遮罩，或者沙画，比...
Cocos2d-x利用遮罩(蒙版)CCLayerColor制作新手引导界面(上)
12-12
Cocos2d-x利用遮罩(蒙版)CCLayerColor制作新手引导界面入门篇.原文请参考博客： http://blog.csdn.net/u012945598/article/details/17280019
cocos2dx 3.3 实现再按一次退出游戏 类代码
01-28
实现安卓app再按一次退出游戏效果，自己研究的，不知道对不对，反正自己测试已经实现按两次返回键退出，只要在需要监听的地方加入如下代码就可以 #include "againExit.h" ... auto x=againExit::create(); //坐标自己确定 x->setPosition(Vec2( Director::getInstance()->getVisibleSize().width / 2, 200)); addChild(a, 10); ... 就可以了
cocos2dx实现遮罩的两种方法
Music Pig`s
03-20 4597
1.clipnode [cpp] view plain copy   auto clip = CCClippingNode::create();   auto stencil = CCSprite::create("mask.png");   clip->setStencil(stencil);   clip->setInverted(fal
Cocos Creator 中使用模板测试实现遮罩效果
创小董
12-01 1212
要实现这里的功能，就需要涉及到渲染流程的最后一个阶段：alpha 测试与混合。在这个阶段里 GPU 主要的工作是逐片元操作，将它们的颜色以某种形式合并，得到最终在屏幕上显示的像素颜色。主要涉及的工作有两个：对片元进行测试并进行合并。测试步骤决定了片元最终会不会被显示出来。在 WebGL 里主要的测试有裁剪测试、透明度测试、模板测试以及深度测试，这几个测试都是高度可配置的。其中，考量到裁剪测试没有模板测试来得更加灵活，因此本次就不涉及裁剪测试内容。整个测试流程如下图： 从图中可以看出，片元着色器.
【CocosCreator入门】CocosCreator组件 | Mask（遮罩）组件
看世界，也找自己
04-04 3206
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中Mask组件可用于创建如圆形、矩形和任意形状的遮罩效果，以限制节点显示的范围。这对于创建具有复杂布局的UI元素非常有用，例如只显示图片的一部分或控制文本显示的区域。使用Mask组件，我们可以实现很多有趣的效果。例如，我们可以创建一个圆形的遮罩来显示头像，或者创建一个矩形的遮罩来显示进度条。此外，Mask组件还可以与其他组件一起使用，例如Sprite组件或Label组件，以创建更加复杂的效果。
cocos creator Mask（遮罩）的使用
热门推荐
zzlwei的博客
08-31 1万+
cocos Creator Mask 的使用 目的是要在某个特定的图像或不动的动画上加一个遮罩。 我先是在可点击的空节点上加上了Mask组件，但是毫无反应。 又试了试在这个不动的动画上加Mask组件也没有用。 后来发现是要在额外的创建一个空节点，我命名为Mask， 在这个空节点下添加一个单色的精灵（Sprite），改变精灵的颜色透明度，在Mask上添加Mask组件，就可以啦。 click为点击的空节点，Mask1为Mask空节点 要是想让遮罩形成特定的形状，就改变Mask组件的type，有三个类型：矩形
Cocos Creator Shader实现镂空遮罩
JoeyHuangzx的专栏
04-17 2462
Cocos Creator Shader实现镂空遮罩
Cocos2d-x实现灰蒙效果
yuxikuo_1的专栏
08-05 1066
LayerColor* layerColor = LayerColor::create(Color4B(0, 0, 0, 70)); layerColor->setContentSize(Size(visibleSize.width/2,visibleSize.height)); layerColor->setAnchorPoint(Vec2::ZERO); layerCo
cocos2dx之遮罩层
专注，努力，勤奋
01-22 1万+
遮罩层，其实就是一个layer，一个只显示出你自定义显示的layer。 在瞄准线中我们用了引擎封装的快捷绘图，熟悉了自定义绘图的基本流程。对于稍复杂的绘图效果，就需要调用底层的OpenGL接口了，这里我们用一个小小的例子来说明：滚动的数字表盘，在游戏中显示倒计时。在这个例子中，我们将使用OpenGL提供的遮罩效果来快速实现这一效果。  遮罩效果又称为剪刀效果，允许一切的渲染结果只在屏幕的一个
cocos2dx - lua 中实现遮罩层和屏蔽层
星宇的专栏
01-25 2053
self.imgFJ = cc.Sprite:create("#fj.png") self.imgFJ:setAnchorPoint(0,1) self.imgFJ:setPosition(self.winSize.width*0.71, self.winSize.height*0.95) local imgX = self.imgFJ:getPositio...
Cocos2d-x 3.x版本遮罩层 实现捕鱼达人金币表盘效果
08-01
Cocos2d-x 3.0版本遮罩层实现捕鱼达人金币滚动表盘效果，基于老版本修改。
跑酷游戏 cocos2dx 3.3 制作的
03-10
跑酷游戏 cocos2dx 3.3 制作的
cocos2dx3.3从网络上加载图片
05-28
cocos2dx加载网络图片,异步加载图片
A星寻路Cocos2dx3.3自动寻路代码
10-16
利用cocos2dx写的A星自动寻路算法，为了大家能很好的理解，我画了...vs2012+cocos2dx 3.3 编写。 如果对于原理不太懂，可以到我的博客看原理，地址如下。 http://blog.csdn.net/u010946556/article/details/49027301
quick-cocos2dx-v3.3
08-24
quick-cocos2dx-v3.3
cocos2dx3.3在线更新（断点续传）
01-12
Cocos2dx3.3引擎，实现在线更新和断点续传功能
cocos2dx 3.3 跑酷游戏源代码和资源
10-28
cocos2dx 3.3 跑酷游戏源代码和资源 全部文件上传的话太大，就传了classes和resources里的文件 要全部文件的话可私信我
FlappyBird:cocos2dx3.3 c++版 只在iphone上测试过
06-17
cocos2dx3.3 c++版 只在iphone上测试过 本人QQ：632840804 本人Email: 写代码不易，写教程亦不易，且写且看且珍惜！！！ 写代码不易，写教程亦不易，且写且看且珍惜！！！ 写代码不易，写教程亦不易，且写且看且珍惜...
cocos2dx怎么实现地图移动
最新发布
01-08
另外，cocos2dx还提供了一些内置的方法来实现地图的移动，比如通过设置地图层的偏移量来移动地图，或者通过缩放地图层来实现地图的放大和缩小。这些方法可以帮助我们更方便地实现地图移动的效果。 总之，通过加载...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值