渲染后端加入

shaders/shape.frag

@@ -0,0 +1,8 @@
+#version 300 es
+precision highp float;
+in vec4 vColor;
+out vec4 fragColor;
+
+void main() {
+    fragColor = vColor;
+}

shaders/shape.vert

@@ -0,0 +1,13 @@
+#version 300 es
+precision highp float;
+layout(location = 0) in vec2 aPosition;
+layout(location = 1) in vec4 aColor;
+
+uniform mat4 u_viewProjection;
+
+out vec4 vColor;
+
+void main() {
+    gl_Position = u_viewProjection * vec4(aPosition, 0.0, 1.0);
+    vColor = aColor;
+}

shaders/sprite.frag

@@ -0,0 +1,21 @@
+#version 300 es
+precision highp float;
+in vec2 vTexCoord;
+in vec4 vColor;
+
+uniform sampler2D uTexture;
+uniform int uUseSDF;
+
+out vec4 fragColor;
+
+void main() {
+    if (uUseSDF == 1) {
+        float dist = texture(uTexture, vTexCoord).a;
+        float sd = (dist - 0.502) * 3.98;
+        float w = fwidth(sd);
+        float alpha = smoothstep(-w, w, sd);
+        fragColor = vec4(vColor.rgb, vColor.a * alpha);
+    } else {
+        fragColor = texture(uTexture, vTexCoord) * vColor;
+    }
+}

shaders/sprite.vert

@@ -0,0 +1,16 @@
+#version 300 es
+precision highp float;
+layout(location = 0) in vec2 aPosition;
+layout(location = 1) in vec2 aTexCoord;
+layout(location = 2) in vec4 aColor;
+
+uniform mat4 uViewProjection;
+
+out vec2 vTexCoord;
+out vec4 vColor;
+
+void main() {
+    gl_Position = uViewProjection * vec4(aPosition, 0.0, 1.0);
+    vTexCoord = aTexCoord;
+    vColor = aColor;
+}