Cocos2d-x 3.x节点裁剪以及实现跑马灯

本文介绍了Cocos2d-x 3.x中的节点裁剪功能,利用ClippingNode进行图形裁剪,通过设置模板节点和alpha阈值实现任意形状的显示。内容包括ClippingNode的工作原理、常用方法及其示例,展示了如何创建和设置裁剪节点,以及如何实现跑马灯效果。
摘要由CSDN通过智能技术生成

3.x节点裁剪还是很有作用的,很多功能都可以用上;


节点裁剪功能简介:


ClippingNode(裁剪节点)可以用来对节点进行裁剪,可以根据一个模板切割图片的节点,生成任何形状的节点显示。

ClippingNode是Node的子类,可以像普通节点一样放入Layer,Scene,Node中。

  • ClippingNode 原理:

    ClippingNode是利用模板遮罩来完成对Node区域裁剪的技术。如何理解ClippingNode的遮罩?看下图的例子吧。所谓模板,就是一个形状,透过该形状可看到底板上的图层,如果底板上没有任何内容,则直接看到Layer上的内容,而底板上的东西又不会妨碍Layer上的东西,即模板在底板之外的空间对于Layer来说是透明的。

  • ClippingNode 常用方法

    1. create

      可以使用 static ClippingNode* create();方法创建一个ClippingNode对象。如下:

      1
      auto clipper = ClippingNode::create();

      也可以使用 static ClippingNode* create(Node *stencil);方法创建;在创建的时候指定裁剪模板

      1
      2
      auto stencil = Sprite::create( "CloseNormal.png" ); //模板节点
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值