- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用 OpenGL 实现延迟屏幕空间贴花系统,这是一篇名为“使用延迟屏幕空间贴花在其他事物上绘制事物”的文章,链接:http://martindevans.me/game-development/2015/02/27/Drawing-Stuff-On-Other-Stuff-With-Deferred-Screenspace-Decals/ .
在场景顶部绘制了一个红色阴影立方体,该立方体与深度 mask 设置为 false 的墙壁一致。图片链接(无界立方体):https://gyazo.com/8487947bd4afb08d8d0431551057ad6f
来自墙的深度缓冲区与一些顶点着色器输出一起用于计算立方体维度内墙的对象空间位置。边界检查确保立方体的每个像素都在对象空间位置之外墙被丢弃。
问题是边界没有正常工作,立方体完全消失了。
我已经通过在 lighthitingpass 中可视化深度缓冲区来检查它是否正常工作,它似乎工作正常。深度缓冲区存储在 gbuffer 中的颜色附件中, float 大小为 GL_RGB32F。图片链接(远处墙壁的 Ligtingpass 深度缓冲可视化):https://gyazo.com/69920a532ca27aa9f57478cb57e0c84c
顶点着色器
// Vertex positions
vec4 InputPosition = vec4(aPos, 1);
// Viewspace Position
PositionVS = view* model* InputPosition;
// Clipspace Position
PositionCS = projection*PositionVS;
gl_Position = PositionCS;
片段着色器
// Position on the screen
vec2 screenPos = PositionCS.xy / PositionCS.w;
// Convert into a texture coordinate
vec2 texCoord = vec2((1 + screenPos.x) / 2 + (0.5 / resolution.x), (1 -
screenPos.y) / 2 + (0.5 / resolution.y));
// Sampled value from depth buffer
vec4 sampledDepth = texture(gDepth, texCoord);
// View-direction
vec3 viewRay = PositionVS.xyz * (farClip / -PositionVS.z);
// Wallposition in view-space
vec3 viewPosition = viewRay*sampledDepth.z;
// Transformation from view-space to world-space
vec3 WorldPos = (invView*vec4(viewPosition, 1)).xyz;
// Transformation from world-space to object-space
vec3 objectPosition = (invModel*vec4(WorldPos, 1)).xyz;
// Bounds check, discard pixels outside the wall in object-space
if (abs(objectPosition.x) > 0.5) discard;
else if (abs(objectPosition.y) > 0.5) discard;
else if (abs(objectPosition.z) > 0.5) discard;
// Color to Gbuffer
gAlbedoSpec = vec4(1, 0, 0, 1);
invView 和 invModel 分别是 View 矩阵和模型矩阵的逆矩阵。矩阵逆计算在 CPU 中完成,并作为制服发送到片段着色器。 farClip 是到相机远平面的距离(这里设置为 3000)。 gDepth 是 Gbuffer 的深度纹理。
与立方体一致的墙部分应为红色阴影,如下图所示,显然不是。
图像链接(带边界的立方体):https://gyazo.com/ab6d0db2483a969db932d2480a5acd08
我的猜测是问题是如何将视空间位置转换为对象空间位置,但我想不通!
最佳答案
您混淆了粉笔和奶酪。 PositionCS
是剪辑空间位置,可以通过 Perspective divide 转换为规范化设备空间位置。 :
vec2 ndcPos = PositionCS.xyz / PositionCS.w;
sampledDepth
是一个深度值(默认在 [0, 1] 范围内),可以通过读取“红色”颜色 channel (.r
, .x
) 来自深度缓冲纹理。深度可以通过depth*2.0-1.0
转换为规范化的设备空间Z坐标:
vec2 texCoord = ndcPos.xy * 0.5 + 0.5;
// (+ 0.5/resolution.xy;) is not necessary if texture filter is GL_NEAREST
float sampledDepth = texture(gDepth, texCoord).x;
float sampleNdcZ = sampledDepth * 2.0 - 1.0;
在透视投影和归一化设备空间中,所有具有相同 x 和 y 坐标的点都在同一条射线上,该射线从 View 位置开始。
这意味着如果深度缓冲区 gDepth
是使用与 ndcPos
(PositionCS
) 相同的 View 矩阵和投影矩阵生成的,则您可以用相应的 NDC z 坐标替换 ndcPos.z
形成深度缓冲区 (sampleNdcZ
),并且该点仍在同一 View 射线上。ndcPos.z
和 sampleNdcZ
是同一引用系统中的可比较值。
vec3 ndcSample = vec3(ndcPos.xy, sampleNdcZ);
该坐标可以通过逆投影矩阵和透视划分转换为视空间坐标。
如果 NDC 点,在同一个 View 射线上,被转换到 View 空间,那么 XY 坐标将不同。请注意,由于 (* 1/.w
),转换不是线性的。另见 OpenGL - Mouse coordinates to Space coordinates .
uniform mat4 invProj; // = inverse(projection)
vec4 hViewPos = invProj * vec4(ndcSample, 1.0);
vec3 viewPosition = hViewPos.xyz / hViewPos.w;
这可以通过逆 View 矩阵到世界空间和逆模型矩阵到对象空间进一步转换:
vec3 WorldPos = (invView * vec4(viewPosition, 1.0)).xyz;
vec3 objectPosition = (invModel * vec4(WorldPos, 1.0)).xyz;
关于python - 使用延迟屏幕空间贴花系统的边界检查问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54201496/
我编写了一个应用程序,它有一个 UIViewController,它在纵向模式下显示另一个 UIViewController,在横向模式下显示不同的 UIViewController。 当我去风景时,
我想为 UISegmentedControl 提供以下方面: 注意灰色背景 View ,以及分段控件未选定项目的白色背景。 但是,如果我为 UISegmentedControl 提供白色背景,我会得到
我正在尝试为我的可排序项目创建边界。我看过这个问题/答案: jquery sortable keep within container Boundary 并尝试将我的 JS 以此为基础,但无论出于何种
我正在尝试编写执行以下操作的代码:如果我单击起始位置为 (100,100) 的字符串 C(JLabel),该字符串将在 JFrame 的边界内移动。代码本身并不难实现,但我遇到了问题为 JLabel
我有一个 .xib 文件,其中包含我想用来播放视频文件的 View 。该 View 具有配置其大小和位置的约束。现在我需要获取这些来配置我的视频播放器: let slide1: OnboardingS
我将从 Google map 转到 Apple map 。 Google map 能够根据东北和西南坐标更新相机,如下所示: let bounds = GMSCameraUpdate.fit(GMSC
这个问题在这里已经有了答案: Border over a bitmap with rounded corners in Android (6 个答案) 关闭 6 年前。 如何为我的图片添加圆角边框?
我有一个任务是使用java.awt.Graphics绘制一定数量的圆圈。 绘制圆圈相当简单,但我只应该在圆圈出现在可见区域内时绘制圆圈。我知道我可以调用方法 getClipBounds() 来确定绘图
我在设置过渡时遇到问题,目前它是从上到下(它是悬停时显示的边框)。我希望过渡从中间开始并传播到侧面,或者至少从任何一侧开始并传播到另一侧... 我的导航菜单 anchor 使用导航链接类! * {
我来自 Java,目前正在学习 C++。我正在使用 Stroustrup 的 Progamming Principles and Practice of Using C++。我现在正在使用 vecto
我有一个要展开的循环: for(int i = 0; i < N; i++) do_stuff_for(i); 展开: for(int i = 0; i < N; i += CHUNK) {
Scala 中是否有类似 View 绑定(bind)但可以匹配子类型的东西? 由于 Scala 中的 View 没有链接,我目前有以下内容: implicit def pimpIterable[A,
网站用户输入地址。 如果地址在边界内,则“合格”。如果地址超出边界,则“不合格”。 是否有现有的小部件或代码可以执行此操作?有人知道实现这一目标的第一步吗?感谢您的任何意见。 最佳答案 哇,反对票是怎
我有以下测试应用程序: import Codec.Crypto.AES import qualified Data.ByteString.Char8 as B key = B.pack "Thisis
我正在尝试添加一个 JButton,但它与进度条水平对齐。如何将 JButton 对齐到下面的线上? 另外,我试图将所有组件分组到不同的组中,但我不确定如何执行此操作。有谁知道吗? 最佳答案 要简单分
假设我们有一个像上面这样的相框。从中心开始,如何找到可用于绘制的面积最大的矩形(矩形中的所有像素必须为 rgb(255,255,255)? 我需要找到图中所示的A点和B点的x和y坐标。 我的方法之一是
这可能是一个愚蠢的问题,但当我创建一个类时,我应该如何正确设置其中属性的边界。 例子:如果我有这门课 class Product { private string name; publ
我正在从 leaflet 迁移回来,如果我需要 map 绑定(bind),我使用以下代码: var b = map.getBounds(); $scope.filtromapa.lat1 = b.ge
我正在学习如何创建自定义 UIView。我正在制作的这个特定 View 包含几个按钮。我注意到,当我从惰性实例化 block 中调用frame/height属性时,我得到的值是128,但是当我调用dr
我正在尝试制作一个弹跳球。设置的边界允许球在超出框架边界后从起点开始。我无法让球弹起来。一旦击中边界(框架的外边缘),如何让球弹起?我相信问题出在 moveBall() 方法中。 主类 导入 java
我是一名优秀的程序员,十分优秀!