我正在尝试完成这样的事情:
sample image
整个屏幕将为黑色,然后三角形的内部将仅出现。
我尝试使用SCISSOR,但形状为矩形。
*原始图片来源:https://www.html5rocks.com/static/images/screenshots/casestudies/onslaught/controls_tutorial.png
最佳答案
您可以通过几种不同的方式来渲染蒙版图像。一种可能的方法是使用深度缓冲区。我编写了一个小方法,该方法显示了使用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配置中设置depth buffer选项:
protected void onCreate (Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
AndroidApplicationConfiguration config = new AndroidApplicationConfiguration();
config.depth = 15;
initialize(new game(), config);
}
glDepthFunc的选项定义如何将蒙版应用于纹理。检出OpenGL wiki以查看可以传递给函数的参数。
关于android - Libgdx模具和ShapeRenderer,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40085980/