Cocos2d-x3.2 ClippingNode裁减节点(模板遮罩)-阿里云开发者社区

开发者社区> 墨云天> 正文

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
+关注
133
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载