如何添加GLSL片段着色器音频可视化

文章/答案/技术大牛

发布

1回答

javascript、audio、glsl、webgl、visualization

我想添加一个Audio()对象作为GLSL片段着色器的输入。就是一个这样的例子。我知道这种事情可以通过波形分析在Canvas 2d中完成，但这种opengl方法要流畅得多。something like this */ShaderToy示例中的着色器接受浮点作为快速傅立叶变换Iv搜索了MDN，但不知道如何合并，iv也查看了

浏览 14提问于2019-07-20得票数 0

回答已采纳

1回答

对于那些不熟悉ShaderToy的人来说，它是一个基于web的GLSL片段着色器编辑器。你的着色器被渲染在一个2D平面上(不是完整的3D模型)，这对我的目的来说是完美的，因为我想用它来测试2D游戏中的着色器。ShaderToy也有一个很好的好处，因为它允许你分享你的着色器和看到别人的着色器。 ShaderToy本身在我尝试着色器方面做得很好，但是缺乏加载自定义纹理的能力是有限的。我真的很想试着用我的手来编写使用普通地图的着色器，但是如

浏览 0提问于2015-10-09得票数 1

1回答

使用Three.js制作大量二维矩形的最佳方法是什么？

three.js、webgl

Three.JS在这里试图进行2d可视化。现在，ThreeJS是我选择的一个库，因为它很受欢迎(顺便说一句，我确实看过PixiJS，它的api对我没有吸引力)。

浏览 3提问于2014-04-24得票数 0

回答已采纳

1回答

纹理是将音频数据传输到GLSL的唯一方法吗？

javascript、glsl、webgl

我偶然看到一篇文章，其中一位开发人员正在使用着色器编程构建一个音乐可视化工具。他通过纹理将音频信息传输到glsl。我想知道，数据通常只通过纹理提交，有没有其他方法可以将数据导入glsl，也许是顶点或其他什么？编辑:我注意到有一种叫做“制服”的东西，也许我可以把音频数据注入其中？

浏览 9提问于2018-12-20得票数 2

回答已采纳

1回答

在libGDX中将音频频谱作为纹理传递给着色器

kotlin、libgdx、glsl、shader

我正在使用libGDX开发一个音频可视化工具。uniform sampler2D iChannel0; 问题是，我不知道如何将任意数组作为纹理传递给libGDX中的着色器。

浏览 3提问于2020-01-02得票数 2

1回答

在MeshStandardMaterial中添加ID颜色映射

javascript、three.js、webgl、fragment-shader

我想将彩色ID映射添加到three.js中，类似于Substance中可用的技术：我设想最多有4个id映射可以包含在单个jpg图像中(每个通道)。每个通道都是应用颜色的alpha值，其中0x00不可见，0xFF完全可见。然后传递一个颜色参数(每个通道)并应用到片段着色器，在运行时更改颜色。

浏览 8提问于2017-10-27得票数 2

回答已采纳

1回答

如何处理Java 7 LWJGL着色器异常？

macos、java-7、lwjgl、jmonkeyengine

我尝试使用3D引擎和jmeplanet运行我的3d渲染，它显示启动启动屏幕并开始呈现3D场景，但是当启动控件并在游戏世界中移动时，它会崩溃，产生这个错误信息。你能帮我解释一下它的意思吗？这些项目在MS-Windows8.1上运行正常(但它在Ubuntu上也有第二个不同的堆栈跟踪)。

浏览 3提问于2014-04-26得票数 0

回答已采纳

1回答

在three.js中向ShaderMaterial添加光源

javascript、three.js、shader、lighting

如果我错了，请纠正我，但我相信添加照明的下一步将是将MeshLambertMaterial中使用的和着色器代码与我的自定义着色器代码合并。// my custom shader code bef

浏览 13提问于2016-07-22得票数 0

回答已采纳

1回答

阴影玩具的音频着色器是如何工作的？

javascript、webgl、shader

我想知道流行的基于webGL的着色器工具的音频着色器是如何工作的，因为当我显然听说过“普通”GLSL着色器时，我第一次听说了用于程序生成音频的着色器，我很惊讶。有什么线索吗？

浏览 1提问于2016-01-18得票数 33

回答已采纳

2回答

如何将片段着色器仅应用于OpenGL中的一个对象？

c++、opengl

