如何在 SpriteBatch Draw XNA (2D) 中将两个精灵相乘

Question

我正在 XNA 3.1 中为动作角色扮演游戏编写简单的十六进制引擎。我想照亮英雄和火把附近的地面，就像在暗黑破坏神 II 中点燃它们一样。我认为最好的方法是计算视野，隐藏玩家看不到的任何图块及其内容，并在任何光源顶部绘制特殊的“光”纹理：黑白色的纹理，中心有一个模糊的圆圈。

我想将此纹理与背景相乘（如在混合模式中：相乘），但不幸的是，我在 SpriteBatch 中看不到执行此操作的选项。有人能指出我正确的方向吗？

或者也许还有其他更好的方法来实现暗黑破坏神 II 中的光照模型？

Answer 1

如果您要将光纹理与场景相乘，您将使该区域变暗，而不是使其变亮。

您可以尝试使用附加混合进行渲染；这看起来不太正确，但是很简单并且可以接受。您必须使用相当低的 Alpha 来绘制光线，以使光纹理不至于使图像的该部分过度饱和。

另一种更复杂的照明方法是将所有灯光纹理（场景中的所有灯光）添加到第二个渲染目标上，然后将此纹理与场景相乘。这应该提供更真实的光照，但性能开销更大并且更复杂。

初始化：

RenderTarget2D lightBuffer = new RenderTarget2D(graphicsDevice, screenWidth, screenHeight, 1, SurfaceFormat.Color);
Color ambientLight = new Color(0.3f, 0.3f, 0.3f, 1.0f);

绘制：

// set the render target and clear it to the ambient lighting
graphicsDevice.SetRenderTarget(0, lightBuffer);
graphicsDevice.Clear(ambientLight)

// additively draw all of the lights onto this texture. The lights can be coloured etc.
spriteBatch.Begin(SpriteBlendMode.Additive);
foreach (light in lights)
    spriteBatch.Draw(lightFadeOffTexture, light.Area, light.Color);
spriteBatch.End();

// change render target back to the back buffer, so we are back to drawing onto the screen
graphicsDevice.SetRenderTarget(0, null);

// draw the old, non-lit, scene
DrawScene();

// multiply the light buffer texture with the scene
spriteBatch.Begin(SpriteBlendMode.Additive, SpriteSortMode.Immediate, SaveStateMode.None);
graphicsDevice.RenderState.SourceBlend = Blend.Zero;
graphicsDevice.RenderState.DestinationBlend = Blend.SourceColor;
spriteBatch.Draw(lightBuffer.GetTexture(), new Rectangle(0, 0, screenWidth, screenHeight), Color.White);
spriteBatch.End();

Answer 2

据我所知，如果不使用您自己的自定义着色器，就无法做到这一点。

为此，自定义着色器的工作方式如下：

1. 将场景渲染到纹理
2. 将灯光渲染到另一个纹理
3. 作为空白四边形上的后期处理，对两个纹理进行采样，结果是场景纹理 * 灯光纹理。

这将输出一个明亮的场景，但不会产生任何阴影。如果您想要阴影，我建议您遵循来自 Catalin Zima 的这个优秀示例

Answer 3

也许使用与 BloomEffect 组件 中相同的技术可能是一个想法。

基本上，该效果的作用是抓取渲染的场景，从场景中最亮的区域计算光晕图像，进行模糊并将两者组合起来。结果是根据颜色突出显示区域。

这里可以使用相同的方法。它会更简单，因为您不必根据背景计算光晕图像，而只需根据角色的位置。

您甚至可以进一步重复使用它来为其他光源（例如火炬、魔法效果等）提供突出显示。