代码之家 › 专栏 › 技术社区 › Asperger

从2018年开始在WebGL中加载着色器?[副本]

webgl2 webgl three.js javascript

Asperger · 技术社区 · 6 年前

<script id="fragmentShader" type="x-shader/x-vertex"> </script>
<script id="vertexShader" type="x-shader/x-vertex"></script>

在没有第三方工具的情况下,有没有其他方法可以在HTML中使用着色器?

1 回复 | 直到 6 年前

HugoTeixeira 6 年前

着色器代码必须以某种方式对WebGL代码可用,因此这里没有魔法。一些替代方案是:

. 在这种情况下,HTML将没有着色器,Javascript代码将通过异步调用来检索它们。这种方法的缺点是您可能有很多请求,并且页面加载时间可能会受到影响。
在Javascript代码中将着色器的源代码硬编码为字符串文本
wasm 文件 黄蜂 文件,将由浏览器直接处理。
. 您可以将着色器和Javascript代码分开并组织起来(例如,放入目录等)。然后可以使用Javascript工具包 Gulp 或 Grunt 处理代码并将它们合并到一个源文件中。你可以看看 source code of Three.js

推荐文章

Thomas_ · 德国劳埃德船级社。抽屉元素“找到”相应的顶点数组缓冲区?

7 年前

Thomas An · GLSL ES1.0并将纹理单元索引传递给片段着色器?

7 年前

greedsin · texImage2D:XMLHttpRequest之后的图像无效

7 年前

user2694310 · 不同平台/硬件的不同GL着色器结果(YUV到RGB)

7 年前

user3186555 · WebGL颜色约定-我使用哪种以及为什么?

7 年前

Elias · 在webgl中生成文本纹理:Alpha不透明

7 年前

x2dragunov2x · 每帧绘制一个持久三角形[重复]

7 年前

Dmytro · WebGL颜色缓冲区问题:[GL\u INVALID\u操作:glDrawArrays]

7 年前

umair.ashfr · 如何在我的系统上找到WebGL的最大纹理大小[重复]

7 年前

Elias · webgl 2d将两个透明纹理叠加在一起

7 年前