Astro、MDX 与 Shader - 🐱 寒冰是喵喵

下面的 ShaderBox 将 GLSL 保存在 MDX 文档内，在源码下方提供内联预览，并通过 overlay 开关提供“应用到页面”按钮。

全局 Shader可应用到整个页面

#version 300 es
precision highp float;

uniform vec2 u_resolution;
uniform float u_time;

out vec4 fragment_color;

void main() {
    vec2 uv = gl_FragCoord.xy / u_resolution;
    vec3 color = 0.5 + 0.5 * cos(u_time + uv.xyx * 6.28318 + vec3(0.0, 2.0, 4.0));

    fragment_color = vec4(color, 0.3);
}