debugging - 如何在 REGL 中调试 vert 和 frag

Question

我是 JavaScript 和 WebGL 编程的新手。我正在使用 REGL 编写一个 observablehq 笔记本。我的网址是https://observablehq.com/@listenzcc/simple-regl。

这是我的问题。

的代码vert和frag渲染就像

attribute vec2 position;
varying vec3 fcolor;
varying vec2 fpos;
uniform float offset;

void main() {
  fpos = position;
  fcolor = hsv2rgb(vec3(atan(position[1], position[0])*HALF_PI_INV + offset,1.0,1.0));
  gl_Position = vec4(position, 0.0, 1.0);
}

它似乎是.cpp格式，但它显示为纯文本。

问题是，当它出错时，没有任何关于哪条线不正确的信息。它只显示错误消息，如下所示：

编译顶点着色器时出错

总之，我完全不知道如何调试它。

那么，是否有一些解决方案来调试代码？

感谢您的时间^_^。