草庐IT

ios - 渲染 Sprite 的纹理采样坐标

coder 2023-07-28 原文

假设我们有一个纹理(在本例中为 8x8 像素)，我们想将其用作 sprite 表。其中一个子图像( Sprite )是纹理内部 4x3 的子区域，如下图所示:

(显示了四个角的归一化纹理坐标)

现在，基本上有两种方法可以将纹理坐标分配给 4px x 3px 大小的四边形，以便它有效地成为我们正在寻找的 Sprite ；第一个也是最直接的是在子区域的角落对纹理进行采样:

// Texture coordinates

GLfloat sMin = (xIndex0                  ) / imageWidth;
GLfloat sMax = (xIndex0 + subregionWidth ) / imageWidth;
GLfloat tMin = (yIndex0                  ) / imageHeight;
GLfloat tMax = (yIndex0 + subregionHeight) / imageHeight;

虽然在第一次实现这个方法时，ca。 2010 年，我发现 Sprite 看起来有点“扭曲”。经过一些搜索，我在 cocos2d 论坛上看到了一篇帖子，解释了在渲染 Sprite 时对纹理进行采样的“正确方法”是这样的:

// Texture coordinates

GLfloat sMin = (xIndex0                   + 0.5) / imageWidth;
GLfloat sMax = (xIndex0 + subregionWidth  - 0.5) / imageWidth;
GLfloat tMin = (yIndex0                   + 0.5) / imageHeight;
GLfloat tMax = (yIndex0 + subregionHeight - 0.5) / imageHeight;

...修复我的代码后，我高兴了一阵子。但是一路走来，我相信是在 iOS 5 推出前后，我开始觉得我的 sprite 看起来不太好。经过一些测试后，我切换回“蓝色”方法(第二张图片)，现在它们看起来不错，但并不总是。

我是不是疯了，或者 iOS 5 改变了一些与 GL ES 纹理映射相关的东西？也许我做错了什么？ (例如，顶点位置坐标稍微偏离？错误的纹理设置参数？)但是我的代码库没有改变，所以也许我从一开始就做错了......？

我的意思是，至少在我的代码中，它感觉好像“红色”方法曾经是正确的，但现在“蓝色”方法给出了更好的结果。

现在，我的游戏看起来还不错，但我觉得有一半的错误，我迟早必须修复...

有什么想法/经验/意见吗？

附录

为了渲染上面的 Sprite ，我会在正交投影中绘制一个 4x3 的四边形，为每个顶点分配前面提到的代码中隐含的纹理坐标，如下所示:

// Top-Left Vertex
{ sMin, tMin };

// Bottom-Left Vertex
{ sMin, tMax };

// Top-Right Vertex
{ sMax, tMin };

// Bottom-right Vertex
{ sMax, tMax };

原始四边形是从(-0.5，-0.5)到(+0.5，+0.5)创建的；即它是屏幕中心的单位正方形，然后缩放到子区域的大小(在本例中为 4x3)，其中心位于整数 (x,y) 坐标。我闻到这也有关系，尤其是当宽度、高度或两者不均匀时？

附录 2

我也找到了这篇文章，但我仍在尝试将它放在一起(这里是凌晨 4:00) http://www.mindcontrol.org/~hplus/graphics/opengl-pixel-perfect.html

最佳答案

这张图片的内容比我们看到的要多一些，纹理坐标并不是纹理采样位置的唯一因素。在你的情况下，我相信蓝色可能是你想要的。

您最终想要的是对中心的每个纹素进行采样。您不希望在两个纹素之间的边界上进行采样，因为这要么将它们与线性采样相结合，要么任意选择一个或另一个与最近，具体取决于浮点计算以哪一种方式循环。

话虽如此，您可能认为您不想让纹理坐标位于 (0,0)、(1,1) 和其他角，因为它们位于纹理像素边界上。然而，需要注意的重要一点是 opengl 在片段的中心对纹理进行采样。

举一个 super 简单的例子，考虑一个 2 x 2 像素的监视器，它有一个 2 x 2 像素的纹理。

如果从 (0,0) 到 (2,2) 绘制一个四边形，这将覆盖 4 个像素。如果对这个四边形进行纹理贴图，则需要从纹理中获取 4 个样本。

如果您的纹理坐标从 0 变为 1，则 opengl 将对其进行插值并从每个像素的中心进行采样，左下纹理坐标从左下像素的左下角开始。这最终将生成 (0.25, 0.25)、(0.75,0.75)、(0.25, 0.75) 和 (0.75, 0.25) 的 texcoord 对。它将样本放在每个纹素的中间，这就是您想要的。

如果您像红色示例中那样将纹理坐标偏移半个像素，那么它将错误地插值，并且您最终会在纹理像素的中心对纹理进行采样。

