Viewing Program

Program Data

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

Title	Ray Traced Bob The Tomato
ID	6312662340255744
Created	3 years ago, 1639250101284
Updated	3 years ago, 1639252973552
Code	/* Ray Traced Bob the tomato. Should I make larry the cucumber next? Made using my primitive ray-tracer engine I made here: https://www.khanacademy.org/computer-programming/trying-to-learn-ray-tracing/5944429659602944 Unfortunately when I say my ray-tracer is primitive, I mean it is primitive. All it can do it spheres and boxes, it's incredibly slow, can only have 1 light source, and super basic shading. Sorry, my ray tracer is so slow. It takes my computer an entire minute to render the graphic. And tips to speed it up are appreciated. / // FOR THE USER: If your computer is too slow decrease this number, if you computer is a gaming pc you can probably increase this number var raysPerRow = 300; // nested draw function to increase speed draw = function () { // remove loop protector to increase speed (function() {return this;})().LoopProtector.prototype.leave = function() {}; // collision functions function sphereColl (pt, sphere) { return dist(pt.x, pt.y, pt.z, sphere.x, sphere.y, sphere.z) < sphere.sz / 2; } function boxColl(pt, box) { return (pt.x >= box.x && pt.x <= box.x + box.w) && (pt.y >= box.y && pt.y <= box.y + box.h) && (pt.z >= box.z && pt.z <= box.z + box.l); } // my vec3 library based off of PVector library var vec3 = { vector: function (x, y, z) { return {x: x, y: y, z: z}; }, mag: function(v1) { var x = v1.x, y = v1.y, z = v1.z; return Math.sqrt(x x + y * y + z * z); }, div: function(v1, v2) { if (typeof v2 === 'number') { v1.x /= v2; v1.y /= v2; v1.z /= v2; } else { v1.x /= v2.x; v1.y /= v2.y; v1.z /= v2.z; } }, normalize: function(v1) { var m = this.mag(v1); if (m > 0) { this.div(v1, m); } }, dot: function(v1, v2) { return (v1.x * v2.x + v1.y * v2.y + v1.z * v2.z); } }; var rayMarching = false; // z, width, and x positions of the canvas var canvasZ = 10; var canvasW = canvasZ * 1.15; var canvasX = -canvasW / 2; var light = vec3.vector(50, -100, -50); // stores all the shape objects var world = []; // background var object = vec3.vector(-200, -200, 350); object.type = "b"; object.clr = color(200, 150, 0); object.w = 400; object.h = 300; object.l = 2; world.push(object); for (var x = -200; x < 200; x += 110) { for (var y = -200; y < 100; y += 60) { var object = vec3.vector(x, y, 348); object.type = "b"; object.clr = color(255, 200, 0); if (y === -200 + 60) { object.clr = color(235, 91, 137); } object.w = 100; object.h = 50; object.l = 2; world.push(object); } } var object = vec3.vector(-200, 100, 350); object.type = "b"; object.clr = color(200, 150, 0); object.w = 400; object.h = 100; object.l = 400; world.push(object); for (var x = -200; x < 200; x += 110) { for (var z = 0; z < 400; z += 60) { var object = vec3.vector(x, 98, z); object.type = "b"; object.clr = color(255, 200, 0); object.w = 100; object.h = 2; object.l = 50; world.push(object); } } // head var object = vec3.vector(0, 0, 300); object.type = "s"; object.clr = color(255, 25, 0); object.sz = 250; world.push(object); // eyelids var object = vec3.vector(-18, -22, 202); object.type = "s"; object.clr = color(225, 10, 0); object.sz = 60; world.push(object); var object = vec3.vector(18, -22, 202); object.type = "s"; object.clr = color(225, 10, 0); object.sz = 60; world.push(object); // eyes var object = vec3.vector(-18, -20, 200); object.type = "s"; object.clr = color(255, 255, 255); object.sz = 60; world.push(object); var object = vec3.vector(18, -20, 200); object.type = "s"; object.clr = color(255, 255, 255); object.sz = 60; world.push(object); // pupils var object = vec3.vector(-20, -22, 183); object.type = "s"; object.clr = color(0, 0, 0); object.sz = 30; world.push(object); var object = vec3.vector(21, -21, 183); object.type = "s"; object.clr = color(0, 0, 0); object.sz = 30; world.push(object); var object = vec3.vector(-3, 0, 195); object.type = "s"; object.clr = color(255, 25, 0); object.sz = 55; world.push(object); // leaf var object = vec3.vector(0, -25, 290); object.type = "s"; object.clr = color(30, 50, 0); object.sz = 200; object.h = 40; object.l = 60; world.push(object); var object = vec3.vector(0, -131, 271); object.type = "b"; object.clr = color(30, 50, 0); object.w = 30; object.h = 10; object.l = 30; world.push(object); var object = vec3.vector(-35, -120, 253); object.type = "b"; object.clr = color(30, 50, 0); object.w = 30; object.h = 10; object.l = 30; world.push(object); var object = vec3.vector(-5, -99, 216); object.type = "b"; object.clr = color(30, 50, 0); object.w = 30; object.h = 10; object.l = 30; world.push(object); for (var a = 0; a < 50; a += 4) { var object = vec3.vector(-30 + a, 38 - sin(a * 3.6) * 10, 188 - sin(a * 3.6) * 12); object.type = "s"; object.neg = true; object.clr = color(255, 25, 0); object.sz = 10; world.push(object); } // the distance that rays get cropped off at var zCrop = 400; // stores all rays var rays = []; // half of the maximum velocity the ray can have without going out of the field of view var halfMaxVel = 0.55; // the current y position we are rendering for var currRenderY = 0; // create the image containing the 3D graphic background(0, 0, 0); var projection = get(0, 0, raysPerRow, raysPerRow); var sclFactor = projection.width / raysPerRow; function createRay (xPos, yPos) { // calculate the ray's x and y velocities var xVel = map(xPos, 0, projection.width, -halfMaxVel, halfMaxVel); var yVel = map(yPos, 0, projection.height, -halfMaxVel, halfMaxVel); // return the ray return { // the x and y positions mapped for the projection image canvasPos: { mappedX: Math.floor(xPos / sclFactor), mappedY: Math.floor(yPos / sclFactor), }, // the ray's x, y, z positions x: xVel * canvasZ, y: yVel * canvasZ, z: canvasZ, // the ray's x, y, and z velocities xVel: xVel, yVel: yVel, zVel: 1, // stores whether the ray has hit something hit: false, // stores the color the ray hit clr: [0, 0, 0] }; } function drawRay (ray) { // calculate the pixel index for the ray var idx = (ray.canvasPos.mappedX + ray.canvasPos.mappedY * projection.width) * 4; // edit the RGB values at that pixel index projection.imageData.data[idx] = ray.clr[0]; projection.imageData.data[idx+1] = ray.clr[1]; projection.imageData.data[idx+2] = ray.clr[2]; } function moveRay (ray) { // the distance the ray will move var moveDist = 1; // move the ray that certain distance ray.x += ray.xVel * moveDist; ray.y += ray.yVel * moveDist; ray.z += ray.zVel * moveDist; } function runRay (xPos, yPos) { // create the ray var ray = createRay(xPos, yPos); var shade, normalVector; // repeat until the ray hits something or goes beyond the max z position while (!ray.hit && ray.z < zCrop) { moveRay(ray, true); // collision detection for (var i = 0; i < world.length; i++) { var object = world[i]; // if the ray has hit the sphere if (object.type === "s" && sphereColl(ray, object)) { // store that the ray has hit something ray.hit = true; // calculate the normal vector normalVector = vec3.vector(ray.x - object.x, ray.y - object.y, ray.z - object.z); vec3.normalize(normalVector); } if (object.type === "b" && boxColl(ray, object)) { // store that the ray has hit something ray.hit = true; // calculate the normal vector if (boxColl(ray, {x: object.x, y: object.y, z: object.z, w: object.w, h: object.h, l: 1})) { // front normalVector = vec3.vector(0, 0, -1); } else if (boxColl(ray, {x: object.x, y: object.y, z: object.z + object.l - 1, w: object.w, h: object.h, l: 1})) { // back normalVector = vec3.vector(0, 0, 1); } else if (boxColl(ray, {x: object.x, y: object.y, z: object.z, w: object.w, h: 1, l: object.l})) { // top normalVector = vec3.vector(0, -1, 0); } else if (boxColl(ray, {x: object.x, y: object.y + object.h - 1, z: object.z, w: object.w, h: 1, l: object.l})) { // bottom normalVector = vec3.vector(0, 1, 0); } else if (boxColl(ray, {x: object.x, y: object.y, z: object.z, w: 1, h: object.h, l: object.l})) { // left normalVector = vec3.vector(-1, 0, 0); } if (boxColl(ray, {x: object.x + object.w - 1, y: object.y, z: object.z, w: 1, h: object.h, l: object.l})) { // right normalVector = vec3.vector(1, 0, 0); } } if (ray.hit) { var inNeg = false; for (var j = 0; j < world.length; j++) { var object2 = world[j]; if (object2.neg && object.type === "s" && sphereColl(ray, object2)) { inNeg = true; } } // stop the ray from moving ray.xVel = 0; ray.yVel = 0; ray.zVel = 0; // calculate the light vector var lightVector = vec3.vector(light.x - ray.x, light.y - ray.y, light.z - ray.z); vec3.normalize(lightVector); // calculate the shade at the point of intersection shade = vec3.dot(lightVector, normalVector); // store the final color at the point of intersection ray.clr = [ red(object.clr) * shade, green(object.clr) * shade, blue(object.clr) * shade ]; if (inNeg) { ray.clr = [ 0, 0, 0 ]; } // draw the ray to the projection image drawRay(ray); break; } } } // add the ray to the rays array rays.push(ray); } function updateProjection () { // update the pixels in the projection image projection.set(projection.imageData.data, 0, 0); } frameRate(Infinity); draw = function () { background(255, 255, 255); // if the image hasn't finished rendering if (currRenderY < raysPerRow) { // render a row of pixels for (var currRayXPos = 0; currRayXPos < raysPerRow; currRayXPos++) { runRay(currRayXPos, currRenderY); } // move to the next row currRenderY++; } if (frameCount % 10 === 0) { updateProjection(); } image(projection, 0, 0, 400, 400); noStroke(); fill(255); rect(0, 400, 400, -400 + map(currRenderY, 0, raysPerRow, 0, 400)); fill(255, 255, 255); textAlign(BASELINE); textFont(createFont("sans-serif"), 12); text("FPS: " + this.__frameRate.toFixed(2), 10, 17); var raysRendered = currRenderY * raysPerRow; text("Rays Rendered: " + raysRendered + " (" + round(raysRendered / (raysPerRow * raysPerRow) * 100) + "%)", 10, 33); textAlign(CENTER); textFont(createFont("impact"), 30); text("Bob the tomato is \ndissapointed in you", 200, 349); }; };
Folds	32,34,35,37,40,70,243,272,273,281,282,290,291,392,394,397,401,435
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIPj06qbCww
Votes	81
Spin-Offs	9
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	true
Restricted Posting	true
By Child	false
Author Nick	VEXCESS #BringBackBackgrounds
Author Name	VXS
Author ID	kaid_964737915837336217746208
Author Profile Access	PUBLIC

Archive Data

Added	8 months ago, 1714424844536
Updated	8 months ago, 1714424844536
Source Deleted	unknown