jeffemmett
/
folk-canvas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use common vert shader

This commit is contained in:
Orion Reed 2024-12-01 21:32:34 -05:00
parent 10cd273481
commit cfa22df7c2
1 changed files with 6 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/distance-field.ts
View File

@ -76,9 +76,9 @@ export class DistanceField extends HTMLElement {
}; };
private initShaders() { private initShaders() {
this.jfaProgram = WebGLUtils.createShaderProgram(this.glContext, jfaVertShader, jfaFragShader); this.jfaProgram = WebGLUtils.createShaderProgram(this.glContext, commonVertShader, jfaFragShader);
this.seedProgram = WebGLUtils.createShaderProgram(this.glContext, seedVertexShaderSource, seedFragmentShaderSource); this.renderProgram = WebGLUtils.createShaderProgram(this.glContext, commonVertShader, renderFragShader);
this.renderProgram = WebGLUtils.createShaderProgram(this.glContext, renderVertShader, renderFragShader); this.seedProgram = WebGLUtils.createShaderProgram(this.glContext, seedVertShader, seedFragShader);
} }
private initPingPongTextures() { private initPingPongTextures() {
@ -387,7 +387,7 @@ export class DistanceField extends HTMLElement {
} }
} }
const jfaVertShader = vert`#version 300 es const commonVertShader = vert`#version 300 es
precision highp float; precision highp float;
in vec2 a_position; in vec2 a_position;
out vec2 v_texCoord; out vec2 v_texCoord;
@ -441,15 +441,6 @@ const jfaFragShader = frag`#version 300 es
outColor = nearest; outColor = nearest;
}`; }`;
const renderVertShader = vert`#version 300 es
in vec2 a_position;
out vec2 v_texCoord;
void main() {
v_texCoord = a_position * 0.5 + 0.5;
gl_Position = vec4(a_position, 0.0, 1.0);
}`;
const renderFragShader = frag`#version 300 es const renderFragShader = frag`#version 300 es
precision highp float; precision highp float;
@ -478,8 +469,7 @@ const renderFragShader = frag`#version 300 es
outColor = vec4(shapeColor * intensity, 1.0); outColor = vec4(shapeColor * intensity, 1.0);
}`; }`;
// Shader sources for seed point rendering const seedVertShader = vert`#version 300 es
const seedVertexShaderSource = vert`#version 300 es
precision highp float; precision highp float;
in vec3 a_position; // x, y, shapeID in vec3 a_position; // x, y, shapeID
@ -490,7 +480,7 @@ const seedVertexShaderSource = vert`#version 300 es
v_shapeID = a_position.z; // Pass shape ID to fragment shader v_shapeID = a_position.z; // Pass shape ID to fragment shader
}`; }`;
const seedFragmentShaderSource = frag`#version 300 es const seedFragShader = frag`#version 300 es
precision highp float; precision highp float;
flat in float v_shapeID; flat in float v_shapeID;