长话短说，您要确保像素与纹素正确对齐(不要在非整数像素位置绘制 Sprite )，并且不要任意缩放 Sprite 。

如果蓝色方 block 给你的结果不好，你能举个例子吗，或者描述一下你是怎么画的？

图片说 1000 字:

关于ios - 渲染 Sprite 的纹理采样坐标，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11457394/

Spriteios四边sectionGLfloatios5opengl-estextures

有关ios - 渲染 Sprite 的纹理采样坐标的更多相关文章

  1. ruby-on-rails - 渲染另一个 Controller 的 View - 2

    我想要做的是有2个不同的Controller，client和test_client。客户端Controller已经构建，我想创建一个test_clientController，我可以使用它来玩弄客户端的UI并根据需要进行调整。我主要是想绕过我在客户端中内置的验证及其对加载数据的管理Controller的依赖。所以我希望test_clientController加载示例数据集，然后呈现客户端Controller的索引View，以便我可以调整客户端UI。就是这样。我在test_clients索引方法中试过这个:classTestClientdefindexrender:template=>

  2. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这

  3. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同，而不是下载一半的损坏文件？documentation说IO.copy_stream返回它复制的字节数，但是当我还没有下

  4. Ruby 文件 IO 定界符？ - 2

    我正在尝试解析一个文本文件，该文件每行包含可变数量的单词和数字，如下所示:foo4.500bar3.001.33foobar如何读取由空格而不是换行符分隔的文件？有什么方法可以设置File("file.txt").foreach方法以使用空格而不是换行符作为分隔符？ 最佳答案 接受的答案将slurp文件，这可能是大文本文件的问题。更好的解决方案是IO.foreach.它是惯用的，将按字符流式传输文件:File.foreach(filename,""){|string|putsstring}包含“thisisanexample”结果的

  5. 世界前沿3D开发引擎HOOPS全面讲解——集3D数据读取、3D图形渲染、3D数据发布于一体的全新3D应用开发工具 - 2

    无论您是想搭建桌面端、WEB端或者移动端APP应用，HOOPSPlatform组件都可以为您提供弹性的3D集成架构，同时，由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台（桌面/WEB/APP，而且某些客户端是“瘦”客户端）快速、方便地将数据接入到3D应用系统的解决方案，并且当访问数据时，在各个平台上的性能和用户体验保持一致，HOOPSPlatform将帮助您完成。利用HOOPSPlatform，您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品，HOOPSSDK包含的技术有：快速且准确的CAD

  6. Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting - 2

    1.错误信息：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:requestcanceledwhilewaitingforconnection(Client.Timeoutexceededwhileawaitingheaders)或者：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:TLShandshaketimeout2.报错原因：docker使用的镜像网址默认为国外，下载容易超时，需要修改成国内镜像地址（首先阿里

  7. ruby - 为什么不能使用类IO的实例方法noecho？ - 2

    print"Enteryourpassword:"pass=STDIN.noecho(&:gets)puts"Yourpasswordis#{pass}!"输出:Enteryourpassword:input.rb:2:in`':undefinedmethod`noecho'for#>(NoMethodError) 最佳答案 一开始require'io/console'后来的Ruby1.9.3 关于ruby-为什么不能使用类IO的实例方法noecho？，我们在StackOverflow上

  8. ruby-on-rails - Rails 渲染带有驼峰命名法的 json 对象 - 2

    我在一个简单的RailsAPI中有以下Controller代码:classApi::V1::AccountsControllerehead:not_foundendendend问题在于，生成的json具有以下格式:{id:2,name:'Simpleaccount',cash_flows:[{id:1,amount:34.3,description:'simpledescription'},{id:2,amount:1.12,description:'otherdescription'}]}我需要我生成的json是camelCase('cashFlows'而不是'cash_flows'

  9. ruby-on-rails - 使用 header 渲染 JSON - 2

    我想在我的Controller中使用以下corsheader呈现JSON:'Access-Control-Allow-Origin'='*'.我试过这个:defmy_actionrender(json:some_params)response.headers['Access-Control-Allow-Origin']='*'end但是我得到了一个AbstractController::DoubleRenderError。有没有办法使用header呈现JSON？ 最佳答案 您不能在渲染后设置header，因为已发送响应。所以在没有意

  10. ruby-on-rails - Ruby 数组到 JSON 和 Rails JSON 渲染 - 2

    我有一个Ruby数组，如何在Rails3.0中将其呈现为JSONView？我的Controller方法是defautocomplete@question=Question.allend 最佳答案 如果自动完成操作仅呈现JSON，您可以将re5et的解决方案简化为:defautocompletequestions=Question.allrender:json=>questionsend(请注意，我将“问题”复数化以反射(reflect)它是一个数组并删除了@符号-一个局部变量就足够了，因为您可能只使用它来呈现内联JSON)作为一种附

随机推荐