Libgdx Stencil＆amp; ShapeRenderer

Question

我正在努力完成这样的事情：

sample image

整个屏幕都是黑色的，然后三角形的内部是仅出现的部分。

我尝试使用SCISSOR，但它是矩形的。

*原始图片来源：https://www.html5rocks.com/static/images/screenshots/casestudies/onslaught/controls_tutorial.png

Answer 1

您可以通过几种不同的方式渲染蒙版图像。一种可能的方法是使用深度缓冲区。我写了一个小方法，显示了使用ShapeRenderer设置缓冲区的过程，以定义要渲染的图像的三角形区域并屏蔽其余部分。三角形蒙版可以被ShapeRenderer能够渲染的任何其他形状替换。

// For a 2D image use an OrthographicCamera
OrthographicCamera cam = new OrthographicCamera();
ShapeRenderer shapes = new ShapeRenderer();
cam.setToOrtho(true, screenWidth, screenHeight);
shapes.setProjectionMatrix(cam.combined);

private void renderStencilImage(float runTime){
    // Clear the buffer
    Gdx.gl.glClearDepthf(1.0f);
    Gdx.gl.glClear(GL30.GL_DEPTH_BUFFER_BIT);
    // Disable writing to frame buffer and
    // Set up the depth test
    Gdx.gl.glColorMask(false, false, false, false);
    Gdx.gl.glDepthFunc(GL20.GL_LESS);
    Gdx.gl.glEnable(GL20.GL_DEPTH_TEST);
    Gdx.gl.glDepthMask(true);
    //Here add your mask shape rendering code i.e. rectangle
    //triangle, or other polygonal shape mask
    shapes.begin(ShapeRenderer.ShapeType.Filled);
    shapes.setColor(1f, 1f, 1f, 0.5f);
    shapes.triangle(x1,y1,x2,y2,x3,y3);
    shapes.end();
    // Enable writing to the FrameBuffer
    // and set up the texture to render with the mask
    // applied
    Gdx.gl.glColorMask(true, true, true, true);
    Gdx.gl.glDepthMask(true);
    Gdx.gl.glDepthFunc(GL20.GL_EQUAL);
    // Here add your texture rendering code
    batcher.begin();
    renderFrame(runTime);
    batcher.end();
    // Ensure depth test is disabled so that depth
    // testing is not run on other rendering code.
    Gdx.gl.glDisable(GL20.GL_DEPTH_TEST);
}

在调用方法之前，必须首先创建一个ShapeRenderer并设置投影矩阵。您还必须在onCreate方法中的android配置中设置深度缓冲区选项，如下所示：

protected void onCreate (Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    AndroidApplicationConfiguration config = new AndroidApplicationConfiguration();
    config.depth = 15;
    initialize(new game(), config);
}

glDepthFunc的选项定义了如何将蒙版应用于纹理。查看OpenGL wiki以查看可以传递给函数的参数。