jjzjj

javascript - 旋转相机时重复纹理严重扭曲/抖动

coder 2024-12-11 原文

我最初在 gamedev 上问过这个问题，但没有一个答案有助于解决问题，我仍然不知道真正的原因是什么。我在常见问题解答中没有看到任何关于在 SE 中重新发布问题的内容，所以我只能希望这没问题。此外，回想起来，这个问题可能更多地与图形编程有关，而不仅仅是游戏开发。

编辑 1 开始

原帖的行为仅适用于 Windows XP 和 Windows 7，浏览器 Firefox 和 Chrome。在 Ubuntu 上，没有这种失真，而是在旋转相机时纹理“抖动”。当旋转停止时，抖动停止，但纹理可能不在完全正确的位置。

编辑 1 结束

编辑 3 开始

该程序已在 4 台不同的计算机上进行了测试，但在其中任何一台计算机上均未按预期运行。

编辑 3 端

我在 WebGL 中有一个大体素，我想用平铺纹理覆盖它，每个平铺在顶点空间中的边长为 1。在这个测试场景中，相机指向负 z 方向，体素的边在 x-y、x-z、y-z 平面中。

较小的体素(即较少的重复)效果很好，但在每个面大约 2000 x 和 y 重复(即体素大小为 2000*2000*2000)时，纹理开始看起来非常难看。当相机垂直于面部时，无论重复的大小/数量如何，纹理看起来都是正确的，但对于上述大小的体素，任何旋转甚至几度都会导致明显的问题。增加体素大小会增加失真。反之亦然:对于小体素，无论相机旋转如何，纹理看起来都是正确的。在我看来，大小没有硬阈值，但是当体素的大小从每边大约 2000 增加时，效果从零开始逐渐增加。

见 http://imgur.com/a/spQIv用于可视化。第一张图片应该是这样的，但是当相机旋转时，线条开始变得像第二张图片一样扭曲。通过增加体素大小和更多地旋转相机，效果会变得更糟。 http://imgur.com/a/wRndy包含两个效果更严重的附加图像。

纹理(每个纹理一个 X)最初是 512*512 像素。屏幕截图没有以任何方式缩放。

我的第一个猜测是 float 不准确，但这很难相信，因为该物体的尺寸只有 1000 的数量级。

我的第二个猜测是某种奇怪的 int/float 舍入错误，但由于所有内容总是以浮点数形式处理，我不知道这是怎么发生的。

我能想到的第三种可能性是这是不可能的，纹理不应该重复那么多次。然而，这似乎不太可能 IMO。我的猜测(和希望)是存在某种非常基本的问题。

关于什么可能导致或通常确实导致这种事情的任何建议都非常感谢，因为我似乎很难自己缩小这个问题的来源。

我正在使用:

gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_NEAREST);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
gl.generateMipmap(gl.TEXTURE_2D);

并在着色器中:
#ifdef GL_ES
precision highp float;
#endif

我还进行了一些非常基本的计算:对于 32 位浮点数，最大有效数约为 840 万。对于体素边长 2000(我注意到这是效果可见的级别)，人们可以天真地预计坐标中的浮点舍入误差约为 0.00025。假设每次重复在屏幕上占用大约 100 个像素，误差应该明显小于 1 个像素，但事实并非如此。除非我上面的计算做错了，否则我会指出 Float32 不是罪魁祸首，原因一定是其他地方。

线条纹理仅用于可视化问题。其他(更自然)类型的纹理也存在此问题。

编辑 2 开始

启用或禁用抗锯齿没有明显的区别

编辑 2 端

最佳答案

我相信你所看到的可能真的是由精度引起的。您正确计算出浮点坐标应该足够漂亮，问题是硬件没有使用浮点数来查找纹理。纹理插值器单元确实具有相当低的精度(不知道今天如何，但在较旧的 GeForce 卡上它曾经低至 16 位)。

那么......如何才能超过插值器的精度呢？通过在大型几何体上使用大型纹理坐标(多次重复)，这正是您正在做的。补救？分割几何体以使用较小的纹理坐标(您可以以整数步长移动纹理坐标，使它们更接近于 0)。

这是一个 screenshot它看起来有多极端(我无法在我的 GeForce 260 上重现该错误，但它在我的 Tegra 2 平板电脑上清晰可见，如下图所示)。

关于javascript - 旋转相机时重复纹理严重扭曲/抖动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8787483/

机时javascriptbrstrongTEXTUREopengl-esrotationtextureswebgl

