圈子形状剪辑与opengl-es在cocos2d

时间:2011-08-02 14:51:22

标签: opengl-es cocos2d-iphone clipping

我正在尝试在cocos2d中对CCSprite进行圆形剪裁,经过大量搜索后,我尝试了开放的gl glccissor方法,实现了对我的精灵的平方剪裁。但是,我需要把它变成一个圆圈,似乎不可能用glScissor。 我一直在努力,我发现了一些关于gl stencil的东西,但我还没有找到如何解决这个问题,而且我对opengl并不熟悉。

我也听说过多次调用glScissor,你可以实现自定义形状,但我没有找到任何东西。

提前致谢,欢迎任何答复。

这是我的实际访问方法:

-(void) visit
{
    glPushMatrix();
    glEnable(GL_SCISSOR_TEST);

    glScissor(clippingRegion.origin.x , clippingRegion.origin.y ,
            clippingRegion.size.width, clippingRegion.size.height);

    [super visit];

    glDisable(GL_SCISSOR_TEST);
    glPopMatrix();

}

2 个答案:

答案 0 :(得分:2)

glScissor不会做你想要的。这是我刚才写的一些代码的一部分。它吸引了 带有光栅纹理的矩形,并使用模板缓冲区仅显示磁盘。

这是我当时使用的链接: http://www.swiftless.com/tutorials/opengl/basic_reflection.html

(let ((cnt 0d0))
  (defmethod display ((w window))
    ;; the complex number z represents amplitude and direction
    ;; of the grating constant
    ;; r and psi addresses different points in the back focal plane
    ;; r=0 will result in z=w0. the system is aligned to illuminate
    ;; the center of the back focal plane for z=w0.
    (let* ((w0 (* 540d0 (exp (complex 0d0 (/ pi 4d0)))))
           (r 260d0)
           (psi 270d0)
           (w (* r (exp (complex 0d0 (* psi (/ pi 180d0))))))
           (z (+ w w0)))
      (clear-stencil 0)
      (clear :color-buffer-bit :stencil-buffer-bit)
      (load-identity)
      ;; http://www.swiftless.com/tutorials/
      ;;    opengl/basic_reflection.html
      ;; use stencil buffer to cut a disk out of the grating
      (color-mask :false :false :false :false)
      (depth-mask :false)
      (enable :stencil-test)
      (stencil-func :always 1 #xffffff)
      (stencil-op :replace :replace :replace)

      (draw-disk 100d0 (* .5d0 1920) (*  .5d0 1080))
      ;; center on camera 549,365
      ;; 400 pixels on lcos = 276 pixels on camera (with binning 2)
      (color-mask :true :true :true :true)
      (depth-mask :false)
      (stencil-func :equal 1 #xffffff)
      (stencil-op :keep :keep :keep)

      ;; draw the grating
      (disable :depth-test)
      (with-pushed-matrix 
          (translate (* .5 1920) (*  .5 1080) 0)
        (rotate (* (phase z) 180d0 (/ pi)) 0 0 1)
        (translate (* -.5 1920) (* -.5 1080) 0)
        (draw *bild*))
      (disable :stencil-test)
      (enable :depth-test)

      (fill-grating *grating* (abs z))
      (format t "~a~%" cnt)
      (if (< cnt 360d0)
          (incf cnt 30d0)
          (setf cnt 0d0))
      (update *bild*)
      (swap-buffers)
      (sleep (/ 1d0)) ;; 1 frame per second
      (post-redisplay))))

答案 1 :(得分:0)

您可能需要进行for循环,定义一些角度和偏移,并在精灵周围执行Scissor切割以获得圆形剪裁字段。但是,只有当你无法创建圆形时才开始 - 这在opengl-es中要快得多。

修改 假设你有一个以0,0为中心的正方形1x1。这意味着正方形的坐标是(-.5, - 。5)到(.5,.5)。我们希望使用剪辑将其转换为圆形。单个gl剪刀调用只会从一侧切掉一个盒子形状,所以我们将使用一系列剪刀命令来完成。 (同样,如果你可以创建一个圆形的多边形,那会更快)。

伪代码做圆形切割:

polyX = 0;
polyY = 0;
polyWidth = 1;
rad = pi/180

for (int i = 0; i <360; i++)
{
    x = Math.cos(i*rad)*polyWidth + polyX;
    y = Math.sin(i*rad)*polyWidth + polyY;
    glScissor(x,y,((polyWidth/2)-polyX)-x,.05); 
}