问题标签 [webgl]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
1875 浏览

opengl - WebGL 的酷应用?

最近的 SIGGRAPH 2009 见证了WebGL的发布——将 OpenGL ES 移植到 javascript。

我立即想到的应用程序是基于网络的 3D 第一人称射击游戏,以 AJAX 作为通信基础。
我认为这有可能回答很久以前 VRML 提出的期待已久的承诺......
你能想到这项技术的任何其他很酷的应用程序吗?

0 投票
1 回答
356 浏览

javascript - 任何地方都有 WebGL 的公共规范吗?

在向公众发布 WebGL 的早期规范时,Khronos 小组似乎相当封闭。

有谁知道一个资源来跟上 API 的变化?

除了检查 Firefox 或 WebKit 源代码之外,我似乎唯一能找到的是 2007 年 Vladimir Vukićević 博客上的一个页面,其中包含 OpenGL ES -> WebGL 函数的小列表。

[编辑:我在规范上线之前发表了这篇文章。请参阅下面的答案以获取链接。]

0 投票
17 回答
11553 浏览

web-applications - Unity、Torque3D、Google O3D、WebGl....选择哪个?

对于开发交互式 3D Web 应用程序,推荐使用哪种引擎?

我知道 WebGL 已被宣布在不久的将来(1~2 年)成为所有浏览器的标准。

恐怕通过在 Unity 等专有游戏引擎上投入时间,一旦出现无插件开源 3D 引擎(webgl、JavaScript for 3D),扭矩就不会很大。

担心这是一件愚蠢的事情吗?我应该从 Unity 开始吗(它的演示和工具令人兴奋)。

0 投票
6 回答
6489 浏览

opengl-es - 我应该学习什么语言来为 WebGL 做准备?

我正在考虑用 WebGL 制作一个 3D 游戏(目前仅出于概念目的),但我从未在 3D 中做过任何事情,而且大部分时间都只用 PHP 编程。据我了解,WebGL 是 Javascript,我在所有项目中都大量使用它,但我也理解它与常规 JavaScript 有很大不同。如果我想抢先开始尝试弄清楚如何使用 WebGL 制作 3D 应用程序,是否有某种语言可以帮助我掌握如何更好地做到这一点?

0 投票
2 回答
188 浏览

javascript - 是否有一个网站可以让我查看不同浏览器支持哪些 HTML 5 标签?和 WebGL?

我想制作一个 HTML/Javascript 网络应用程序。有没有一个网站可以让我比较哪些 webbrowser 已经支持 HTML 5 标签?和 WebGL?

0 投票
7 回答
5923 浏览

2d - 是否有用于 webgl 的 2d sprite 库?

我正在寻找使用 WebGL 构建 2d 游戏。我想要 WebGL 提供的硬件加速,但我无法从画布标签中的 2D 画布上下文中获得它。

话虽如此,是否有关于使用 webGL 创建 2D 精灵的教程?或者,更好的是,是否有用于 WebGL 的 2D 精灵库?理想情况下,我正在寻找移植到 WebGL的cocos2d 之类的东西。

毫不奇怪,我为 WebGL 找到的所有演示、教程和库都专注于 3D 操作。是否有任何支持 2D 精灵的 WebGL 库?

0 投票
1 回答
735 浏览

browser - WebGL(在 Firefox 上)如何工作?

我抓住了 firefox 3.7a(注意转到 about:config 并启用 webgl)并在此站点http://www.iquilezles.org/apps/shadertoy/上运行示例

这些例子很酷,然后它击中了我。它是如何运行的?代码正在运行,不是吗?这是 LLVM 的实现吗?还有其他事情吗?我可以运行自己的示例并执行基于命令行文本的游戏之类的操作吗?

0 投票
4 回答
8533 浏览

javascript - 从 Maya 场景到 WebGL 动画,从哪里开始?

我有一些时间,我真的很想学习将我的 Maya 动画场景放入 WebGL。我不确定从哪里开始。如果我可以制作一个 Canvas 元素并将 Maya 场景放入其中以使其具有动画效果,那就太棒了。有没有人有教程或一些提示?

PS。也欢迎回答有关 3ds Max 的问题!

0 投票
2 回答
2771 浏览

opengl-es - 颜色属性在 VBO 中如何工作?

我正在编写 OpenGL ES 2.0 (Webgl)。我正在使用 VBO 来绘制图元。我有顶点数组、颜色数组和索引数组。我查看了示例代码、书籍和教程,但有一件事我没有得到 - 如果每个顶点定义颜色,它如何影响与这些顶点相邻的多边形表面?(我是 OpenGL(ES) 的新手)

我会用一个例子来解释。我有一个立方体要画。从我在 OpenGLES 书中读到的内容,颜色被定义为顶点属性。在这种情况下,如果我想用 6 种不同颜色绘制立方体的 6 个面,我应该如何定义颜色。我困惑的根源是:每个顶点对 3 个面来说是共有的,那么它将如何帮助定义每个顶点的颜色呢?(或者应该按索引定义颜色?)。我们需要将这些面细分为三角形,这让我更难理解这种关系是如何运作的。边缘也有同样的困惑。假设我想使用 LINES 基元绘制边缘,而不是绘制三角形。每个边缘的颜色不同。在这种情况下我应该如何定义颜色属性?

我见过很少的工作示例。特别是本教程:http ://learningwebgl.com/blog/?p=370

我看到在上面的示例中如何定义颜色数组以绘制具有 6 个不同颜色面的立方体,但我不明白为什么要这样定义。(例如,为什么每种颜色都被复制 4 次到 unpackedColors 中?)

有人可以解释颜色属性在 VBO 中是如何工作的吗?

[上面的链接好像无法访问,所以我将相关代码贴在这里]

0 投票
3 回答
2487 浏览

canvas - 你如何检索 WebGL 位图数据?

可以检索位图数据 HTML Canvas 2D 元素,是否也可以将 Canvas 3D / WebGL 元素的渲染内容作为位图数据访问?