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

转自:http://blog.csdn.net/while0/article/details/11004147

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

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

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

 

爽快点,直接贴代码了:

1
2
3
4
5
6
7
8
9
10
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的本地坐标,所以必须转换成世界坐标后使用。

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

上一篇:PS电商化妆品修图的技巧和注意事项详解


下一篇:设计模式学习之抽象工厂(Abstract Factory,创建型模式)(3)