JSFiddle - React, Tailwind, and code Playground

by jpeter06

HTML

<h3>
asdfas
</h3>

JavaScript

const canvas = document.createElement('canvas');
document.body.appendChild(canvas);
gl = canvas.getContext('webgl')
let vert = gl.createShader(gl.VERTEX_SHADER);
gl.shaderSource(vert, "uniform vec2 resolution; \nvoid main(void) {\n   gl_Position = vec4( position, 1.0 );\n}");
gl.compileShader(vert);

let frag = gl.createShader(gl.FRAGMENT_SHADER);
gl.shaderSource(frag, "precision highp float;\nvarying vec2 test;\nvoid main() {    float red = mod(gl_FragCoord.y, 100.) * 0.01; float green = mod(gl_FragCoord.x + gl_FragCoord.y, 100.) * 0.01; float blue = mod(gl_FragCoord.y, 100.) * 0.01;\n\t gl_FragColor = vec4(red,green,blue, 1.);\n}");
gl.compileShader(frag);

let program = gl.createProgram();
gl.attachShader(program, vert);
gl.attachShader(program, frag);

gl.linkProgram(program);
gl.useProgram(program);