有关javascript - 旋转相机时重复纹理严重扭曲/抖动的更多相关文章

  1. 旋转矩阵的几何意义 - 2

    点向量坐标矩阵的几何意义介绍旋转矩阵的几何含义之前，先介绍一下点向量坐标矩阵的几何含义点：在一维空间下就是一个标量，如同一条直线上，以任意某一个位置为0点，以一定的尺度间隔为1，2，3...,相反方向为-1，-2，-3...；如此就形成了一维坐标系，这时候任何一个点都可以用一个数值表示，如点p1=5，即即从原点出发沿着x轴正方向移动5个尺度；点p2=-3，负方向移动3个尺度；     在一维坐标系上过原点做垂直于一维坐标系的直线，则形成了二维坐标系，此时描述一个点需要两个数值来表示点p3=（3，2），即从原点出发沿着x轴正方向移动3个尺度，在此基础上沿着y轴正方向移动两个尺度的位置就是点p3。

  2. Unity 3D 制作开关门动画,旋转门制作,推拉门制作,门把手动画制作 - 2

    Unity自动旋转动画1.开门需要门把手先动,门再动2.关门需要门先动,门把手再动3.中途播放过程中不可以再次进行操作觉得太复杂?查看我的文章开关门简易进阶版效果:如果这个门可以直接打开的话,就不需要放置"门把手"如果门把手还有钥匙需要旋转,那就可以把钥匙放在门把手的"门把手",理论上是可以无限套娃的可调整参数有:角度,反向,轴向,速度运行时点击Test进行测试自己写的代码比较垃圾,命名与结构比较拉,高手轻点喷,新手有类似的需求可以拿去做参考上代码usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;u

  3. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  4. ruby - 正则表达式 - 保存重复捕获的组 - 2

    这就是我做的a="%span.rockets#diamonds.ribbons.forever"a=a.match(/(^\%\w+)([\.|\#]\w+)+/)putsa.inspect这是我得到的#这就是我想要的#帮助？我尝试过但失败了:( 最佳答案 通常，您不能获得任意数量的捕获组，但如果您使用扫描，您可以为您想要捕获的每个标记获得一个匹配:a="%span.rockets#diamonds.ribbons.forever"a=a.scan(/^%\w+|\G[.|#]\w+/)putsa.inspect["%span","

  5. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

  6. Ruby 从数组中删除重复的对象 - 2

    我无法使用传统的Ruby方法从下面的数组user_list中删除所有重复对象，从而获得预期的结果。有解决这个问题的聪明方法吗？users=[]user_list.eachdo|u|user=User.find_by_id(u.user_id)users 最佳答案 这个怎么样？users=User.find(user_list.map(&:user_id).uniq)这具有作为一个数据库调用而不是user_list.size数据库调用的额外好处。 关于Ruby从数组中删除重复的对象，我们在

  7. Ruby 删除可枚举列表中的重复项 - 2

    ruby中有没有一个很好的方法来删除可枚举列表中的重复项(即拒绝等) 最佳答案 对于数组你可以使用uniq()方法a=["a","a","b","b","c"]a.uniq#=>["a","b","c"]所以如果你只是(1..10).to_a.uniq或%w{antbatcatant}.to_a.uniq因为无论如何，几乎所有您实现的方法都将作为Array类返回。 关于Ruby删除可枚举列表中的重复项，我们在StackOverflow上找到一个类似的问题： h

  8. ruby - 重复排列 - 2

    我知道如何创建值数组的排列。例如:[*1..3].permutation(2)这导致以下六种排列:[1,2][1,3][2,1][2,3][3,1][3,2]但这个结果缺少三个排列，它们是相同值的组合，即:[1,1][2,2][3,3]如何获得所有排列，包括上面重复的排列？ 最佳答案 尝试#repeated_permutation:[*1..3].repeated_permutation(3).to_a>pp[*1..3].repeated_permutation(3).to_a[[1,1,1],[1,1,2],[1,1,3],[1

  9. ruby - 在 Ruby 数组中收集重复项的最快/单行方法？ - 2

    像这样转换数组的最快/单行方法是什么:[1,1,1,1,2,2,3,5,5,5,8,13,21,21,21]...进入像这样的对象数组:[{1=>4},{2=>2},{3=>1},{5=>3},{8=>1},{13=>1},{21=>3}] 最佳答案 要获得所需的格式，您可以附加一个调用以映射到您的解决方案:array.inject({}){|h,v|h[v]||=0;h[v]+=1;h}.map{|k,v|{k=>v}}虽然它仍然是单行的，但它开始变得凌乱了。 关于ruby-在Ruby

  10. ruby-on-rails - 从 ruby​​ 中的数组中删除重复项 - 2

    我想输出一个散列数组，其中name对所有散列都是唯一的。我将如何使用ruby​​执行此操作？这是我的输入:input=[{:name=>"Kutty",:score=>2,:some_key=>'value',...},{:name=>"Kutty",:score=>4,:some_key=>'value',...},{:name=>"Baba",:score=>5,:some_key=>'value',...}]我希望输出看起来像这样:output=[{:name=>"Kutty",:score=>4,:some_key=>'value',...},{:name=>"Baba",:s

随机推荐