在OpenGL中，采样纹理时，定位使用的精度或格式是多少？ 详细说明：当在着色器中使用texture(sampler, vTextureCoordinates)进行采样时，例如precision highp float ，两个 float32+ go 中。但是，该精度用于对纹理进行采样，还是会降级 ...
我正在做一个 ThreeJs 项目，该项目需要在片段着色器中完成一些繁重的工作，所以我正在寻找一种方法来在设备无法处理工作时使用较低的质量。 纯属偶然，我最近在我的着色器代码中加入了一个“uint”制服，发现它无法在旧设备上运行。 因此，WebGL2 的可用性成为一个明显且好的开关。 问题是 Web ...
画好三角形后想用readPixels方法获取像素信息，但是用下面的代码获取不到。 const gl = document.querySelector("canvas").getContext("webgl2", { preserveDrawingBuffer: true }); render(); ...
我正在尝试在网站上使用 WebGL 2，但我似乎可以让它在我的 PC 上运行。 说它不可用。 我不知道它是图形驱动程序还是 OpenGL 的版本，但这里有一些信息。 任何帮助将不胜感激。 这是我的硬件。 Chrome 版本： Version 108.0.5359.98 (Official Buil ...
我得到了聚光灯。 我削减了代码中最感兴趣的部分。 它几乎都与帧缓冲区有关： App.operation.draws.drawSquareTex = function(object) { var lighting = true; // eslint-disable-next-line no- ...
我试图在传递给片段着色器后更改纹理的颜色映射，但我遇到了一种饱和度问题，即生成的纹理的某些区域。 这是我的片段着色器： 在 Javascript 代码中，我有以下 colorMap（我只提取了需要的部分）： 以下是我设置 UBO 的偏移量和索引的方式： 在代码的后面，在 draw() 方法中检索 ...
最初我正在使用 2D 纹理，一切都很好，因为我们被允许使用UNPACK_FLIP_Y_WEBGL 。 但是，在 WebGL2 中，我们现在可以使用 3D 纹理。 问题是我的 output 仍然是颠倒的，现在UNPACK_FLIP_Y_WEBGL对于 3D 纹理被标记为illegal 。 有谁知道如 ...
我正在尝试创建一个 WebGL 着色器，它可以在同一个绘制调用中同时处理 output 实心矩形和空心矩形（具有固定的边框宽度），到目前为止，我想到的最好的方法是如下： 在顶点着色器中，传入一个统一值uniform float borderWidth 然后在片段着色器中，我需要一个坐标空间，它是x ...
我知道在 C 或 C++ 中，您可以使用long Eg 来查看乘法溢出了多少int[] multiply(int a, int b){ long long r = a * b; int result = r; int overflow = r >> 32; return ...
我通过 TypeScript 在 WebGL2 代码中使用带有 3D 纹理数据的 GLSL 着色器。 我的纹理数据包含单通道样本，不同的数据源使用不同位宽的样本（u8、u16、u32、f32）。 不幸的是，我无法让R8以外的纹理格式正常工作（Windows 10 上的 64 位 Chrome v10 ...
目前使用 webgl 通过渲染到纹理来实现 gpgpu 排序器。 虽然我有一个工作排序器，但我很难比较它的执行时间，尤其是将它与默认的 js 排序进行比较。 对于 gpu 排序，我有 3 个主要功能： initGpu(..) - 设置纹理、缓冲区、帧缓冲区等。 sortGpu(..) - 设置制 ...
演示https://codepen.io/Andreslav/pen/wvmjzwe 方案：左上 - 原件。 右上角 - 结果。 右下角 - 提取颜色时的舍入坐标。 问题可以通过这种方式解决，但是结果不太平滑： 如何让它变得更好？ 让它在计算平均颜色时，程序忽略透明像素的颜色？ 可能有些设置我没 ...
我需要在片段着色器中使用诸如textureSize()类的函数，但它们在 GLSL 100 中不可用，这是 PIXI 默认使用的。 如果我尝试使用它们，我会得到一个错误： "textureSize'": no matching overloaded function found 如果我尝试将#ver ...
我目前正在学习 WebGL，我发现这个 api 实际上有 2 个变体 -> webgl 和 webgl2。 所以我会说webgl2是api的更新版本，因此最好从它开始。 但是我现在有点困惑，因为我看到的大多数教程和文档仍然使用 webgl。 根据我的发现，它们之间并没有太大的区别，而且 we ...
我目前正在迁移一些 WebGL 代码以使用 WebGL2 着色器。 我已将着色器更改为 es 300 语法，并系统地将 3D 引擎业务逻辑代码编辑到只有一系列 API 调用的地步，但我无法在渲染器中看到任何输出。 我没有收到任何着色器编译错误，并且清除视口很好，但是我没有看到绘图的任何几何输出。 ...
我正在尝试渲染很多对象。 它在 1 个对象上运行良好，而不是在多个对象上。 当环顾相机右侧时，它会导致一些顶点不被渲染： 但是当我看向相机的左侧时，它起作用了： 但实际上，它在象限中： 如果我尝试移动我的相机（假设向下 3 向左 1） 我尝试将“ gl.cullFace(gl.BAC ...
我正在尝试为对象创建纹理，但无论我的 MAG 和 MIN 过滤器有gl.LINEAR还是gl.NEAREST ，它都会显得模糊 这是我初始化纹理的地方（通过调用new Texture() ） class Texture { #texture; get texture() { ...
我有一个HTMLCanvasElement ，上面呈现了一些像素。 现在我想将其数据上传到另一个帧缓冲区（通过颜色附件纹理）。 gl.texImage2d(...otherArgs, canvasElement); 我想知道这个操作是否涉及 CPU/GPU 同步和内存复制（从 GPU 内存到 C ...
我很混乱， 我正在尝试使用鼠标和键盘控件（使用 WebGL2），并且我正在尝试使用以下四个功能旋转和移动相机： m4.rotateX(m, angleInRadians, dst); m4.rotateY(m, angleInRadians, dst); m4.rotateX(m, angleIn ...
我尝试遵循webgl2fundamentals中有关转换反馈的示例。 我的目标是以有两个程序的方式创建顶点位置的动画： 每帧进行动画计算并将输出写入缓冲区 使用具有来自第一个程序的计算值的缓冲区在屏幕上进行绘图。 我在 codesandbox 上制作了这个代码片段。 似乎第一个程序的 ...