草庐IT

javascript - 为什么说 WebGL 是 2D API,而不是 3D API?

coder 2024-05-14 原文

According to HTML5 Rocks ,WebGL其实是2D API,不是3D API。他们为什么这么说,这是什么意思?

我们可以在 WebGL 顶点着色器和片段着色器中指定 X、Y、Z 坐标。我无法理解 2D 和 3D 图形 API 之间的区别。您能解释一下为什么他们说这是 2D API 吗?

最佳答案

WebGL is actually a 2D API, not a 3D API. What does it mean?

这意味着你应该停止听任何网站或人告诉你的。当人们说这种愚蠢的话时,最好忽略他们并继续进行更合理的教程/信息/讨论。

您当然可以在纯 2D 方面使用 WebGL。您可以将 2D 位置传递给顶点着色器。您可以完全关闭深度测试。等等。但是顶点着色器的输出是 4D homogeneous coordinate ,即使您的 W 为 1 而 Z 为 0。因此渲染系统将执行它通常为 3D 场景执行的所有 3D 数学运算。

是的,光栅化基本上是一个 2D 过程,深度测试作为“hack”以允许隐藏表面移除。但这对所有 基于光栅化的渲染都是如此。按照这种逻辑,D3D、OpenGL、GLIDE 和每个软件光栅器是“2D API”。

如果它们都是 2D API,那么该语句毫无意义。它将 OpenGL/D3D 置于与 实际“2D API”(如 SDL 和 Direct2D)相同的水平。然而,那些“2D API”根本无法进行 3D 渲染(或者并非没有实质性的痛苦)。

因此,该声明既不符合事实,又极具误导性。谁说这不值得您花时间或关注。

from comments:

最初写这篇“WebGL 是 2D”的人已经屈尊解释了他的推理,所以我将在这里解决这些问题。

让我们使用他对 API 维度的定义。他的确切引述是:

You gave them 3D data and nothing else and they gave you a 3D display. OpenGL ES 2.0 is a 2D api. You have to supply all of the 3D to 2D math conversion yourself.

据此,我们可以推断出“3D API”的意思是“‘您’将 3D 值输入其中以导致 3D 渲染发生的 API”。类似地,“2D API”表示“一种 API,‘您’将 2D 值输入其中以导致 2D 渲染发生。”

让我们假设“你”不仅仅意味着从缓冲区对象中获取的值的维度。 “你”是指你可以直接控制的每一段代码,包括你的着色器。好的。所以对于 WebGL,“你”在顶点着色器的末尾停止。因此,WebGL 开始处理顶点着色器的输出。

顶点着色器的输出是 4D 齐次坐标。我猜这个论点是 4D 齐次坐标在某种程度上与 2D 坐标相同。即使它显然不是,因为它还有 2 个组件,并且您对它们进行的各种数学运算非常不同。

我会让您决定是否要将 4D 齐次坐标视为与 2D 坐标相同。

相反,我将研究 WebGL 如何处理 4D 输出。它是否将其转换为二维坐标? OpenGL 规范说不。

来自 the OpenGL ES 2.0 ,第 2.12 节,第 44 页:

Vertex shader execution yields a vertex coordinate gl_Position which is assumed to be in clip coordinates. Perspective division is carried out on clip coordinates to yield normalized device coordinates, followed by a viewport transformation to convert these coordinates into window coordinates (see figure 2.4).

Clip coordinates are four-dimensional homogeneous vectors consisting of x, y, z, and w coordinates (in that order). If a vertex’s clip coordinates are:

(xc, yc, zc, wc)

then the vertex’s normalized device coordinates are

(xd, yd, zd) = (xc/wc, yc/wc, zc/wc)

标准化设备坐标空间有 3 个分量。因此它不是二维空间。但是以后的转换呢?

好吧,来自同一规范的第 2.12.1 节(对开页 44-45):

The viewport transformation is determined by the viewport’s width and height in pixels, px and py, respectively, and its center (ox, oy) (also in pixels). The vertex’s window coordinates, (xw, yw, zw), are given by

