Cocos2d-x3.2 ClippingNode裁减节点(模板遮罩)

简介:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
//GameScene.h
 
#include "cocos2d.h"
 
USING_NS_CC;
 
class  GameScene :  public  cocos2d::Layer
{
public :
     static  cocos2d::Scene* createScene();
     
     virtual  bool  init();
     
     virtual  bool  onTouchBegan(Touch *touch, Event *unused_event);
     
     CREATE_FUNC(GameScene);
     
private :         //注意不能用auto关键字
     Size size;
     Sprite *sprite;
     Node *node;      //模板节点
     ClippingNode *clippingNode;      //被裁减的节点
};




?
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
//GameScene.cpp
 
//  Created by Jacedy on 14-8-11.
 
#include "GameScene.h"
 
USING_NS_CC;
 
cocos2d::Scene* GameScene::createScene()
{
     auto  scene = Scene::create();    //创建一个场景
     auto  layer = GameScene::create();    //创建一个图层
     scene->addChild(layer);
     return  scene;
}
 
//初始化当前的图层
bool  GameScene::init()
{
     if (!Layer::init())       //初始化父类
         return  false ;
     
     //获取屏幕大小
     size = Director::getInstance()->getVisibleSize();
     //auto size = Director::getInstance()->getWinSize();
     //加载背景
     auto  bg = Sprite::create( "OnePiece_1.png" );
     bg->setPosition(Vec2(size.width/2, size.height/2));
     this ->addChild(bg);
     
     auto  target = Sprite::create( "target.png" );
     target->setPosition(Vec2(size.width/2, size.height/2));
     //target->setScale(2);
     
     node = Node::create();
     
     clippingNode = ClippingNode::create();
     clippingNode->setStencil(node);      //设置模板
     clippingNode->setInverted( true );         //设置底板可见
     clippingNode->setAlphaThreshold(0);          //设置绘制底板的Alpha值为0
     this ->addChild(clippingNode);
     clippingNode->addChild(target);
     
     //创建监听事件对象
     auto  listener = EventListenerTouchOneByOne::create();
     
     //定义监听事件的回调函数
     listener->onTouchBegan = CC_CALLBACK_2(GameScene::onTouchBegan,  this );
     
     //在事件分发器中注册
     _eventDispatcher->addEventListenerWithSceneGraphPriority(listener,  this );
     
     return  true ;
}
 
bool  GameScene::onTouchBegan(Touch *touch, Event *unused_event)
{
     auto  pos = touch->getLocation();
     
     //每次点击屏幕,在点击处添加射击效果图片,该图片也需要被打穿
     auto  holeBg = Sprite::create( "hole_effect.png" );
     holeBg->setPosition(pos);
     clippingNode->addChild(holeBg);
     
     //将弹孔添加到模板上,造成板底裁减洞口形状
     auto  hole = Sprite::create( "hole_stencil.png" );
     hole->setPosition(pos);
     node->addChild(hole);
     
     return  false ;
}


资源图片:

130000_awil_580523.png

目录
相关文章
|
10月前
|
开发者 Kotlin
变“鼠”为“鸭”——为SVG Path制作FIFO路径变换动画,效果丝滑
曾撰文《使用batik在kotlin中将TTF字体转换为SVG图像》介绍了如何将汉字转为SVG Path路径进行展示和变换,以此为基础用动画将一个汉字变为另一个汉字,感官上很好玩
234 0
变“鼠”为“鸭”——为SVG Path制作FIFO路径变换动画,效果丝滑
|
10月前
|
JavaScript 定位技术
WebGis——Pixi开发vue项目之使用遮罩实现图形缓慢填充颜色(三)
WebGis——Pixi开发vue项目之使用遮罩实现图形缓慢填充颜色(三)
|
前端开发 JavaScript Serverless
移动端弹出阴影遮罩的几点问题和解决方法
在做移动端的立即购买页面时,点击底部固定栏立即购买按钮需要弹出一个阴影遮罩,在遮罩顶部有一个固定在底部的页面,所以总共是3层页面:最底层浏览页->阴影遮罩页->最上层的立即购买选择规格数量页;效果如下图:
201 0
移动端弹出阴影遮罩的几点问题和解决方法
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
简简单单修改游戏对象的材质颜色,一起来看看(Unity3D)
前段时间比较忙,好久没更新博客了,感觉技术都下降了,还是要坚持输出呀。 孔子曰:"学而不思则罔,思而不学则殆",不能光学习,还要学会思考,要能用起来。 将自己学到的东西记录下来,这样会让学习更加有效。