cocos2dx之遮罩层

遮罩层,其实就是一个layer,一个只显示出你自定义显示的layer。

在瞄准线中我们用了引擎封装的快捷绘图,熟悉了自定义绘图的基本流程。对于稍复杂的绘图效果,就需要调用底层的OpenGL接口了,这里我们用一个小小的例子来说明:滚动的数字表盘,在游戏中显示倒计时。在这个例子中,我们将使用OpenGL提供的遮罩效果来快速实现这一效果。
遮罩效果又称为剪刀效果,允许一切的渲染结果只在屏幕的一个指定区域显示:开启遮罩效果后,一切的绘制提交都是正常渲染的,但最终只有屏幕上的指定区域会被绘制。形象地说,我们将当前屏幕截图成一张固定的画布盖在屏幕上,只挖空指定的区域使之能活动,而屏幕上的其他位置尽管如常更新,但都被掩盖住了。 于是,我们可以在表盘上顺序排列所有的数字,不该显示的部分用遮罩效果盖住,滚动的表盘效果可以借助遮罩得到快速的实现。


我们先来看下例子代码:

void ShelterLayer::initLayer() {
    visiable = CCNode::create();
    visiable->retain();
    win_Size = CCDirector::sharedDirector()->getWinSize();
    
    int iwin_width = win_Size.width;
    int iwin_height = win_Size.height - 100;

    for(int i = 0 ; i < 10; ++i) {
        char a_string[2];
        a_string[0] = '0' + i;
        a_string[1] = '\0';
        label = CCLabelTTF::create(a_string, "Thonburi", 16);
        label->retain();
        label->setAnchorPoint(ccp(0.5f, 0.5f));
        label->setPosition(ccp(iwin_width / 2.0f, iwin_height / 2.0f + 16 * i));//16是字体大小,我是从小往上方label,这里就是设置位置
        visiable->addChild(label);//这个node我是为了将它保存10个label
    }
    this->addChild(visiable);
}

ShelterLayer *ShelterLayer::createlable() {
    ShelterLayer *layer = new ShelterLayer;
    return layer;
}

void ShelterLayer::visit() {
    glEnable(GL_SCISSOR_TEST);
    
    //CCPoint point_ = CCPointZero;
    //point_ = visiable->getParent()->convertToWorldSpace(point_);
    //CCRect rect_ = CCRectMake(point_.x, point_.y, 16, 16 * 10);

    int iwin_width = win_Size.width;//先前创建的label的横坐标.
    int iwin_height = win_Size.height - 100;//....纵坐标

    //16是字体大小,iwin_width / 2.0f - 16是在该layer的的坐下角
    glScissor(iwin_width / 2.0f - 16 , iwin_height / 2.0f - 16,  32, 32 * 10);//这里绘制你现实的layer的显示地大小

    CCNode::visit();//调用node的vist进行绘图
    glDisable(GL_SCISSOR_TEST);

}


void glEnable(GLenum cap);
GLenum 说明参数应为unsigned int 类型
cap 具体取值为OpenGl所预设的常量。cap决定所要启用的功能。



评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值