问题标签 [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 投票
1 回答
832 浏览

webgl - 如何开始使用 WebGL

如何开始编程 WebGL

0 投票
3 回答
7049 浏览

javascript - 在 JavaScript 中使用 WebGL 着色器语言 (GLSL) 进行任意向量​​数学

WebGL 着色器语言 (GLSL) 是一个非常强大的多维向量数学工具。

是否有可能使用 JavaScript(在 Web 浏览器中运行)的强大功能进行私人非 3D 计算?获取数据是可能的,但是在着色器计算完成后有什么方法可以将数据输出到 JavaScript 中?

不需要实际绘图,只需要计算向量。(我在玩用 JavaScript 编写的硬件加速重力模拟器的想法。)

谢谢你!


新闻中:Khronos 似乎正在开发WebCL,它将成为OpenCL的 JavaScript 可访问版本。这正是我正在寻找的,但需要一些时间......

0 投票
1 回答
2345 浏览

glsl - 使用 gl_FragCoord 在四边形中创建一个洞

我正在学习 WebGL,并想做以下事情:

使用片段着色器创建一个带有方孔的 3D 四边形。

看来我需要gl_FragColor根据gl_FragCoord适当的设置。

我也应该:

a)gl_FragCoord从窗口坐标转换为模型坐标,进行适当的几何检查,并设置颜色。

或者

b)以某种方式将孔信息从顶点着色器传递到片段着色器。也许使用纹理坐标。我不清楚这部分。

我对实现上述任何一个都模糊不清,所以我会在其中任何一个上获得一些编码提示。

我的背景是一个 OpenGL 的老前辈,他没有跟上新的着色语言范式,现在正试图赶上……

编辑(2011 年 3 月 27 日):

我已经能够根据 tex coord 提示成功实现上述内容。我在下面的链接中写了这个例子:

带孔的四边形 - 示例

带孔的四边形 - 示例

0 投票
2 回答
948 浏览

javascript - 用于 WebGL 开发的 GLGE、SceneJS 或 WebGLU?

我正在寻找使用 WebGL 进行一些开发,
主要用于演示和导航目的(比如展示可能导航的房子)

我想知道是否有人对这些
具有最快学习曲线以及强大的开发社区的库有经验?

0 投票
1 回答
103 浏览

javascript - 如何在 WebGL 中通过输入搜索找到点?

我将使用搜索输入创建 3D 地球。有人可以指导如何使用 WebGL 编写通过输入搜索找到点(确切位置点)的代码吗?

0 投票
1 回答
4033 浏览

javascript - 如何在 WebGL 中实现类似动画的隧道?

如何在 WebGL 中实现类似动画的隧道?

在此处输入图像描述

来源:http ://dvdp.tumblr.com/

另请参阅:如何在 WebGL 中实现这种旋转螺旋?

0 投票
2 回答
679 浏览

javascript - javascript矩阵指数,ala cv :: Rodrigues()?

有谁知道在 javascript 中执行矩阵指数的现有代码?

或者,如果不是,那么编写类似内容的“最佳实践”是什么?我已经习惯了 C++ 和 Matlab,最近几天只是尝试破解一些 WebGL 的东西......

0 投票
1 回答
1124 浏览

webgl - 如何通过 WebGL 使用 OpenGL 4 功能

我想使用来自 WebGL 的 OpenGL 4 的一些功能(特别是曲面细分着色器和更新的着色器语言版本)。这是否可能,以符合标准的方式或骇人听闻的方式?我可以使用一些神奇的值来代替 gl.FRAGMENT_SHADER 来告诉底层 GL 实现编译曲面细分着色器吗?

0 投票
6 回答
2660 浏览

javascript - HTML5/WebGL 上 MMO 3D 游戏的可行性

我不知道是否有人考虑过这一点,但魔兽世界、天堂 II 或永恒之塔等游戏是否可以通过 WebGL 使用浏览器前端?如果我想用这些新技术制作一款成熟的游戏,我必须考虑哪些事情?此外,什么是一个好的起点?

0 投票
2 回答
7779 浏览

javascript - 如何在 WebGL 中为对象设置动画(修改特定顶点而不是完整变换)

好的,

我是 3D 图形的新手,我想为模型中的单个特定顶点设置动画(不是整个模型变换)。我的脚本主要基于 NEHE webgl 教程。在本教程中,所有对象顶点都存储在缓冲区中,该缓冲区在程序第一次运行时初始化一次。下面是初始化代码: *注意 vertices 包含一个顶点数组

现在因为这些是在开始时初始化的,显然更改顶点数组将无济于事。所以我想知道如何在实时修改顶点的同时保持足够高效以平稳运行的最佳方法是什么。

是否可以以某种方式重新绑定缓冲区,例如在每个动画滴答时再次运行此代码?

干杯,J