30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/defaultShaders.js:
--------------------------------------------------------------------------------
1 | export const _fragmentShaderC = `
2 | #ifdef GL_ES
3 | precision mediump float;
4 | #endif
5 |
6 | uniform vec2 u_resolution;
7 | uniform float u_time;
8 | uniform float u_vol;
9 |
10 | // main is a reserved function that is going to be called first
11 | void main(void)
12 | {
13 | vec2 normCoord = gl_FragCoord.xy/u_resolution;
14 |
15 | float time = u_time/5.0; //slow down time
16 |
17 | vec2 uv = -1. + 2. * normCoord;
18 | float r = sin(time + uv.x);
19 | // x is left to right, why we see red moving from right to left think about us as a camera moving around
20 | // sin returns a number from -1 to 1, and colors are from 0 to 1, so it clips to no red half the time
21 |
22 | float g = sin(-time + uv.y * 20.); // higher frequency green stripes
23 |
24 | float b = mod(uv.x / uv.y,1.0);
25 | // when x is eual to y the colors will be brighter, mod repeats the space
26 | // mod is like a sawtooth function
27 |
28 | vec4 color = vec4(r,g,b,1);
29 | gl_FragColor = color;
30 | }
31 |
32 | `;
33 |
34 | export const _vertexShaderC = `
35 | attribute vec2 aVertexPosition;
36 |
37 | void main() {
38 | gl_Position = vec4(aVertexPosition, 0.0, 1.0);
39 | }
40 |
41 | `;
42 |
43 |
--------------------------------------------------------------------------------
/edit.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Shader.Place
7 |
8 |
9 |
10 |
11 |
12 |
13 |
15 |
16 |
17 |
18 |