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

java - 这个游戏背后的语言是什么?

我偶然发现了这个用于浏览器的 GWT Quake 2 端口: http ://www.youtube.com/watch?v=fyfu4OwjUEI

它真的是用Java制作的吗?或者其他的东西,比如 JavaScript,因为它使用了 WebGL API?

0 投票
1 回答
877 浏览

cross-browser - 在哪里可以找到浏览器中 WebGL 支持的最新状态?

我在哪里可以找到定期更新的表格,显示哪些浏览器支持 WebGL 以及何时支持它们?

0 投票
4 回答
18358 浏览

javascript - Javascript 和 WebGL,外部脚本

只是好奇; 如何将我的 webgl 着色器放在外部文件中?

目前我有;

在我的 html 标头中,如何从外部文件中链接?- 我尝试了通常的 javascript 方法;

0 投票
3 回答
13166 浏览

webgl - 使用支持 WebGL 的浏览器查看 VRML 文件

我有一个生成 VRML 1.0 文件的旧应用程序。我想构建一个可以显示这些 VRML 文件的基于 WebGL 的 Web 界面。有没有简单的方法可以做到这一点?

编辑:指定它们是 VRML 1.0。

0 投票
1 回答
1068 浏览

glsl - GLSL 着色器和 WebGL 问题

我创建了一个在 Firefox 中完美运行的着色器,但在 Chrome 中,片段和顶点着色器无法链接。它们编译得很好,但是在链接部分出现了问题。我已将问题定位在闲置的代码中:

这段代码计算点光源反射的漫反射颜色。它是更大的 for 循环的一部分。如此处所示,它根本不会链接,但如果我从计算 att 中删除 uLightAttenuation,如下所示:

它工作得很好。如果我用任何其他制服替换它,比如 uLightIntensity,

再次它不会工作。如果我用一个简单的常量值/浮点变量替换它,奇怪的是它可以编译。更奇怪的是,如果我从计算颜色中删除 att,但将制服保持在当前位置,它运行得很好:

制服是一个浮点值,即使它是类型转换的问题,它也应该在编译时失败,而不是链接。
这是完整的着色器,也许我在代码的其他地方遗漏了一些东西。

片段着色器
顶点着色器

0 投票
7 回答
23319 浏览

web-applications - WebGL 中的顶点有限制吗?

Three.js 说它不能加载超过 65k 的顶点。

在我的纯 webgl 应用程序中,它什么也没说,但是当我尝试大对象时它不会显示整个对象。

我可以将我的对象分割成更小的缓冲区,但这会让我感到难过。

有没有更好的解决方案?65k 真的是顶点的限制数量吗?

0 投票
1 回答
723 浏览

webgl - GLGE:阴影

我热衷于 webgl 和 GLGE 框架。我不能让我的立方体在飞机上投下阴影。我从 GLGE 阴影演示中复制了光的定义,但我仍然看不到阴影。

在 GLGE 中使对象投影时我应该考虑什么?

0 投票
2 回答
7491 浏览

html - CANVAS 2D 上下文中的纹理

刚开始尝试填充画布,我正在尝试将纹理应用于对象(来自 blob 示例的 blob - http://www.blobsallad.se/)。此示例使用 2D 上下文,并且似乎没有实现 webGL。我能找到的所有关于纹理的信息都使用了 webGL,我想知道实现这一壮举有多容易。无论如何我可以在不重写代码的情况下将 webGL 的纹理功能合并到这个画布中吗?总而言之,我想这个问题是在询问 2D 上下文可用的方法是否也可用于 webGL 上下文......如果是这样,我想我可以更改上下文并应用我的纹理?如果我认为这一切都是错误的或在概念上感到困惑,请告诉我。

谢谢,布兰登

0 投票
2 回答
10046 浏览

javascript - body onload="" 找不到函数

我正在尝试使用 philogl 库的东西,当我写的时候,

一切正常,但是如果我在其中写一些 phillogl 之类的,

chrome 和 firefox 给我一个错误,说 webGLStart() 没有定义。我的代码有什么问题?

0 投票
1 回答
1390 浏览

image - 在 WebGL 中使用深度图像数据构建 3D 模型

我有一个图像,它是来自 Kinect 相机的 RGB 和深度数据的组合。

如果可能的话,我想做两件事,都在 WebGL 中:

  1. 从深度数据创建 3D 模型。
  2. 将 RGB 图像作为纹理投影到模型上。

我应该看哪个 WebGL JavaScript 引擎?有没有类似的例子,使用图像数据构建 3D 模型?

(问的第一个问题!)


发现使用 Photoshop 中的 3D 工具很容易(3D > New Mesh From Grayscale):http ://www.flickr.com/photos/forresto/5508400121/