Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Here
ID	5928707400318976
Created	11 months ago, 1706065378257
Updated	5 months ago, 1722689211521
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Here</title> <style> #gl-canvas { display: none; overflow:hidden; } canvas{ } { overflow:hidden; margin: 0px 30px; background: black; } </style> </head> <body> <canvas id = 'canvas' width = '400' height = '400'></canvas> <canvas id = 'gl-canvas' width = '400' height = '400'></canvas> <div style="position: absolute; left: 10px; top: 10px; width:200px; height:100px; background-color: white;" id="consol"> </div> <script id = 'vertex-shader' type = 'glsl'>#version 300 es in vec2 aPosition; out vec2 pos; void main() { pos = aPosition; gl_Position = vec4(aPosition, 0, 1); } </script> <script> </script> <script id = 'fragment-shader' type = 'glsl'>#version 300 es precision mediump float; uniform vec2 u_resolution; uniform float drawx; uniform float drawy; uniform float iTime; out vec4 fragColor; void main() { vec2 iResolution = vec2(400.0,400.0); vec2 uv = 1.0(gl_FragCoord.xy-iResolution.xy*0.5)/-iResolution.x; fragColor.rgb = vec3(abs(uv.x),abs(uv.y),0.0); fragColor.a=1.0; } </script> <script type = 'module'> const canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'); var mouseX=0,pmouseX=0,mouseY=0,pmouseY=0,clicked=false,key={}; window.addEventListener("mouseover", event => { pmouseX = mouseX; pmouseY= mouseY mouseX = event.pageX; mouseY = event.pageY; }); window.addEventListener("mousemove", event => { pmouseX = mouseX; pmouseY= mouseY mouseX = event.pageX; mouseY = event.pageY; }); document.getElementById("consol").style = "display:none"; function createShader(gl, type, source) { const shader = gl.createShader(type); gl.shaderSource(shader, source); gl.compileShader(shader); if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) { document.getElementById("consol").innerHTML = gl.getShaderInfoLog(shader); document.getElementById("consol").style = "position: absolute; left: 10px; top: 10px; width:200px; height:100px; background-color: white;"; } return shader; } function createProgram(gl, vs, fs) { const program = gl.createProgram(); gl.attachShader(program, vs); gl.attachShader(program, fs); gl.linkProgram(program); return program; } function main() { const glCanvas = document.getElementById('gl-canvas'), gl = glCanvas.getContext('webgl2'); const vertexSource = document.getElementById('vertex-shader').textContent, fragmentSource = document.getElementById('fragment-shader').textContent; const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource), fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource); const program = createProgram(gl, vertexShader, fragmentShader); const aPosition = gl.getAttribLocation(program, 'aPosition') const drawx = gl.getUniformLocation(program, "drawx"); const drawy = gl.getUniformLocation(program, "drawy"); const iTime = gl.getUniformLocation(program, "iTime"); const positions = new Float32Array([-1, -1, -1, 3, 3, -1]); var mousex=0; var mousey=0; var now; var frameCount=0; for (let i = window.requestAnimationFrame(function() {}); i > 0; i--) { window.cancelAnimationFrame(i); } const posBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, posBuffer); gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW); gl.viewport(0, 0, 400, 400); gl.clearColor(0, 0, 0, 1); gl.useProgram(program); gl.enableVertexAttribArray(aPosition); gl.vertexAttribPointer(aPosition, 2, gl.FLOAT, false, 0, 0); gl.clear(gl.COLOR_BUFFER_BIT); ctx.font = "30px monospace"; ctx.fillStyle = 'rgb(225,25,25)'; var pretime; function render() { pretime = performance.now(); window.requestAnimationFrame(render); frameCount++; gl.uniform1f(drawx, -mouseX); gl.uniform1f(drawy, -mouseY); gl.uniform1f(iTime, frameCount); gl.drawArrays(gl.TRIANGLES, 0, 3); ctx.drawImage(glCanvas, 0, 0); } render(); } main(); </script> <script></script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMuUjITECgw
Votes	7
Spin-Offs	5
Type	WEBPAGE
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Bearkirb314🐻❄️
Author Name	BearKirb314
Author ID	kaid_375460112550893828689953
Author Profile Access	PUBLIC

Archive Data

Added	23 days ago, 1734464210312
Updated	23 days ago, 1734464252093
Source Deleted	unknown