Viewing Program

Program Data

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

Title	New Webpage
ID	5620563683229696
Created	5 months ago, 1721353171574
Updated	5 months ago, 1721357117516
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>New Webpage</title> <style> html, body{ overflow: hidden; margin: 0px; width: 100%; height: 100%; } </style> </head> <body> <canvas id="canvas1" height="600" width="600"></canvas> <script type> //{ var canvas = document.getElementById("canvas1"); var ctx = canvas.getContext("2d", willReadFrequently=true); var focalLength = 4.06; var aperture = 0.1; var _sqrt = Math.sqrt; var _abs = Math.abs; var _sign = Math.sign; var _sin = Math.sin; var _cos = Math.cos; function dist(x1, y1, z1, x2, y2, z2){ if(arguments.length > 4){ return Math.sqrt((x1 - x2)(x1 - x2) + (y1 - y2)(y1 - y2) + (z1 - z2)(z1 - z2)); }else{ return Math.sqrt((x1 - z1)(x1 - z1) + (y1 - x2)(y1 - x2)); } } function fill(r, g, b, a){ if(b !== undefined){ if(a !== undefined){ ctx.fillStyle = "rgba(" + r + ", " + g + ", " + b + ", " + a/255 + ")"; }else{ ctx.fillStyle = "rgb(" + r + ", " + g + ", " + b + ")"; } }else{ if(g !== undefined){ ctx.fillStyle = "rgba(" + r + ", " + r + ", " + r + ", " + g/255 + ")"; }else{ ctx.fillStyle = "rgba(" + r + ", " + r + ", " + r + ")"; } } } function background(r, g, b, a){ ctx.save(); fill(r, g, b, a); ctx.fillRect(0, 0, 600, 600); ctx.restore(); } function stroke(r, g, b, a){ if(b !== undefined){ if(a !== undefined){ ctx.strokeStyle = "rgba(" + r + ", " + g + ", " + b + ", " + a + ")"; }else{ ctx.strokeStyle = "rgb(" + r + ", " + g + ", " + b + ")"; } }else{ if(g !== undefined){ ctx.strokeStyle = "rgba(" + r + ", " + r + ", " + r + ", " + g + ")"; }else{ ctx.strokeStyle = "rgba(" + r + ", " + r + ", " + r + ")"; } } } function rect(x, y, w, h){ ctx.fillRect(x, y, w, h); } function circle(x, y, r){ ctx.beginPath(); ctx.arc(x, y, r, 0, Math.PI2); ctx.fill(); } function line(x1, y1, x2, y2){ ctx.moveTo(x1, y1); ctx.lineTo(x2, y2); ctx.stroke(); } function quad(x1, y1, x2, y2, x3, y3, x4, y4){ ctx.beginPath(); ctx.moveTo(x1, y1); ctx.lineTo(x2, y2); ctx.lineTo(x3, y3); ctx.lineTo(x4, y4); ctx.fill(); } function pushMatrix(){ ctx.save(); } function popMatrix(){ ctx.restore(); } function translate(x, y){ ctx.translate(x, y); } function rotate(t){ ctx.rotate(tMath.PI/180); } function scale(x, y){ ctx.scale(x, y); } function mult3x3(m1, m2){ return [ (m1[0]m2[0] + m1[3]m2[1] + m1[6]m2[2]), (m1[1]m2[0] + m1[4]m2[1] + m1[7]m2[2]), (m1[2]m2[0] + m1[5]m2[1] + m1[8]m2[2]), (m1[0]m2[3] + m1[3]m2[4] + m1[6]m2[5]), (m1[1]m2[3] + m1[4]m2[4] + m1[7]m2[5]), (m1[2]m2[3] + m1[5]m2[4] + m1[8]m2[5]), (m1[0]m2[6] + m1[3]m2[7] + m1[6]m2[8]), (m1[1]m2[6] + m1[4]m2[7] + m1[7]m2[8]), (m1[2]m2[6] + m1[5]m2[7] + m1[8]m2[8]) ]; } function multVecMat3(v, m){ return [ v[0]m[0] + v[1]m[3] + v[2]m[6], v[0]m[1] + v[1]m[4] + v[2]m[7], v[0]m[2] + v[1]m[5] + v[2]m[8] ]; } function normalize(v) { var lv = 1 / Math.sqrt(v[0] v[0] + v[1] * v[1] + v[2] * v[2]); return [v[0] * lv, v[1] * lv, v[2] * lv]; } function reflect(v, n) { var dn = v[0] * n[0] + v[1] * n[1] + v[2] * n[2]; return [ v[0] - 2 * n[0] * dn, v[1] - 2 * n[1] * dn, v[2] - 2 * n[2] * dn ]; } function uniformVec() { var v = [random(-1, 1), random(-1, 1), random(-1, 1)]; while (true) { if (Math.sqrt(v[0] * v[0] + v[1] * v[1] + v[2] * v[2]) < 1) { return normalize(v); } v = [random(-1, 1), random(-1, 1), random(-1, 1)]; } } //From Levi function random(min, max){ return min + (Math.random()(max - min)); } function lerp(value1, value2, amt){ return ((value2 - value1)amt) + value1; }//} var sky = [0.8, 0.9, 1]; sky = [0, 0, 0]; function traceSphere(o, d, s, mat) { var oc = [o[0] - s[0], o[1] - s[1], o[2] - s[2]]; var a = d[0] * d[0] + d[1] * d[1] + d[2] * d[2]; var b = 2 * (d[0] * oc[0] + d[1] * oc[1] + d[2] * oc[2]); var c = (oc[0] * oc[0] + oc[1] * oc[1] + oc[2] * oc[2]) - s[3] * s[3]; var disc = b * b - 4 * a * c; var currT = (-b - Math.sqrt(disc)) / (2 * a); var h = disc > 0 && currT >= 0; if (h) { return [ h, currT, [ (o[0] + d[0] * currT - s[0]) / s[3], (o[1] + d[1] * currT - s[1]) / s[3], (o[2] + d[2] * currT - s[2]) / s[3] ], mat ]; } else { return [h, 100000, [0, 0, 0], null]; } } function traceScene(o, d, s) { var initT = 10000000; var currMat = sky; var n = [0, 0, 0]; var h = false; for (var i = 0; i < s.length - 1; i += 2) { var hit = traceSphere(o, d, s[i], s[i + 1]); if (hit[0] && hit[1] >= 0 && hit[1] < initT) { h = true; initT = hit[1]; n = hit[2]; currMat = hit[3]; } } return [h, initT, n, currMat]; } function pathTrace(o, d, s) { var col = [1, 1, 1]; for (var i = 0; i < 12; ++i) { var hit = traceScene(o, d, s); if (hit[0]) { var isSpec = hit[3][5] > random(0, 1); col[0] = lerp(hit[3][3] hit[3][0], 1, isSpec); col[1] = lerp(hit[3][3] hit[3][1], 1, isSpec); col[2] = lerp(hit[3][3] hit[3][2], 1, isSpec); if (hit[3][3] > 1) break; o = [ o[0] + d[0] * hit[1], o[1] + d[1] * hit[1], o[2] + d[2] * hit[1], ] var dd = uniformVec(); dd = normalize([ dd[0] + hit[2][0], dd[1] + hit[2][1], dd[2] + hit[2][2], ]); var rd = normalize(reflect(d, hit[2])); d = [ lerp(dd[0], rd[0], hit[3][4] * isSpec), lerp(dd[1], rd[1], hit[3][4] * isSpec), lerp(dd[2], rd[2], hit[3][4] * isSpec), ]; } else { if (i >= 1) { col[0] = sky[0] 2; col[1] = sky[1] 2; col[2] = sky[2] 2; } else { col[0] = sky[0]; col[1] = sky[1]; col[2] = sky[2]; } break; } } return col; } function createRotationMatrix(xt, yt, zt){ let cx = _cos(xt), cy = _cos(yt), cz = _cos(zt); let sx = _sin(xt), sy = _sin(yt), sz = _sin(zt); let xr = [ 1, 0, 0, 0, cx, -sx, 0, sx, cx ]; let yr = [ cy, 0, -sy, 0, 1, 0, sy, 0, cy ]; let zr = [ cz, -sz, 0, sz, cz, 0, 0, 0, 1 ]; return mult3x3(mult3x3(xr, yr), zr); } var colorBuffer = new Float32Array(6006004).fill(0); //var j = 0; var its = 1; var colorBuffer = new Float32Array(6006004).fill(0); var scene = [ // Red sphere [-1.5, 0.5, 5, 0.5], [1, 0, 0, 0.5, 1, 0.01], // White light [1, -1, 4, 0.35], [1, 1, 1, 20, 0, 0], // Green sphere [0, 0.5, 5, 0.5], [0, 1, 0, 0.5, 0, 0], // Blue sphere [1.5, 0.5, 5, 0.5], [0, 0, 1, 0.5, 1, 0.3], // Ground [0, 10001, 5, 10000], [1, 1, 1, 0.5, 0.9, 0.1] ]; var idg = ctx.getImageData(0, 0, 600, 600); var id = idg.data; function draw(frameCount){ var col = [0, 0, 0]; for(var i = 0; i < 600; i++){ for(var j = 0; j < 600; j++){ var u = ((i + random(-0.5, 0.5)) - 300)/600, v = ((j + random(-0.5, 0.5)) - 300)/600; var ci = (i + j600) << 2; var o = [0, 0, 0]; var d = normalize([u, v, 1]); var col = pathTrace(o, d, scene); colorBuffer[ci] = lerp(colorBuffer[ci], col[0], 1 / its); colorBuffer[ci + 1] = lerp(colorBuffer[ci + 1], col[1], 1 / its); colorBuffer[ci + 2] = lerp(colorBuffer[ci + 2], col[2], 1 / its); id[ci] = Math.pow(colorBuffer[ci], 1/2.2)255; id[ci + 1] = Math.pow(colorBuffer[ci + 1], 1/2.2)255; id[ci + 2] = Math.pow(colorBuffer[ci + 2], 1/2.2)*255; id[ci + 3] = 255; } } ctx.putImageData(idg, 0, 0); its++; window.parent.raf = requestAnimationFrame(draw); } cancelAnimationFrame(window.parent.raf); draw(); </script> <script></script> </body> </html>
Folds	279,300
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJuu9_v9CQw
Votes	17
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	true
By Child	false
Author Nick	Fifth
Author Name	FifthStateOfMatter
Author ID	kaid_1065213098995021368328526
Author Profile Access	PUBLIC

Archive Data

Added	5 months ago, 1721537487907
Updated	5 months ago, 1721537487907
Source Deleted	unknown