实现CCLayer只显示一个矩形可见区域

最新推荐文章于 2018-10-25 14:58:36 发布

原创最新推荐文章于 2018-10-25 14:58:36 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

cocos2d-x 专栏收录该内容

77 篇文章

订阅专栏

本文介绍了一种在CCLayer中实现局部区域显示的方法，适用于游戏帮助等场景中的分页文本和图片显示。通过使用CCEGLView的setScissorInPoints函数配合OpenGL的glScissor设置剪裁区域，可以有效控制Layer的显示范围。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CCLayer的区域可能会比较大，怎样让它只显示其中一部分区域呢？这个还是有很多场景会用到的，例如游戏的帮助，可能包括几页的文本和图片，它会在一个矩形区域内显示，用户通过拖动页面，一行行的往下看。

试过后发现setContentSize不行，绘制的还是所有的Layer内容，虽然基类的m_obContentSize变了，但是绘制区域没有变。

不饶弯子了，需要使用CCEGLView的函数setScissorInPoints，它会调用OpenGL的glScissor。

爽快点，直接贴代码了：

void RichTextLayer::visit()
{
    glEnable(GL_SCISSOR_TEST);

    CCPoint point = convertToWorldSpace(CCPointZero);
    CCDirector::sharedDirector()->getOpenGLView()->setScissorInPoints(point.x, point.y, 400, 400);

    CCNode::visit();
    glDisable(GL_SCISSOR_TEST);
}

这个例子将显示RichTextLayer的左下角(0,0)到(400, 400)的矩形区域。

记住了convertToWorldSpace(CCPointZero)这个是必须的，我就是因为这个折腾了半天。因为glScissor的坐标是OpenGL的坐标，或者说是世界坐标，而不是该Node的本地坐标，所以必须转换成世界坐标后使用。