openGL纹理掩蔽

时间:2011-07-08 14:27:56

标签: opengl-es processing

我正在尝试用一系列其他图像填充圆圈,并将这些图像隐藏在圆圈之外。我可以看出为什么这不起作用,但我无法想出如何解决它的解决方案。

我的绘图代码(使用处理)如下:

  PGraphicsOpenGL pgl = (PGraphicsOpenGL) g;  // g may change
  // This fixes the overlap issue
  gl.glDisable(GL.GL_DEPTH_TEST);
  // Turn on the blend mode
  gl.glEnable(GL.GL_BLEND);

  // Define the blend mode
  gl.glBlendFunc(GL.GL_SRC_ALPHA, GL.GL_ONE_MINUS_SRC_ALPHA);

  // draw the backgroud
  fill(200,200,200);
  rect(0, 0, width, height);

  // cut out the circle
  gl.glBlendFunc(GL.GL_ZERO, GL.GL_ONE_MINUS_SRC_ALPHA);
  tint(0,0,0,255);
  image(circle, 0, 0);

  // draw the circle
  gl.glBlendFunc(GL.GL_ONE_MINUS_DST_ALPHA, GL.GL_ONE);
  tint(140,0,0,255);
  image(circle, 0, 100);

  gl.glBlendFunc(GL.GL_ONE_MINUS_DST_ALPHA, GL.GL_ONE);
  tint(140,0,140,255);
  image(circle, 0, 0);

我一直在关注http://bigbucketsoftware.com/2010/10/04/how-to-blend-an-8-bit-slide-to-unlock-widget/的指示,这些指示似乎描述了我想要的效果。我也在iphone上尝试过这种方法,结果相似。

以下是我期待发生的事情以及发生的事情: problem image

2 个答案:

答案 0 :(得分:2)

问题必须在于如何处理透明区域。您可以启用GL_ALPHA_TEST。

或者,如果你的照片保持那么简单,你可以用三角形绘制它们。

enter image description here

答案 1 :(得分:0)

我无法真正帮助您使用混合代码,但我有另一个建议可能会简化您的绘图逻辑。

我已经使用了模板缓冲区来做类似的事情。我想绘制一个带有线性光栅纹理的圆盘。我不想打扰纹理坐标,因为一个重要的功能是能够精确地逐步穿过光栅的相位。

我在一个大矩形中绘制了纹理,然后我在模板中画了一个白色圆盘。

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))))