- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在用 C#/XNA 制作游戏。我目前正在研究将用于地形的着色器。我使用纹理图集来提高速度和效率,但我遇到了图 block 之间的纹理/颜色渗色问题: /image/249Ha.png
我在 FX Composer 和我的游戏本身中都获得了这种效果。这是我的着色器:
//-----------------------------------------------------------------------------
// InstancedModel.fx
//
// Microsoft XNA Community Game Platform
// Copyright (C) Microsoft Corporation. All rights reserved.
//-----------------------------------------------------------------------------
// Camera settings.
float4x4 World : World < string UIWidget="None"; >;
float4x4 View : View < string UIWidget="None"; >;
float4x4 Projection : Projection < string UIWidget="None"; >;
// This sampler uses a simple Lambert lighting model.
float3 LightDirection = normalize(float3(-1, -1, -1));
float3 DiffuseLight = 1.25;
float3 AmbientLight = 0.25;
float TextureSide = 0; //0 = top, 1 = side, 2 = bottom
float2 TextureCoord;
texture Texture;
float2 TextureSize = 2.0;
sampler Sampler = sampler_state
{
Texture = (Texture);
MinFilter = Linear;
MipFilter = Linear;
MagFilter = Linear;
AddressU = Clamp;
AddressV = Clamp;
};
struct VertexShaderInput
{
float4 Position : POSITION0;
float3 Normal : NORMAL0;
float2 TextureCoordinate : TEXCOORD0;
};
struct VertexShaderOutput
{
float4 Position : POSITION0;
float4 Color : COLOR0;
float2 TextureCoordinate : TEXCOORD0;
};
// Vertex shader helper function shared between the two techniques.
VertexShaderOutput VertexShaderCommon(VertexShaderInput input, float4x4 instanceTransform, float2 atlasCoord, float4 colour)
{
VertexShaderOutput output;
// Apply the world and camera matrices to compute the output position.
float4 worldPosition = mul(input.Position, instanceTransform);
float4 viewPosition = mul(worldPosition, View);
output.Position = mul(viewPosition, Projection);
// Compute lighting, using a simple Lambert model.
float3 worldNormal = mul(input.Normal, instanceTransform);
float diffuseAmount = max(-dot(worldNormal, LightDirection), 0);
float3 lightingResult = saturate(diffuseAmount * DiffuseLight + AmbientLight);
output.Color = float4(lightingResult, 1);
output.Color = output.Color * colour;
//calculate texture coords
float2 InputTextureCoords = input.TextureCoordinate;// / TextureSize;
float2 InputAtlasCoords = atlasCoord;// / TextureSize;
float2 textCoordsActual = InputTextureCoords + InputAtlasCoords;
output.TextureCoordinate = textCoordsActual;
return output;
}
// Hardware instancing reads the per-instance world transform from a secondary vertex stream.
VertexShaderOutput HardwareInstancingVertexShader(VertexShaderInput input,
float4x4 instanceTransform : BLENDWEIGHT,
float2 atlasCoord1 : TEXCOORD1, float2 atlasCoord2 : TEXCOORD2, float2 atlasCoord3 : TEXCOORD3,
float4 colour : COLOR1)
{
float2 atlasCoord = atlasCoord1;
if (TextureSide == 1)
{
atlasCoord = atlasCoord1;
}
if (TextureSide == 2)
{
atlasCoord = atlasCoord2;
}
else if (TextureSide == 3)
{
atlasCoord = atlasCoord3;
}
return VertexShaderCommon(input, mul(World, transpose(instanceTransform)), atlasCoord, colour);
}
// When instancing is disabled we take the world transform from an effect parameter.
VertexShaderOutput NoInstancingVertexShader(VertexShaderInput input,
float4x4 instanceTransform : BLENDWEIGHT,
float2 atlasCoord1 : TEXCOORD1, float2 atlasCoord2 : TEXCOORD2, float2 atlasCoord3 : TEXCOORD3,
float4 colour : COLOR1)
{
return VertexShaderCommon(input, World, TextureCoord, float4(1,1,1,1));
}
float2 HalfPixileCorrectedCoords(float2 coords)
{
float u = (coords.x) / TextureSize;
float v = (coords.y) / TextureSize;
return float2(u, v);
}
// Both techniques share this same pixel shader.
float4 PixelShaderFunction(VertexShaderOutput input,
float2 atlasCoord1 : TEXCOORD1) : COLOR00
{
float2 outputTextureCoords = HalfPixileCorrectedCoords(input.TextureCoordinate);
return tex2D(Sampler, outputTextureCoords) * input.Color;
}
// Hardware instancing technique.
technique HardwareInstancing
{
pass Pass1
{
VertexShader = compile vs_3_0 HardwareInstancingVertexShader();
PixelShader = compile ps_3_0 PixelShaderFunction();
}
}
// For rendering without instancing.
technique NoInstancing
{
pass Pass1
{
VertexShader = compile vs_3_0 NoInstancingVertexShader();
PixelShader = compile ps_3_0 PixelShaderFunction();
}
}
我的 FX Composer HLSL 配置文件: /image/HZCNI.png
和测试图集我使用:(无法发布,因为我需要更多声誉,我也许可以在后续中发布它?)
我已经阅读了很多有关此内容的文章,似乎我要么需要进行“半像素校正”,要么将像素包裹在图集中指定纹理的边缘。我已经尝试过这两种方法都没有成功。
问题:如何解决我遇到的像素渗色问题?
最佳答案
如果您想使用图集获得漂亮的无缝平铺纹理,您必须创建一个比您预期大 4 倍的纹理(即 (2 x 宽度) x (2 x 高度))。
更具体地说, map 集中的每个图 block 应如下所示:
整个图 block 应重复两次,从其中心 (u,v) 开始。
(u,v) 是图集纹理中图 block 的坐标。
但是,在对对象进行纹理化时应为此图 block 使用的坐标是:
(u0,v0)<--->(u1,v1)
您可以按如下方式计算它们:
rw = tile_width / atlas_width
rh = tile_height / atlas_height
u0 = u + 0.5 * rw
v0 = v + 0.5 * rh
u1 = u0 + rw
v1 = v0 + rh
使用纹理图集时渗色的主要问题之一是 mipmap。创建 mipmap 时,纹理会被下采样,并且相邻图 block 会混合在一起,这会导致伪影。我上面描述的方法通过提供足够的纹理区域储备来防止这种情况发生。
在采样纹理时出现伪影的另一个原因是纹理过滤。上述方法也对此有所帮助,因为在 (u0, v0) - (u1, v1) 范围内的样本附近总是有足够的区域被图 block 的纹理覆盖。
关于shader - 使用纹理图集时发生 HLSL 颜色渗色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16050574/
我有一个未定义数量的显示上下文,每个都将显示一个纹理。当我调用 glGenTextures 时,我会在所有显示上下文中返回相同的名称。这会起作用吗?即使它们具有相同的名称,它们仍会存储和显示不同的纹理
我在 SVG 中看到过:文本填充是图像而不是颜色;我一直想知道使用 CSS3 是否可以实现这样的事情。 我浏览了整个网络,到目前为止只找到了基本上将图像覆盖在文本上的解决方法(请参阅 this ,这对
我是 WebGL 的新手。 :)我知道顶点数据和纹理不应该经常更新,但是当它们确实发生变化时,首选哪个:- 通过调用 gl.deleteBuffer 销毁先前的缓冲区 (static_draw) 并创
我需要将 GL_RGBA32F 作为内部格式,但我在 OpenGL ES 实现中没有得到它。相反,我只得到 GL_FLOAT 作为纹理数据类型。 OES_texture_float 规范没有说明里面的
当我执行某些几何体的渲染时,我可以在控制台中看到此警告: THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter sho
我正在尝试使用阴影贴图实现阴影,因此我需要将场景渲染到单独的帧缓冲区(纹理)。我无法让它正常工作,因此在剥离我的代码库后,我留下了一组相对简单的指令,这些指令应该将场景渲染到纹理,然后简单地渲染纹理。
我在 XNA 中使用带有自定义着色器的标准 .fbx 导入器。当我使用 BasicEffect 时,.fbx 模型被 UV 正确包裹并且纹理正确。但是,当我使用我的自定义效果时,我必须将纹理作为参数加
如果我创建一个 .PNG 1024 x 1024 的纹理并在中间画一个 124 x 124 的圆,它周围是空的,它使用的 RAM 量是否与我画一个 124 x 的圆一样124 x 124 空间上的 1
我试图在 Android 中绘制一个地球仪,为此我使用了 OpenGL。然而,为了让它更容易理解,我将从制作一个简单的 3D 立方体开始。我使用 Blender 创建我的 3D 对象(立方体),并在我
文本本身的背景图像层是否有任何 JS/CSS 解决方案? 示例 最佳答案 检查这个http://lea.verou.me/2012/05/text-masking-the-standards-way/
非功能代码: if sprite.texture == "texture" { (code) } 当 Sprite 具有特定纹理时,我正在尝试访问 Sprite 的纹理以运行代码。目前纹理仅在我的
我正在尝试学习适用于 iOS 的 SceneKit 并超越基本形状。我对纹理的工作原理有点困惑。在示例项目中,平面是一个网格,并对其应用了平面 png 纹理。你如何“告诉”纹理如何包裹到物体上?在 3
基本上, 这有效: var expl1 = new THREE.ImageUtils.loadTexture( 'images/explodes/expl1.png' ); this.material
我正在尝试将各种场景渲染为一组纹理,每个场景都有自己的纹理到应该绘制的位置...... 问题: 创建 512 个 FBO,每个 FBO 绑定(bind)了 512 个纹理,这有多糟糕。只使用一个 FB
我正在使用文本 protobuf 文件进行系统配置。 我遇到的一个问题是序列化的 protobuf 格式不支持注释。 有没有办法解决? 我说的是文本序列化数据格式,而不是方案定义。 这个问题是有人在某
我想将我的 3D 纹理的初始化从 CPU 移到 GPU。作为测试,我编写了一个着色器将所有体素设置为一个常数值,但纹理根本没有修改。我如何使它工作? 计算着色器: #version 430 layou
我可以像这样用 JavFX 制作一个矩形: Rectangle node2 = RectangleBuilder.create() .x(-100) .
我在 iPhone 上遇到了 openGL 问题,我确信一定有一个简单的解决方案! 当我加载纹理并显示它时,我得到了很多我认为所谓的“色带”,其中颜色,特别是渐变上的颜色,似乎会自动“优化”。 只是为
假设我有一个域类 class Profile{ String name byte[] logo } 和一个 Controller : class ImageController {
我正在开发一款使用 SDL 的 2D 游戏。由于某些系统的 CPU 较弱而 GPU 较强,因此除了普通的 SDL/软件之外,我还有一个使用 OpenGL 的渲染器后端。 渲染器界面的简化版本如下所示:
我是一名优秀的程序员,十分优秀!