[历史归档]本文原发布于 cstriker1407.info 个人博客内容为历史存档仅供参考。发布时间2014-04-09 标题cocos2dx学习笔记glScissor分类编程 / C C / cocos2dx 标签cocos2dx·glScissorcocos2dx学习笔记glScissorglScissor的介绍C Specification C风格描述Parameters 参数Description 描述测试代码我们可以使用glScissor来对界面进行矩形裁剪这里备份下最简单的代码。glScissor的介绍转自【 http://blog.csdn.net/wlsgzl/article/details/12946241 】有删改。glScissor — define the scissor box. 定义裁剪窗口C Specification C风格描述void glScissor(GLint x, GLint y, GLsizei width, GLsizei height);Parameters 参数x,ySpecify the lower left corner of the scissor box.Initially (0, 0).指定裁剪窗口的左下角初始值为(00)。width, heightSpecify the width and height of the scissor box.When a GL context is first attached to a window,width and height are set to the dimensions of that window.指定裁剪窗口的宽和高。当一个GL上下文第一次关联到窗口时会使用width和height作为窗口的尺寸。Description 描述glScissor defines a rectangle, called the scissor box,in window coordinates.The first two arguments,x and y,specify the lower left corner of the box.width and height specify the width and height of the box. glScissor在窗口坐标定义了一个称为裁剪窗口的矩形区域。前两个参数x、y指定了裁剪窗口的左下角。width和height指定了窗口的宽和高。To enable and disable the scissor test, call glEnable and glDisable with argument GL_SCISSOR_TEST. The test is initially disabled.While the test is enabled, only pixels that lie within the scissor box can be modified by drawing commands.Window coordinates have integer values at the shared corners of frame buffer pixels.glScissor(0,0,1,1) allows modification of only the lower left pixel in the window, and glScissor(0,0,0,0) doesn’t allow modification of any pixels in the window.通过glEnable和glDisable函数并使用GL_SCISSOR_TEST参数来启用或者禁用裁剪测试。裁剪测试初始时是不可用的。当裁剪测试启用后只有在裁剪窗口中的像素才是可以被绘制函数修改的。窗口坐标在帧缓冲区像素的共享角里使用整数值好吧我水平有限……。glScissor(0,0,1,1)只允许修改窗口左下角的像素glScissor(0,0,0,0)不允许修改窗口中的任何像素。When the scissor test is disabled,it is as though the scissor box includes the entire window.如果裁剪测试没有启用就可以当作裁剪窗口是整个窗口区域。通过这段话我们知道glScissor是默认没有启用的这时opengl会绘制整个窗口区域如果我们要进行裁剪那么只需要enable然后将需要保留的矩形坐标传入即可。不过这里需要注意的是矩形坐标是指opengl坐标系即以屏幕左下角为基准点的坐标系。测试代码由于需要调用opengl命令那么就需要重写CCNode的 draw 或者 visit 方法。这里我们需要重写 visit 方法原因是glScissor可以进行开关控制而且使用完之后必须关闭否则整个opengl的上下文都受到影响。考虑到CCNode可能会有子节点一般来讲子节点也需要被裁剪。根据CCNode的代码我们可以发现visit 方法遍历调用的CCNode的子节点的visit方法然后才调用了 draw 方法。//CCNode的visit代码voidCCNode::visit(){。。。。。 。。。。。if(m_pChildrenm_pChildren-count()0){sortAllChildren();// draw children zOrder 0ccArray*arrayDatam_pChildren-data;for(;iarrayData-num;i){pNode(CCNode*)arrayData-arr;if(pNodepNode-m_nZOrder0){pNode-visit();}else{break;}}// self drawthis-draw();for(;iarrayData-num;i){pNode(CCNode*)arrayData-arr;if(pNode){pNode-visit();}}}else{this-draw();}。。。。。 。。。。。}为了对比这里我们实现一个最简单的功能。首先继承CCSprite代码如下MySprite.h:#ifndef__MY_SPRITE_H__#define__MY_SPRITE_H__#includecocos2d.hclassMySprite:publiccocos2d::CCSprite{public:staticMySprite*create(constchar*pszFileName);virtualvoidvisit(void);};#endif// __MY_SPRITE_H__MySprite.cpp:#includeMySprite.husingnamespacecocos2d;voidMySprite::visit(void){glEnable(GL_SCISSOR_TEST);floatscale1.0f;#if(CC_TARGET_PLATFORMCC_PLATFORM_WIN32)scaleCCEGLView::sharedOpenGLView()-getFrameZoomFactor();// float scaleX CCEGLView::sharedOpenGLView()-getScaleX();// float scaleY CCEGLView::sharedOpenGLView()-getScaleY();#endif//由于该Sprite直接放在顶层layer上因此opengl坐标系就是自己的坐标CCPoint worldPosthis-getPosition();glScissor(worldPos.x,worldPos.y,scale*this-getContentSize().width/2,scale*this-getContentSize().height/2);CCSprite::visit();glDisable(GL_SCISSOR_TEST);}MySprite*MySprite::create(constchar*pszFileName){MySprite*pobSpritenewMySprite();if(pobSpritepobSprite-initWithFile(pszFileName)){pobSprite-autorelease();returnpobSprite;}CC_SAFE_DELETE(pobSprite);returnNULL;}对比代码CCSprite*spriteACCSprite::create(center.png);MySprite*spriteBMySprite::create(center.png);spriteA-setPosition(ccp(visibleSize.width/2,visibleSize.height/2));spriteB-setPosition(ccp(visibleSize.width/2200,visibleSize.height/2));spriteA-setAnchorPoint(ccp(0,0));spriteB-setAnchorPoint(ccp(0,0));this-addChild(spriteA);this-addChild(spriteB);对比图像很明显右边图像只有左下角还有其他的都被切掉了。 
长河君 · 2026/8/19 13:15:02 · 阅读 1.2k 【2014-04-09】cocos2dx学习笔记：glScissor
[历史归档]本文原发布于 cstriker1407.info 个人博客内容为历史存档仅供参考。发布时间2014-04-09 标题cocos2dx学习笔记glScissor分类编程 / C C / cocos2dx 标签cocos2dx·glScissorcocos2dx学习笔记glScissorglScissor的介绍C Specification C风格描述Parameters 参数Description 描述测试代码我们可以使用glScissor来对界面进行矩形裁剪这里备份下最简单的代码。glScissor的介绍转自【 http://blog.csdn.net/wlsgzl/article/details/12946241 】有删改。glScissor — define the scissor box. 定义裁剪窗口C Specification C风格描述void glScissor(GLint x, GLint y, GLsizei width, GLsizei height);Parameters 参数x,ySpecify the lower left corner of the scissor box.Initially (0, 0).指定裁剪窗口的左下角初始值为(00)。width, heightSpecify the width and height of the scissor box.When a GL context is first attached to a window,width and height are set to the dimensions of that window.指定裁剪窗口的宽和高。当一个GL上下文第一次关联到窗口时会使用width和height作为窗口的尺寸。Description 描述glScissor defines a rectangle, called the scissor box,in window coordinates.The first two arguments,x and y,specify the lower left corner of the box.width and height specify the width and height of the box. glScissor在窗口坐标定义了一个称为裁剪窗口的矩形区域。前两个参数x、y指定了裁剪窗口的左下角。width和height指定了窗口的宽和高。To enable and disable the scissor test, call glEnable and glDisable with argument GL_SCISSOR_TEST. The test is initially disabled.While the test is enabled, only pixels that lie within the scissor box can be modified by drawing commands.Window coordinates have integer values at the shared corners of frame buffer pixels.glScissor(0,0,1,1) allows modification of only the lower left pixel in the window, and glScissor(0,0,0,0) doesn’t allow modification of any pixels in the window.通过glEnable和glDisable函数并使用GL_SCISSOR_TEST参数来启用或者禁用裁剪测试。裁剪测试初始时是不可用的。当裁剪测试启用后只有在裁剪窗口中的像素才是可以被绘制函数修改的。窗口坐标在帧缓冲区像素的共享角里使用整数值好吧我水平有限……。glScissor(0,0,1,1)只允许修改窗口左下角的像素glScissor(0,0,0,0)不允许修改窗口中的任何像素。When the scissor test is disabled,it is as though the scissor box includes the entire window.如果裁剪测试没有启用就可以当作裁剪窗口是整个窗口区域。通过这段话我们知道glScissor是默认没有启用的这时opengl会绘制整个窗口区域如果我们要进行裁剪那么只需要enable然后将需要保留的矩形坐标传入即可。不过这里需要注意的是矩形坐标是指opengl坐标系即以屏幕左下角为基准点的坐标系。测试代码由于需要调用opengl命令那么就需要重写CCNode的 draw 或者 visit 方法。这里我们需要重写 visit 方法原因是glScissor可以进行开关控制而且使用完之后必须关闭否则整个opengl的上下文都受到影响。考虑到CCNode可能会有子节点一般来讲子节点也需要被裁剪。根据CCNode的代码我们可以发现visit 方法遍历调用的CCNode的子节点的visit方法然后才调用了 draw 方法。//CCNode的visit代码voidCCNode::visit(){。。。。。 。。。。。if(m_pChildrenm_pChildren-count()0){sortAllChildren();// draw children zOrder 0ccArray*arrayDatam_pChildren-data;for(;iarrayData-num;i){pNode(CCNode*)arrayData-arr;if(pNodepNode-m_nZOrder0){pNode-visit();}else{break;}}// self drawthis-draw();for(;iarrayData-num;i){pNode(CCNode*)arrayData-arr;if(pNode){pNode-visit();}}}else{this-draw();}。。。。。 。。。。。}为了对比这里我们实现一个最简单的功能。首先继承CCSprite代码如下MySprite.h:#ifndef__MY_SPRITE_H__#define__MY_SPRITE_H__#includecocos2d.hclassMySprite:publiccocos2d::CCSprite{public:staticMySprite*create(constchar*pszFileName);virtualvoidvisit(void);};#endif// __MY_SPRITE_H__MySprite.cpp:#includeMySprite.husingnamespacecocos2d;voidMySprite::visit(void){glEnable(GL_SCISSOR_TEST);floatscale1.0f;#if(CC_TARGET_PLATFORMCC_PLATFORM_WIN32)scaleCCEGLView::sharedOpenGLView()-getFrameZoomFactor();// float scaleX CCEGLView::sharedOpenGLView()-getScaleX();// float scaleY CCEGLView::sharedOpenGLView()-getScaleY();#endif//由于该Sprite直接放在顶层layer上因此opengl坐标系就是自己的坐标CCPoint worldPosthis-getPosition();glScissor(worldPos.x,worldPos.y,scale*this-getContentSize().width/2,scale*this-getContentSize().height/2);CCSprite::visit();glDisable(GL_SCISSOR_TEST);}MySprite*MySprite::create(constchar*pszFileName){MySprite*pobSpritenewMySprite();if(pobSpritepobSprite-initWithFile(pszFileName)){pobSprite-autorelease();returnpobSprite;}CC_SAFE_DELETE(pobSprite);returnNULL;}对比代码CCSprite*spriteACCSprite::create(center.png);MySprite*spriteBMySprite::create(center.png);spriteA-setPosition(ccp(visibleSize.width/2,visibleSize.height/2));spriteB-setPosition(ccp(visibleSize.width/2200,visibleSize.height/2));spriteA-setAnchorPoint(ccp(0,0));spriteB-setAnchorPoint(ccp(0,0));this-addChild(spriteA);this-addChild(spriteB);对比图像很明显右边图像只有左下角还有其他的都被切掉了。