通过我所见过的所有教程，它们演示了如何使用片段着色器来设置视图中所有对象的颜色。我还没有发现的是如何在其中一个对象上使用片段着色器，为不同的对象提供不同的颜色。你怎么做到的？我已经发现了如何使用固定的图形管道设置每个对象(房屋主体、窗户等)的颜色，我只是不明白如何使用片段着色器设置颜色。任何澄清都将不胜感激，包括如果我误解了什么，请纠正。

浏览 3提问于2012-11-06得票数 7

回答已采纳

2回答

OpenGL遗留函数会在一个程序中与GLSL一起工作吗？

opengl

我试图扩展一个使用OpenGL遗留函数的程序，例如glOrtho，但我想使用GLSL。我可以简单地使用GLSL添加新功能并与旧函数一起工作吗？还是我必须将它们全部重建成GLSL着色器的一部分？如果我只是倾向于修改片段着色器，我是否需要重建涉及顶点着色器的函数？

浏览 4提问于2016-05-08得票数 0

回答已采纳

1回答

如何从片段着色器中向浮点纹理添加值？

opengl、floating-point、glsl、textures、fragment-shader

在GLSL中可以从片段着色器中添加浮点纹理吗？例如，如果我只想知道为一个像素调用片段着色器的频率，我是否可以编写一个片段着色器，将相应的浮点纹理像素加1？因为我只知道如何设置输出值，然后它只是覆盖旧值，或者以某种方式字母混合，我认为这是一个加权乘法，不能用于相加。

浏览 0提问于2012-06-20得票数 0

回答已采纳

2回答

如何编写通用GLSL着色器来着色对象

opengl、glsl、shader

我的想法是使用GLSL着色器来添加选定的颜色。如何在片段着色器中获得像素的“原始”颜色？我可以在纹理中查找颜色，但是当有多个纹理时呢？

浏览 0提问于2011-01-13得票数 0

回答已采纳

2回答

JME3 -展开三个以上的纹理

java、jmonkeyengine

下面的教程解释了如何使用高度贴图执行基本的纹理散布。我能够遵循这个教程和练习，取得了很好的结果。然而，我想知道如何添加三个以上的纹理。

浏览 0提问于2012-01-24得票数 5

回答已采纳

1回答

GLSL着色器检测

opengl、glsl

我试图添加GLSL着色器，我成功地增加了每一个片段的照明，但它可以从几何动态分离着色器，并获得OpenGL的基本效果。

浏览 0提问于2014-02-19得票数 0

回答已采纳

1回答

在Mac上设置GLSL版本

macos、opengl、glsl

如何在Mac上设置GLSL版本？这有可能吗？我正在运行一个片段着色器，并且想要创建一个vec3s数组，但是着色器编译器生成了一个错误，表明我需要使用更高版本的GLSL。具体的错误是谢谢你的帮助。

浏览 8提问于2011-08-29得票数 5

回答已采纳

1回答

将变量传递给OpenGL GLSL着色器

iphone、opengl-es、glsl

我正在编写一个iPhone应用程序，它使用GLSL着色器在纹理上执行变换，但有一点让我感到有点困难，那就是将变量传递给我的GLSL着色器。我读到有可能让着色器读取OpenGL状态的一部分(我只需要对此变量的只读访问权限)，但我不确定这种交换将如何发生。简而言之，我正在尝试获得一个在片段着色器外部创建的浮点值，以便片段着色器可以访问(无论它是传入还是从着色器内部读取)。感谢您能提供的任何帮助

浏览 3提问于2010-07-12得票数 37

回答已采纳

2回答

在GLSL 120中仿真GLSL平面限定符

opengl、glsl

我想模仿平阴影在GLSL着色器。通常，我会通过使用flat限定符传递法线来防止片段着色器中的插值。但是，GLSL 120上没有flat。我如何在不复制顶点数据的情况下模仿它呢？

浏览 0提问于2012-03-15得票数 3

回答已采纳

5回答

WebGL/GLSL - ShaderToy是如何工作的？

javascript、glsl、webgl、fragment-shader、shadertoy

最近，为了更多地了解更多关于OpenGL和GLSL的知识，我一直在周旋于OpenGL和GLSL。一旦完成，用户就必须在OpenGL程序编译之前至少提供一个顶点着色器程序和一个片段着色器程序。然而，当我查看Shadertoy上的代码示例时，我只看到过一个着色器程序，而且大多数使用的几何图形看起来都是直接写入GLSL代码中的。这是如何工作的呢？我的猜测是，顶点着色器已经预先准备好了，而可编辑/示例着色器只是一

浏览 4提问于2013-10-18得票数 68

回答已采纳

点击加载更多