xw = (px/2)xd + ox

yw = (py/2)yd + oy

zw = ((f - n)/2)zd + (n + f)/2

是的,甚至窗口空间也是一个 3D 坐标系。窗口空间是 OpenGL 在其计算中使用的最终空间;窗口空间直接进入光栅器。这就是渲染的内容。

因此,根据 OpenGL ES 2.0 规范,在整个渲染管道中没有任何东西可以转换成 2D 空间。

WebGL 是一种 API,您可以将 4D 齐次坐标输入其中。 WebGL 绝不会执行任何“3D 到 2D 数学转换”,用户也不会。在 WebGL 中的任何一点都没有人将任何东西转换为 2D 坐标。二维值不是通过二维管道提供的; 4D 值通过 3D 管道提供。

因此,根据他自己的定义,WebGL 不是 2D API。

QED。

关于javascript - 为什么说 WebGL 是 2D API,而不是 3D API?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13135210/

有关javascript - 为什么说 WebGL 是 2D API,而不是 3D API?的更多相关文章

  1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法? - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  2. ruby-on-rails - Rails - 子类化模型的设计模式是什么? - 2

    我有一个模型:classItem项目有一个属性“商店”基于存储的值,我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式?如果方法中没有大的if-else语句,这是如何干净利落地完成的? 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

  3. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们? - 2

    我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

  4. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  5. ruby - 为什么 4.1%2 使用 Ruby 返回 0.0999999999999996?但是 4.2%2==0.2 - 2

    为什么4.1%2返回0.0999999999999996?但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意,这不是与Ruby相关的问题,而是与所有编程语言相关的问题,因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返

  6. ruby - ruby 中的 TOPLEVEL_BINDING 是什么? - 2

    它不等于主线程的binding,这个toplevel作用域是什么?此作用域与主线程中的binding有何不同?>ruby-e'putsTOPLEVEL_BINDING===binding'false 最佳答案 事实是,TOPLEVEL_BINDING始终引用Binding的预定义全局实例,而Kernel#binding创建的新实例>Binding每次封装当前执行上下文。在顶层,它们都包含相同的绑定(bind),但它们不是同一个对象,您无法使用==或===测试它们的绑定(bind)相等性。putsTOPLEVEL_BINDINGput

  7. ruby - Infinity 和 NaN 的类型是什么? - 2

    我可以得到Infinity和NaNn=9.0/0#=>Infinityn.class#=>Floatm=0/0.0#=>NaNm.class#=>Float但是当我想直接访问Infinity或NaN时:Infinity#=>uninitializedconstantInfinity(NameError)NaN#=>uninitializedconstantNaN(NameError)什么是Infinity和NaN?它们是对象、关键字还是其他东西? 最佳答案 您看到打印为Infinity和NaN的只是Float类的两个特殊实例的字符串

  8. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象,为什么它会起作用? - 2

    如果您尝试在Ruby中的nil对象上调用方法,则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而,有一个tryRails中的方法,如果它被发送到一个nil对象,它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常? 最佳答案 像Ruby中的所有其他对象

  9. ruby - 为什么 SecureRandom.uuid 创建一个唯一的字符串? - 2

    关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion为什么SecureRandom.uuid创建一个唯一的字符串?SecureRandom.uuid#=>"35cb4e30-54e1-49f9-b5ce-4134799eb2c0"SecureRandom.uuid方法创建的字符串从不重复?

  10. ruby - 当使用::指定模块时,为什么 Ruby 不在更高范围内查找类? - 2

    我刚刚被困在这个问题上一段时间了。以这个基地为例:moduleTopclassTestendmoduleFooendend稍后,我可以通过这样做在Foo中定义扩展Test的类:moduleTopmoduleFooclassSomeTest但是,如果我尝试通过使用::指定模块来最小化缩进:moduleTop::FooclassFailure这失败了:NameError:uninitializedconstantTop::Foo::Test这是一个错误,还是仅仅是Ruby解析变量名的方式的逻辑结果? 最佳答案 Isthisabug,or

随机推荐