Viewing Program

Program Data

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

Title	GLSL Demo
ID	6453713934385152
Created	7 years ago, 1541457711364
Updated	7 years ago, 1541607610310
Code	var cnv, pjs, gl; var program; // jshint multistr: true var frag = "\ precision mediump float;\n\ \ #define CS(th) sin(vec2(1.57079, 0.)+(th)vec2(-1., 1.))\n\ \ uniform float time;\ uniform vec2 resolution;\ \ vec2 df(in vec3 p, in float t){\ float dt=t;\ t = step(t, 1.0);\ \ p.xy = vec2(p.x+p.y, p.x-p.y)/1.41;\ vec2 cs = CS(p.x(2.25-t));\ \ float st=sin(3.0dt+p.x2.0+p.z);\ \ float od = length(p.yz)+(0.2+t0.6)p.xp.x-1.0;\ float id = 1.0;\ \ vec3 sp = vec3(p.ycs.x-p.zcs.y, p.x0.85, p.ycs.y+p.zcs.x);\ sp.x=length(sp.xy)-(1.1+t0.15+t0.1st);\ float o1 = sqrt(sp.xsp.x+sp.zsp.z(0.15+t0.2))-(0.25-t0.08+(1.0-t)0.05);\ \ if (o1 < od) {\ od = o1;\ id = 2.0;\ }\ \ if (od < 0.1){\ vec2 ep = vec2(1., -1.);\ float factor = 0.6 - 0.1 (t(2.0-id) + (1.0-t)(id-1.0));\n\ ep = 14.0-10.0factor;\ float scale = 0.015factor+0.003;\ \ od += scale (sin(dot(p, ep.xxx)) + \ sin(dot(p, ep.xyy)) + \ sin(dot(p, ep.yxy)) + \ sin(dot(p, ep.yyx)));\n\ scale = factor;\ ep = ep 2.33;\ od += scale * (sin(dot(p, ep.xxx)) + \ sin(dot(p, ep.xyy)) + \ sin(dot(p, ep.yxy)) + \ sin(dot(p, ep.yyx)));\n\ scale = factor;\ ep = ep 2.67;\ od += scale * (sin(dot(p, ep.xxx)) + \ sin(dot(p, ep.xyy)) + \ sin(dot(p, ep.yxy)) + \ sin(dot(p, ep.yyx)));\n\ scale = factor;\ ep = ep 3.0;\ od += scale * (sin(dot(p, ep.xxx)) + \ sin(dot(p, ep.xyy)) + \ sin(dot(p, ep.yxy)) + \ sin(dot(p, ep.yyx)));\n\ }\ \ return vec2(od, id);\ }\ vec3 col(in float id, in float t){\ if (id > 1.5){\ return vec3(1.0, 0.95, 0.8);\ } else {\ if (t > 0.0)\ return vec3(0.3, 0.9, 1.0);\ else\ return vec3(0.45, 0.9, 0.4);\ }\ }\ \ vec3 surf(in vec3 p, in float t){\ vec2 eps = 0.01 * vec2(-1.0, 1.0);\ return normalize(df(p+eps.xxx, t).xeps.xxx + df(p+eps.xyy, t).xeps.xyy + \ df(p+eps.yxy, t).xeps.yxy + df(p+eps.yyx, t).xeps.yyx);\ }\ \ vec3 trace(in vec3 origin, in vec3 direction, in float t) {\ vec3 point = origin;\ vec3 color = vec3(1.0);\ vec3 idir = normalize(origin);\ \ for (int i = 0; i < 3; i++){\ float id = 0.0;\ float distance;\ \ int _i=0;\ for (int j = 0; j < 80; j++){\ vec2 sample = df(point, t);\ distance = sample.x;\ id = sample.y;\ \ point += direction * distance0.95;\ if (abs(distance) < 0.002) break;\ if (distance > 5.0) break;\ _i=j;\ }\ \ vec3 bg = vec3(0.9, 0.5, 0.6);\ if (t < 0.0)\ bg = vec3(0.8, 0.6, 0.5);\ \ if (distance > 5.0){\ if (i == 0) return bg sqrt(float(_i)-distance0.15) 0.1;\ \ float dp = dot(idir, direction);\ color = (0.25+0.3pow(dp, 8.0)+0.4dp);\ return color/0.8;\ }\ \ vec3 normal = surf(point, t);\ \ float ao = df(point + normal 0.1, t).x / 0.1 * 0.5 +\ df(point + normal * 0.2, t).x / 0.2 * 0.33 +\ df(point + normal * 0.4, t).x / 0.4 * 0.25 +\ df(point + normal * 0.8, t).x / 0.8 * 0.2;\ ao = min(1.0, max(0.0, ao/1.25));\ \ color = ao(colorcol(id,t)0.8 + bg0.5) + (1.0-aoaoaoao)(bg)0.3;\ \ if (id > 1.5){\ direction = reflect(direction, normal);\ } else {\ color = (0.5+0.3dot(idir, normal));\ return color/0.8;\ }\ point += direction 0.05;\ }\ \ return vec3(0.0, 0.0, 0.0);\ }\ \ void main()\ {\ vec2 uv = (gl_FragCoord.xy - resolution.xy.5)/resolution.y;\ \ vec3 origin = vec3(0.0, 0.0, -4.1);\ vec3 dir = normalize(vec3(uv, 1.0));\ \ float stp = floor((uv.x+uv.y)16.0-16.0fract(sin(floor((uv.x)16.0))));\ float t = time * (1.0 - floor(2.0fract(time0.1+stp0.003))2.0);\ mat2 rot = mat2(cos(t), -sin(t), sin(t), cos(t));\ origin.xy = vec2(origin.x+origin.y, origin.x-origin.y)/1.41;\ origin.yz = rot;\ origin.xy = vec2(origin.x+origin.y, origin.x-origin.y)/1.41;\ \ dir.xy = vec2(dir.x+dir.y, dir.x-dir.y)/1.41;\ dir.yz = rot;\ dir.xy = vec2(dir.x+dir.y, dir.x-dir.y)/1.41;\ \ vec3 color = trace(origin, dir, t);\ \ gl_FragColor = vec4(color, 1.0);\ }"; var TArray = function(type){ return { fromArray: function(array){ return Object.constructor("array", "return new "+type+"Array(array)")(array); }, fromLength: function(length){ return Object.constructor("length", "return new "+type+"Array(length)")(length); } }; }; var Float32Array = TArray("Float32"); var getPJSContext = function(){ return this[["externals"]][["context"]]; }; var createCanvas = function(){ return this[["externals"]][["canvas"]][["ownerDocument"]][["createElement"]]("canvas"); }; var createShader = function(src, type){ var shader = gl.createShader(type \|\| gl.FRAGMENT_SHADER); gl.shaderSource(shader, src); gl.compileShader(shader); if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) { println("Shader error:\n" + gl.getShaderInfoLog(shader)); return void 0; } return shader; }; var createProgram = function(shaders){ var program = gl.createProgram(); for (var i in shaders){ gl.attachShader(program, shaders[i]); } gl.linkProgram(program); gl.useProgram(program); if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { println("Linker Error:\n" + gl.getProgramInfoLog(program)); return void 0; } return program; }; var setUniform = function(program, name, type, values){ type = "uniform" + type; if (gl[type]) { gl[type].apply(gl, [gl.getUniformLocation(program, name)].concat(values)); } else { println("No uniform type: " + type); } }; //Modified from code by Ben Burrill var loadExt = function(pid, callback) { var doc = (function(){return this[["document"]];})(); var jsonp = doc[["createElement"]]("script"); var id = "load"+pid; doc[id] = function(data) { delete doc[id]; jsonp.parentNode.removeChild(jsonp); callback(data.revision.code); }; jsonp.setAttribute("src", "https://www.khanacademy.org/api/labs/scratchpads/"+pid+"?callback=document."+id); doc.head.appendChild(jsonp); }; var loadShader = function(pid, callback){ loadExt(pid, function(code){ code = code.replace(/(\\/)\|(\/\)/g, ""); callback(code); }); }; var run = false; var glinit = function(fragsrc, vertsrc){ gl.viewport(0, 0, width, height); program = createProgram([ createShader(fragsrc, gl.FRAGMENT_SHADER), createShader(vertsrc, gl.VERTEX_SHADER) ]); var vertices = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, vertices); gl.bufferData( gl.ARRAY_BUFFER, Float32Array.fromArray([ -1, -1, 0, -1, +1, 0, +1, -1, 0, +1, -1, 0, -1, +1, 0, +1, +1, 0 ]), gl.STATIC_DRAW ); var position = gl.getAttribLocation(program, "a_position"); gl.enableVertexAttribArray(position); gl.vertexAttribPointer(position, 3, gl.FLOAT, false, 0, 0); }; var inited = false, init = function(){ if (inited){return;} inited=true; cnv = createCanvas(); cnv.width = width; cnv.height = height; pjs = getPJSContext(); var watt = { alpha: false, depth: true, stencil: false, antialias: true, premultipliedAlpha: false, preserveDrawingBuffer: true, failIfMajorPerformanceCaveat: true }; gl = cnv.getContext("webgl", watt) \|\| cnv.getContext("experimental-webgl", watt) \|\| cnv.getContext("webgl2", watt) \|\| cnv.getContext("experimental-webgl2", watt); glinit(frag, "attribute vec4 a_position;void main(){gl_Position = a_position;}"); run=true; }; var ms=0, time = 0; var draw = function() { init(); if (!run) {ms=millis(); return;} var tms = millis(); time += tms - ms; ms = tms; setUniform(program, "time", "1f", [time/1000]); setUniform(program, "resolution", "2fv", [[width, height]]); gl.clearColor(0.85, 0.85, 0.95, 1.0); gl.clear(gl.COLOR_BUFFER_BIT \| gl.DEPTH_BUFFER_BIT); gl.drawArrays(gl.TRIANGLES, 0, 6); pjs.drawImage(cnv, 0, 0); }; var mousePressed = function(){ run =! run; };
Folds	160,169,172,174,175,177,178,187,188,204,205,212,215,225,226,231,309,311
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKr05bO7Cww
Votes	179
Spin-Offs	9
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"5603465210036224","title":"New Program","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	◄▓▒░Swax97░▒▓►
Author Name	swax97
Author ID	kaid_923591327600038001835478
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739458035480
Updated	10 months ago, 1739458041971
Source Deleted	unknown