Viewing Program

Program Data

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

Title	Wolfenstein 3D
ID	6736492642975744
Created	5 years ago, 1582337631986
Updated	5 years ago, 1597155881175
Code	/** Wolfenstein 3D by xacer Development ceased February 2020 / // DeKhan library, made by Bob Lyon: var DeKhan = (function() { / Regular expressions derived from Element118 delag() function. / var plusPlusExp = new RegExp("__env__\\.KAInfiniteLoopCount\\+\\+;\\n", "g"); var ifClauseExp = new RegExp("\\n\\sif \$__env__\\.KAInfiniteLoopCount > 1000\$ {[\\s]+__env__\\.KAInfiniteLoopProtect\$'[^']'\$;[^}]+}", "g"); var newExp = new RegExp("__env__\\.PJSCodeInjector\\.applyInstance\$(\\S+), '\\S+'\$", "g"); var envExp = new RegExp("__env__\\.", "g"); var noBreakSpace = "\u00a0"; / primenumbers7532@gmail.com / var lineBreak = String.fromCharCode(10); / Larry Serflaten for IE Windows / var spaceExp = new RegExp(" ", "g"); var newlineExp = new RegExp("\\n", "g"); var wasFrameCount = frameCount; frameCount = function() { frameCount = wasFrameCount; return this; }; var globals = frameCount(); var metIpseMecum = (0 \|\| arguments).callee; / Given source code, return a function in the global scope. / var conjureFunctionFrom = function (source) { / Copied from Element118 delag() function. / return Object.constructor('return (function(__env__) {return ' + source + ';});')()(globals); }; return { / Return a function like f without any loop detection. / loopDetect: function(f) { var source = f.toString(); source = source.replace(plusPlusExp, ""); source = source.replace(ifClauseExp, ""); return conjureFunctionFrom(source); }, / Return a function like f where the caller supplies the filter. / applyRegExp: function(f, rExp, replacement) { var source = f.toString(); source = source.replace(rExp, replacement); return conjureFunctionFrom(source); }, / Return a function like f that uses the keyword "new" again. / renew: function(f) { return this.applyRegExp(f, newExp, "new $1"); }, / * Print completely deKhanified function f source out via println. * All arguments are optional. / print: function(f, prefix, suffix) { f = f \|\| metIpseMecum; prefix = prefix \|\| ""; suffix = suffix \|\| ""; f = this.loopDetect(f); f = this.renew(f); var source = f.toString(); source = source.replace(envExp, ""); source = prefix + source + suffix; this.printText(source); }, / Print source line(s) out via println. / printText: function(source) { source = source \|\| " "; / blank line if nothing else... / source = source.replace(spaceExp, noBreakSpace); source = source.replace(newlineExp, lineBreak); println(source); }, }; })(); draw = DeKhan.loopDetect(function () { var init = function(pjs) { pjs.smooth(); pjs.frameRate(60); // Anywhere from 0.001 - 1 // Lower numbers run faster, although anything below 0.1 is unadvised var DETAIL = 0.75; var SENSITIVITY = 2.0; var Math = pjs.Math; var Object = pjs.Object; var Array = pjs.Array; var isMouseClicked = false; var displayWidth = Math.floor(400 DETAIL); var displayHeight = Math.floor(400 * DETAIL * (pjs.height / pjs.width)); var newCtor = function (ctor, args) { var obj = Object.create(ctor.prototype); ctor.apply(obj, args); return obj; }; var PointerLockStart = false; var PointerLockAPI = function(f){ var Document = (function(){return this[["document"]];})(); var outputCanvas = Document.getElementById("output-canvas"); var Supported = false; var PointerTypes = ["","webkit","moz"]; var PointerType; for(var x = 0; x < PointerTypes.length; x++){ if(outputCanvas[[PointerTypes[x]+(PointerTypes[x]===""?"requestPointerLock":"RequestPointerLock")]] !== undefined){ Supported = true; PointerType = PointerTypes[x]; break; }else{ Supported = false; } } this.Supported = Supported; this.Lock = function(){ outputCanvas[(PointerType === ""?"requestPointerLock":PointerType+"RequestPointerLock")](); PointerLockStart = true; }; this.Unlock = function(){ outputCanvas[(PointerType === ""?"exitPointerLock":PointerType+"ExitPointerLock")](); PointerLockStart = false; }; f(this); Document.addEventListener("mousemove",function(ev){ pjs.mouseX = pjs.pmouseX + ev.movementX; pjs.mouseY = pjs.pmouseY + ev.movementY; }); }; var keys = (function() { var _keys = {}; var _code = {}; pjs.keyPressed = function() { _keys[key.toString()] = true; _code[keyCode] = true; }; pjs.keyReleased = function() { _keys[key.toString()] = false; _code[keyCode] = false; }; return { char: function(char) { return _keys[char]; }, code: function(code) { return _code[code]; } }; })(); var defaults = { set: function() { this.VIEW_W = displayWidth; this.VIEW_H = displayHeight; this.MAX_VIEW = 10; this.FOV = Math.PI / 4; this.THUMBNAIL = null; this.VIEW_DIST = this.VIEW_W / 2 / Math.tan(this.FOV / 2); return this; } }.set(); var transition = 100; var runTransition = function () { if (transition > 0) { transition --; fill(255, 255, 255, 255 * transition / 100); rect(0, 0, width, height); } }; defaults.planeX = 0; defaults.planeY = 0.66; var level = 0; var worlds = [ // Test worlds[level] { bitmap: [ "111111010111111", "1---1-----1---1", "1---0---------1", "1---1---------1", "10-10---------1", "1--------1----D", "1-------------1", "10-0----------0", "1--1----------1", "1--1----------0", "1--0----------1", "111100-10110101", "1---------1---1", "1---0--1----1-1", "111111111111111", ], startingPos: [2.5, 1.5], enemies: [ ["MrPink_1", 2.5, 2.5], ["OhNoes_1", 7.5, 2.5] ], startingRotation: -90, floor: "clean-floor", ceiling: "clean-ceiling", width: 15, height: 15 }, // First level (tutorial) { bitmap: [ "1111111111111D1", "11111111111---1", "11111111111---0", "11111111110-111", "11111-------111", "11110------1111", "11111--11--0111", "11111--00--1111", "11110--11--1111", "11111------0111", "111--------1111", "110-11101111111", "1---11111111111", "1---11111111111", "110111111111111", ], startingPos: [2.5, 13.5], enemies: [], startingRotation: 90, floor: "clean-floor", ceiling: "clean-ceiling", width: 15, height: 15 }, // Second level (easy) { bitmap: [ "110111011110111", "1-------------D", "1-------------0", "0--011001111101", "1-------------1", "1-------------1", "111100111110--1", "1-------------1", "1-------------1", "0--011011110111", "0-------------0", "1--0---1---0--1", "1--1---0---1--1", "0-------------1", "110111011110011", ], startingPos: [13.5, 13.5], enemies: [], startingRotation: 90, floor: "clean-floor", ceiling: "clean-ceiling", width: 15, height: 15 }, // Third level (introduce to enemy) { bitmap: [ "110111011110111", "1-------------D", "1-------------0", "0---11001111101", "1-------------1", "1-------------1", "0-------------1", "1-------------1", "1-------------1", "0---11011110111", "0-------------0", "1-------------1", "1-------------1", "0-------------1", "110111011110011", ], startingPos: [13.5, 12.5], enemies: [["MrPink_1", 8.5, 6.5]], startingRotation: 90, floor: "dirt-floor", ceiling: "dirt-ceiling", width: 15, height: 15 }, // Fourth level (two enemies) { bitmap: [ "110111011110111", "111111--------D", "111111--------0", "010010---011111", "1-------------1", "1-------------1", "0-------------1", "1----1---1----1", "1----0---1----1", "0----1---1----1", "0---01---01---0", "111111---111111", "111110---011111", "011111---111111", "110111011110011", ], startingPos: [7.5, 13.5], enemies: [ ["MrPink_1", 1.5, 8.5], ["MrPink_1", 12.5, 8.5], ], startingRotation: 0, floor: "clean-floor", ceiling: "clean-ceiling", width: 15, height: 15 }, // Fifth level (lots of enemies) { bitmap: [ "110111011110111", "1----1--------D", "1----1--------0", "0----0---011111", "1-------------1", "1-------------1", "0-------------1", "1----1---1----1", "1----0---1----1", "011111---111111", "011101---011110", "111111---111111", "1-------------1", "0-------------1", "110111011110011", ], startingPos: [1.5, 12.5], enemies: [ ["MrPink_1", 1.5, 8.5], ["MrPink_1", 12.5, 8.5], ["MrPink_2", 2.5, 2.5], ["MrPink_2", 10.5, 1.5] ], startingRotation: 90, floor: "lab-floor", ceiling: "clean-ceiling", width: 15, height: 15 }, // Sixth level (lots of enemies) { bitmap: [ "110111011110111", "1-------------D", "1--111010100010", "0-------------1", "1111111001001-1", "1-------------1", "0-------------1", "1----1---1----1", "1----0---1----1", "011111---111111", "011101---011110", "111111---111111", "1-------------1", "0-------------1", "110111011110011", ], startingPos: [13.5, 12.5], enemies: [ ["MrPink_1", 1.5, 8.5], ["MrPink_2", 2.5, 8.5], ["MrPink_2", 12.5, 8.5], ["MrPink_3", 12.5, 9.5], ["MrPink_3", 2.5, 2.5], ["MrPink_3", 1.5, 2.5], ["MrPink_3", 2.5, 3.5], ["MrPink_3", 10.5, 1.5] ], startingRotation: -90, floor: "lab-floor", ceiling: "clean-ceiling", width: 15, height: 15 }, ]; var viewer = { set: function() { this.x = 3; this.y = 3; this.rdx = -1; this.rdy = 0; this.rotSpeed = 3; this.moveSpeed = 0.05; this.view = 100; this.health = 100; this.crosshair = { scl: 1, }; this.lookingAtDoor = false; this.takeDamage = function (amt) { this.health -= amt; }; return this; }, rotate: function (degrees) { var ct = cos(degrees); var st = sin(degrees); var oldDirX = viewer.rdx; viewer.rdx = viewer.rdx * ct - viewer.rdy * st; viewer.rdy = oldDirX * st + viewer.rdy * ct; var oldPlaneX = defaults.planeX; defaults.planeX = defaults.planeX * ct - defaults.planeY * st; defaults.planeY = oldPlaneX * st + defaults.planeY * ct; }, }.set(); pjs.noStroke(); var brick = function (x, y, w, h) { pjs.pushMatrix(); pjs.translate(x, y); pjs.fill(219, 31, 31); pjs.rect(0, 0, w, 5); pjs.rect(0, 0, 5, h); pjs.fill(130, 16, 16); pjs.rect(5, h - 5, w - 5, 5); pjs.rect(w - 5, 5, 5, h - 5); for (var x = 5; x < w; x += 5) { for (var y = 5; y < h; y += 5) { var redAmount = Math.random() + (h - y) / 5 / h * 5; pjs.fill(redAmount * 100 + 100, 31, 31); pjs.rect(x, y, 5, 5); } } pjs.fill(0, 0, 0, 100); pjs.rect(0, h, w, 5); pjs.rect(w, 5, 5, h); pjs.popMatrix(); }; var dark_brick = function (x, y, w, h) { pjs.pushMatrix(); pjs.translate(x, y); pjs.fill(171, 27, 27); pjs.rect(0, 0, w, 5); pjs.rect(0, 0, 5, h); pjs.fill(130, 16, 16); pjs.rect(5, h - 5, w - 5, 5); pjs.rect(w - 5, 5, 5, h - 5); for (var x = 5; x < w; x += 5) { for (var y = 5; y < h; y += 5) { var redAmount = Math.random() + (h - y) / 5 / h * 5; pjs.fill(redAmount * 100 + 50, 31, 31); pjs.rect(x, y, 5, 5); } } pjs.fill(0, 0, 0, 100); pjs.rect(0, h, w, 5); pjs.rect(w, 5, 5, h); pjs.popMatrix(); }; var brown_brick = function (x, y, w, h) { pjs.pushMatrix(); pjs.translate(x, y); pjs.fill(217, 165, 91); pjs.rect(0, 0, w, 5); pjs.rect(0, 0, 5, h); pjs.fill(115, 70, 15); pjs.rect(5, h - 5, w - 5, 5); pjs.rect(w - 5, 5, 5, h - 5); var c1 = pjs.color(204, 143, 63); var c2 = pjs.color(145, 102, 32); for (var x = 5; x < w; x += 5) { for (var y = 5; y < h; y += 5) { var redAmount = constrain(Math.random() + 1-y/h1.5, 0, 1); pjs.fill(lerpColor(c1, c2, 1-redAmount)); pjs.rect(x, y, 5, 5); } } pjs.fill(0, 0, 0, 100); pjs.rect(0, h, w, 5); pjs.rect(w, 5, 5, h); pjs.popMatrix(); }; var gray_brick = function (x, y, w, h) { pjs.pushMatrix(); pjs.translate(x, y); pjs.fill(176, 176, 176); pjs.rect(0, 0, w, 5); pjs.rect(0, 0, 5, h); pjs.fill(120, 120, 120); pjs.rect(5, h - 5, w - 5, 5); pjs.rect(w - 5, 5, 5, h - 5); var c1 = pjs.color(161, 161, 161); var c2 = pjs.color(92, 92, 92); for (var x = 5; x < w; x += 5) { for (var y = 5; y < h; y += 5) { var redAmount = constrain(Math.random() + 1-y/h1.5, 0, 1); pjs.fill(lerpColor(c1, c2, 1-redAmount)); pjs.rect(x, y, 5, 5); } } pjs.fill(0, 0, 0, 100); pjs.rect(0, h, w, 5); pjs.rect(w, 5, 5, h); pjs.popMatrix(); }; var brick_background = (function () { pjs.noStroke(); // background pjs.fill(87); pjs.rect(0, 0, 200, 200); for (var x = 0; x < 200; x += 5) { for (var y = 0; y < 200; y += 5) { pjs.fill(Math.random() * 30 + 80); pjs.rect(x, y, 5, 5); } } var bg_img = pjs.get(0, 0, 200, 200); return bg_img; }) (); var red_bricks = (function () { pjs.image(brick_background, 0, 0, 200, 200); // top layer brick(5, 5, 50, 30); brick(65, 5, 70, 30); brick(145, 5, 50, 30); // second layer brick(5, 45, 60, 30); brick(75, 45, 80, 30); brick(165, 45, 30, 30); // third layer brick(5, 85, 100, 30); brick(115, 85, 80, 30); // fourth layer brick(5, 125, 30, 30); brick(45, 125, 80, 30); brick(135, 125, 60, 30); // fifth layer brick(5, 165, 40, 30); brick(55, 165, 80, 30); brick(145, 165, 50, 30); return pjs.get(0, 0, 200, 200); }) (); var mixed_bricks = (function () { pjs.image(brick_background, 0, 0, 200, 200); // top layer dark_brick(5, 5, 50, 30); gray_brick(65, 5, 70, 30); brick(145, 5, 50, 30); // second layer brick(5, 45, 60, 30); brown_brick(75, 45, 80, 30); brick(165, 45, 30, 30); // third layer gray_brick(5, 85, 100, 30); dark_brick(115, 85, 80, 30); // fourth layer brick(5, 125, 30, 30); brown_brick(45, 125, 80, 30); brick(135, 125, 60, 30); // fifth layer dark_brick(5, 165, 40, 30); brick(55, 165, 80, 30); brick(145, 165, 50, 30); return pjs.get(0, 0, 200, 200); }) (); var clean_floor = (function () { pjs.fill(156, 156, 156); pjs.rect(0, 0, 200, 200); for (var x = 0; x < 200; x += 5) { for (var y = 0; y < 200; y += 5) { pjs.fill(Math.random() * 20 + 150); var d = Math.abs(x - 100) + Math.abs(y - 100); if ((d > 100 && d < 150) \|\| (d > 25 && d < 75) \|\| (d > 175)) { pjs.fill(Math.random() * 20 + 200); } pjs.rect(x, y, 5, 5); } } return pjs.get(0, 0, 200, 200); }) (); var dirt_floor = (function () { var c1 = pjs.color(186, 126, 35); var c2 = pjs.color(148, 90, 19); pjs.fill(156, 156, 156); pjs.rect(0, 0, 200, 200); pjs.noiseDetail(5, 0.8); for (var x = 0; x < 200; x += 5) { for (var y = 0; y < 200; y += 5) { var n = pjs.noise(x / 20, y / 40); pjs.fill(pjs.lerpColor(c1, c2, n)); pjs.rect(x, y, 5, 5); } } return pjs.get(0, 0, 200, 200); }) (); var clean_ceiling = (function () { pjs.fill(75); pjs.rect(0, 0, 200, 200); pjs.fill(100); pjs.rect(3, 3, 194, 194); pjs.fill(125); pjs.rect(5, 5, 190, 190); for (var x = 10; x < 190; x += 5) { for (var y = 10; y < 190; y += 5) { pjs.fill(Math.random() * 10 + 80); pjs.rect(x, y, 5, 5); } } return pjs.get(0, 0, 200, 200); }) (); var lab_floor = (function () { pjs.fill(50); pjs.rect(0, 0, 200, 200); for (var x = 0; x < 200; x += 5) { for (var y = 0; y < 200; y += 5) { pjs.fill(Math.random() * 40 + 20); pjs.rect(x, y, 5, 5); } } var bk_img = pjs.get(0, 0, 200, 200); for (var x = 0; x < 200; x += 5) { for (var y = 0; y < 200; y += 5) { pjs.fill(Math.random() * 40 + 60); pjs.rect(x, y, 5, 5); } } var to_mask = pjs.get(0, 0, 200, 200); pjs.fill(0); pjs.rect(0, 0, 200, 200); pjs.fill(255); var d = 30; pjs.beginShape(); pjs.vertex(5, 5 + d); pjs.vertex(5, 200 - d - 5); pjs.vertex(5 + d, 200 - 5); pjs.vertex(200 - 5 - d, 200 - 5); pjs.vertex(200 - 5, 200 - 5 - d); pjs.vertex(200 - 5, 5 + d); pjs.vertex(200 - 5 - d, 5); pjs.vertex(5 + d, 5); pjs.endShape(pjs.PConstants.OPEN); var mask_img = pjs.get(0, 0, 200, 200); to_mask.mask(mask_img); pjs.image(bk_img, 0, 0); pjs.image(to_mask, 0, 0); pjs.fill(120); pjs.beginShape(); pjs.vertex(200 - 5 - d, 200 - 5); pjs.vertex(200 - 5, 200 - 5 - d); pjs.vertex(200 - 5, 5 + d); pjs.vertex(200 - 5 - d, 5); pjs.vertex(5 + d, 5); pjs.vertex(5 + d + 5, 0); pjs.vertex(200 - d, 0); pjs.vertex(200, d); pjs.vertex(200, 200 - d); pjs.vertex(200 - d + 5, 200 - 5); pjs.endShape(pjs.PConstants.OPEN); return pjs.get(0, 0, 200, 200); }) (); var dirt_ceiling = (function () { for (var x = 0; x < 200; x += 5) { for (var y = 0; y < 200; y += 5) { pjs.fill(Math.random() * 40 + 10); pjs.rect(x, y, 5, 5); } } return get(0, 0, 200, 200); }) (); var door = (function () { fill(37, 204, 204); rect(0, 0, 200, 200); for (var x = 0; x < 200; x += 5) { for (var y = 0; y < 200; y += 5) { var s = Math.sin((y + x + 20) / 20) * 10 + noise(x / 30, y / 30) * 10 - 5; fill(0, 160 + s, 190 + s); rect(x, y, 5, 5); } } fill(135, 135, 135); for (var i = 35; i < 175; i += 130 / 5) { ellipse(i, 10, 5, 5); ellipse(i, 190, 5, 5); ellipse(10, i, 5, 5); ellipse(190, i, 5, 5); } fill(30, 139, 158); beginShape(); vertex(20, 20); vertex(25, 25); vertex(175, 25); vertex(175, 175); vertex(180, 180); vertex(180, 20); endShape(OPEN); fill(56, 215, 255); beginShape(); vertex(20, 20); vertex(25, 25); vertex(25, 175); vertex(175, 175); vertex(180, 180); vertex(20, 180); endShape(OPEN); for (var x = 25; x < 175; x += 5) { for (var y = 25; y < 175; y += 5) { var s = Math.sin((y + x) / 20) * 20 + noise(x / 30, y / 30) * 30 - 15; fill(0, 180 + s, 210 + s); rect(x, y, 5, 5); } } for (var x = 0; x < 10; x += 2) { fill(230 - x * 10, 230 - x * 10, 0); rect(x + 40, 80, 2, 40); } fill(97, 97, 97, 100); rect(50, 80, 5, 40); rect(45, 120, 45, 5); for (var x = 0; x < 30; x += 5) { for (var y = 0; y < 60; y += 5) { fill(180 - (x + y)); rect(x + 60, y + 100 - 30, 5, 5); } } fill(173); rect(55, 70, 5, 60); rect(60, 70, 30, 5); fill(122, 122, 122); rect(60, 125, 30, 5); rect(85, 75, 5, 55); fill(186, 174, 44); rect(65, 90, 10, 15); fill(0); rect(68, 95, 4, 6); fill(0, 0, 0, 20); rect(65, 101, 25, 29); return get(0, 0, 200, 200); }) (); var heart_icon = (function () { pjs.background(255); pjs.fill(240, 52, 39); pjs.beginShape(); pjs.vertex(100, 180); pjs.bezierVertex(0, 100, 0, 0, 100, 50); pjs.bezierVertex(200, 0, 200, 100, 100, 180); pjs.endShape(); return pjs.get(0, 0, 200, 200); }) (); var lightning_icon = (function () { pjs.background(255); pjs.fill(237, 227, 35); pjs.beginShape(); pjs.vertex(100, 25); pjs.vertex(50, 110); pjs.vertex(100, 110); pjs.vertex(100, 175); pjs.vertex(150, 90); pjs.vertex(100, 90); pjs.vertex(100, 25); pjs.endShape(); return pjs.get(0, 0, 200, 200); }) (); var Wolf_Logo = (function () { var bitmap = [ " ", " ", " ", " ### ### ###### ###### ", " ###### ######### ###### ###### ", " ### #### ### #### ### ######### ## ### ", " ### #### ### #### ######### ### #### ##### ###### ", " # #### # #### ###### ### ### #### ### ######## #### #### ####### ####### ", " #### #### ###### ### ### ######## ## ###### ############## ######### ##### ###### ### #### #### ", " #### #### ###### ### ### # #### ### ##### ############ ######### ##### #### #### ###### ############## ", " #### #### #### ###### ### ### #### ### ## ###### ### #### ##### #### #### ######### ######## ### ", " #### #### #### ###### ### ### #### ### # #### ### ###### ##### #### #### ###### #### ### ", " #### #### #### ############ ### #### ###### #### ### #### ##### #### ### #### #### ### ", " ################ ############ ###### #### ############ #### ### ####### ##### ###### #### #### ### ", " ##### ##### ###### ####### #### ######### ###### ###### ########## ###### ########### ###### ###### ###### ", " #### #### ### ######### ##### ########### ######### #### ### ", " ####### ", " ", " ", " ## ##### ############## ", " ############## ################## ", " #### ### ### ### ### ", " ### ### ### ### ", " ### ### ### ### ", " ### ### ### ### ", " ### ### ### ### ", " # ### ########## ### ### ### ", " ######## ########### ## ### ### ", " ### ### ### ", " ### ### ### ", " ### ### ### ", " ### ### ### ### ", " ##### ### ### ### ", " ##### ### ## ### ######## ", " ########## ################# ", ]; var h = bitmap.length; var w = bitmap[0].length; var g = createGraphics(400, 400, P2D); noStroke(); fill(0); background(0); fill(255); rect(0, 0, 400, 100); rect(0, 180, 400, 80); fill(100); rect(0, 100, 400, 20); rect(0, 260, 400, 20); fill(150, 10, 10); rect(0, 120, 400, 60); rect(0, 280, 400, 80); var toMask = get(0, 0, 400, 400); noStroke(); fill(255); background(0); for (var x = 0; x < w; x ++) { for (var y = 0; y < h; y ++) { if (bitmap[y][x] === "#") { rect(x * 2.5, y * 10, 3, 10); } } } toMask.mask(get(0, 0, 400, 400)); return toMask; }) (); var You_Lose = (function () { var bitmap = [ " ", " ", " ", " ### ## ## ", " ## ## ## ", " ## ## ## ", " ###### ### ", " ##### #### ", " ## ##### ", " ## ###### ### ## ## ## ###### ##### ###### ", " ## ###### ### ## ## ###### ##### #### # ", " ## ### ## ### ## ## ### ## ## #### # ", " ## ### ## ### ## ## ### ## ##### ###### ", " ## ## ### ## ### ## ## ### ## # ### ", " ### ## ###### ####### ######## ### ## ##### ###### ", " ##### ###### ####### ######## ###### ##### ###### ", " #### ", " ", " ", " ", " ", ]; var h = bitmap.length; var w = bitmap[0].length; noStroke(); fill(0); background(0); fill(255); rect(0, 0, 400, 100); rect(0, 180, 400, 80); fill(100); rect(0, 100, 400, 20); rect(0, 260, 400, 20); fill(150, 10, 10); rect(0, 120, 400, 60); rect(0, 280, 400, 80); var toMask = get(0, 0, 400, 200); noStroke(); fill(255); background(0); for (var x = 0; x < w; x ++) { for (var y = 0; y < h; y ++) { if (bitmap[y][x] === "#") { rect(x * 5, y * 10, 5, 10); } } } toMask.mask(get(0, 0, 400, 200)); return toMask; }) (); var You_Win = (function () { var bitmap = [ " ", " ", " ", " #### ## ## ## ## ### ", " ### ## ## ## ## ## ## ## ### ", " ### ## ## ## ## ## ## ## ### ", " ### ## ## ## ## ## ## ## ### ", " ### ## ## ## ## ## ## ## ### ", " ### ## ## ## ## ## ### ## ### ", " #### ## ## ## ## ## ### ## ### ", " ######## ## ## ## ## #### ## ### ", " ######## ##### ## # ## ## ## ## #### ## ### ", " ####### ##### ## # ## ## ## ## ##### ## ### ", " ### ### # ## # ## ## ## ## ## ## ## ### ", " ### ### # ## # ############ ## ## ##### ### ", " ### ### # ## # ############ ## ## #### ### ", " ### ### # ## # ############ ## ## #### ", " ######## ##### #### ############ ## ## ### ### ", " ######## ##### #### ############ ## ## ## ### ", " ", " ", ]; var h = bitmap.length; var w = bitmap[0].length; noStroke(); fill(0); background(0); fill(255); rect(0, 0, 400, 100); rect(0, 180, 400, 80); fill(100); rect(0, 100, 400, 20); rect(0, 260, 400, 20); fill(150, 10, 10); rect(0, 120, 400, 60); rect(0, 280, 400, 80); var toMask = get(0, 0, 400, 200); noStroke(); fill(255); background(0); for (var x = 0; x < w; x ++) { for (var y = 0; y < h; y ++) { if (bitmap[y][x] === "#") { rect(x * 5, y * 10, 5, 10); } } } toMask.mask(get(0, 0, 400, 200)); return toMask; }) (); var KA_Edition_Logo = (function () { var bitmap = [ " ", "### ## ## ", "### ### #### ##### ## ## ", "###### ##### ##### ## ## ", " #### ##### ##### ## ## ", " #### ## ### ##### ## ## ", " ### ## ### #### ## ## ", " ### ## ### ### ## ## ", " ### ## ### ### ## # ## # ", " ### ## ### ### ## ## #### ## ##### ", " ### ###### #### ## ### ##### ###### ", " ##### ####### ##### #### # ## # ## ## ## ## ", " ## ## ###### ### # ## ## ## ## ## ## ## ## ", " ## ## ## ### ### # ## ## ## ## ## ## ## ## ", "### ## ## ### ###### #### ## ## ## ## ## ### ### ", "### ## ## ### ###### #### ## ## ## ##### ## ## ", " ", ]; var h = bitmap.length; var w = bitmap[0].length; var iw = (w + 1) * 7; var ih = (h + 1) * 10; noStroke(); fill(255); background(0); for (var x = 0; x < w; x ++) { for (var y = 0; y < h; y ++) { if (bitmap[y][x] === "#") { rect(x * 7, y * 10, 7, 10); } } } var theMask = get(0, 0, iw, ih); background(0); fill(40, 199, 109); rect(0, 0, 400, 80); rect(0, 120, 400, 60); //fill(217, 217, 217); rect(0, 80, 400, 40); fill(23, 163, 100); var toMask = get(0, 0, iw, ih); toMask.mask(theMask); return toMask; }) (); var Menu_Background = (function () { background(0); for (var i = 0; i < width; i += 10) { for (var j = 0; j < height; j += 10) { fill(random() * 10); rect(i, j, 10, 10); } } return get(0, 0, 400, 400); }) (); var pixelText = (function () { var letters = { "A": [ " ", " ", " #### ", " ###### ", " ## ## ", " ## ## ", " ###### ", " ## ## ", " ## ## ", " ", ], "B": [ " ", " #### ", " ##### ", " ## ## ", " ## ## ", " #### ", " ## ## ", " ## ## ", " ##### ", " ", ], "C": [ " ", " ", " ###### ", " ###### ", " ## ", " ## ", " ## ", " ###### ", " ###### ", " ", ], "D": [ " ", " ", " ##### ", " ###### ", " ## ### ", " ## ### ", " ## ### ", " ###### ", " ##### ", " ", ], "E": [ " ", " ", " ###### ", " ###### ", " ## ", " ##### ", " ## ", " ###### ", " ###### ", " ", ], "F": [ " ", " ", " ###### ", " ###### ", " ## ", " #### ", " #### ", " ## ", " ## ", " ", ], "G": [ " ", " ", " ###### ", " ###### ", " ### # ", " ### ", " ### ## ", " ### # ", " ###### ", " ", ], "H": [ " ", " ", " ## ## ", " ## ## ", " ## ## ", " ###### ", " ###### ", " ## ## ", " ## ## ", " ", ], "I": [ " ", " ", " ###### ", " ###### ", " ## ", " ## ", " ## ", " ###### ", " ###### ", " ", ], "J": [ " ", " ", " ###### ", " ###### ", " ## ", " ### ", " ## ### ", " ##### ", " #### ", " ", ], "K": [ " ", " ", " ## ## ", " ## ### ", " ##### ", " #### ", " ##### ", " ## ### ", " ## ## ", " ", ], "L": [ " ", " ", " ## ", " ## ", " ## ", " ## ", " ## ", " ###### ", " ###### ", " ", ], "M": [ " ", " ", " ## ## ", " ###### ", " ###### ", " # ## # ", " # # ", " # # ", " # # ", " ", ], "N": [ " ", " ", " ## ## ", " ## ## ", " ### ## ", " ###### ", " ###### ", " ## ### ", " ## ## ", " ", ], "O": [ " ", " ", " ###### ", " ## ## ", " ## ## ", " ## ## ", " ## ## ", " ## ## ", " ###### ", " ", ], "P": [ " ", " ", " ###### ", " #### # ", " #### # ", " ###### ", " ## ", " ## ", " ## ", " ", ], "Q": [ " ", " ", " ##### ", " # ### ", " # ### ", " ##### ", " ## ", " ### ", " ### ", " ", ], "R": [ " ", " ", " ###### ", " ## # ", " ## # ", " ###### ", " #### ", " ##### ", " ## ### ", " ", ], "S": [ " ", " ", " ###### ", " ## ", " ## ", " ###### ", " ## ", " ## ", " ###### ", " ", ], "T": [ " ", " ", " ###### ", " ###### ", " ## ", " ## ", " ## ", " ## ", " ## ", " ", ], "U": [ " ", " ", " ## ## ", " ## ## ", " ## ## ", " ## ## ", " ## ## ", " ###### ", " #### ", " ", ], "V": [ " ", " ", " # # ", " # # ", " # # ", " # # ", " # # ", " # # ", " ## ", " ", ], "W": [ " ", " ", " # # ", " # # ", " # ## # ", " # ## # ", " # ## # ", " ###### ", " ###### ", " ", ], "X": [ " ", " ", " ## ## ", " ###### ", " #### ", " ## ", " #### ", " ###### ", " ## ## ", " ", ], "Y": [ " ", " ", " ## ## ", " ## ## ", " ###### ", " ###### ", " ## ", " ## ", " ## ", " ", ], "Z": [ " ", " ", " ###### ", " ###### ", " #### ", " #### ", " #### ", " ###### ", " ###### ", " ", ] }; var letterWidth = 10; var letterHeight = 10; return function (txt, tx, ty, size) { pushMatrix(); translate(tx, ty); scale(size / 10); var yoff = 0; var xoff = 0; for (var i = 0; i < txt.length; i ++) { if (txt[i] === "\n") { yoff += 100; xoff = 0; continue; } if (!letters[txt[i].toUpperCase()]) { xoff += 100; continue; } for (var x = 0; x < letterWidth; x ++) { for (var y = 0; y < letterHeight; y ++) { if (letters[txt[i].toUpperCase()][y][x] === "#") { rect(xoff + x * 10, y * 10 + yoff, 10, 10); } } } xoff += 100; } popMatrix(); }; }) (); var menu = function () { background(150, 10, 10); fill(100); rect(50 / 3 * 2, 0, 50 / 3, height); rect(width - 50 / 3, 0, 50 / 3, height); fill(255); rect(0, 0, 50 / 3, height); rect(width - 50, 0, 50 / 3, height); pushMatrix(); translate(50, 0); image(Menu_Background, 0, 0); image(Wolf_Logo, 100, 0, 300, 300); pushMatrix(); translate(307, 320); scale(0.4); rotate(-10); image(KA_Edition_Logo, -KA_Edition_Logo.width / 2, -KA_Edition_Logo.height / 2); popMatrix(); fill(255, 255, 255, 255 - Math.abs(Math.sin(frameCount / 15)) * 100); pixelText("click\nto\nstart", 20, 275, 3); popMatrix(); if (isMouseClicked && transition === 0) { initLevel(1); transition = 100; scene = "game"; } if (keys.char("T")) { var bak = get(0, 0, width, height); background(255); imageMode(CENTER); image(bak, width / 2, height / 2, width, height * 4 / 5); imageMode(CORNER); } }; var loseScreen = function () { background(150, 10, 10); fill(100); rect(50 / 3 * 2, 0, 50 / 3, height); rect(width - 50 / 3, 0, 50 / 3, height); fill(255); rect(0, 0, 50 / 3, height); rect(width - 50, 0, 50 / 3, height); pushMatrix(); translate(50, 0); image(Menu_Background, 0, 0); image(You_Lose, 200 - 150 + 30, 200 - 50, 300, 100); fill(255, 255, 255, 255 - Math.abs(Math.sin(frameCount / 15)) * 100); pixelText("click to reset", 200 - (15 * 20) / 2, 275, 2); popMatrix(); if (transition === 0 && isMouseClicked) { transition = 100; scene = "menu"; } }; var winScreen = function () { background(150, 10, 10); fill(100); rect(50 / 3 * 2, 0, 50 / 3, height); rect(width - 50 / 3, 0, 50 / 3, height); fill(255); rect(0, 0, 50 / 3, height); rect(width - 50, 0, 50 / 3, height); pushMatrix(); translate(50, 0); image(Menu_Background, 0, 0); image(You_Win, 240 - 200, 150 - 400 / 6, 400, 400 / 3); fill(255, 255, 255, 255 - Math.abs(Math.sin(frameCount / 15)) * 100); pixelText("click to reset", 200 - (15 * 20) / 2, 275, 2); popMatrix(); if (transition === 0 && isMouseClicked) { transition = 100; scene = "menu"; } }; var semicolon_sprite = (function () { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); var ohnoes = pjs.getImage("creatures/OhNoes"); g.background(0, 0, 0, 0); g.textAlign(3, 3); g.fill(36, 255, 62); g.textFont(pjs.createFont("Trebuchet MS Bold"), 100); g.textSize(100); g.text(';', 100, 100); g.loadPixels(); var p = g.imageData.data; return {data: p, width: 200, height: 200}; }) (); var undefined_sprite = (function () { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); var ohnoes = pjs.getImage("creatures/OhNoes"); g.background(0, 0, 0, 0); g.textAlign(3, 3); g.fill(36, 255, 62); g.textFont(pjs.createFont("Trebuchet MS Bold"), 100); g.textSize(40); g.pushMatrix(); g.translate(100, 100); g.rotate(45); g.text('undefined', 0, 0); g.popMatrix(); g.loadPixels(); var p = g.imageData.data; return {data: p, width: 200, height: 200}; }) (); var castRayBetween = function (x1, y1, x2, y2) { if (x1 === x2 && y1 === y2) { return true; } var px = x1; var py = y1; var rdx = x2 - x1; var rdy = y2 - y1; var di = Math.sqrt(rdx * rdx + rdy * rdy); rdx /= di; rdy /= di; var sideDistX, stepX; var sideDistY, stepY; var deltaDistX = Math.abs(1 / rdx); var deltaDistY = Math.abs(1 / rdy); var targetMapX = Math.floor(x2); var targetMapY = Math.floor(y2); var mapX = Math.floor(x1); var mapY = Math.floor(y1); if (rdx < 0) { stepX = -1; sideDistX = (px - mapX) * deltaDistX; } else { stepX = 1; sideDistX = (mapX + 1.0 - px) * deltaDistX; } if (rdy < 0) { stepY = -1; sideDistY = (py - mapY) * deltaDistY; } else { stepY = 1; sideDistY = (mapY + 1.0 - py) * deltaDistY; } while (true) { if (sideDistX < sideDistY) { sideDistX += deltaDistX; mapX += stepX; } else { sideDistY += deltaDistY; mapY += stepY; } if (mapX === targetMapX && mapY === targetMapY) { return true; } if (worlds[level].bitmap[mapY][mapX] !== "-") { return false; } } }; var images = { // Wall textures "0": { name: "bricks", data: (function() { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); g.image(red_bricks, 0, 0, 200, 200); g.loadPixels(); var p = g.imageData.data; return p; })(), width: 200, height: 200 }, "1": { name: "mixed-bricks", data: (function() { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); g.image(mixed_bricks, 0, 0, 200, 200); g.loadPixels(); var p = g.imageData.data; return p; })(), width: 200, height: 200 }, "D": { name: "door", data: (function() { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); g.image(door, 0, 0, 200, 200); g.loadPixels(); var p = g.imageData.data; return p; })(), width: 200, height: 200 }, // Floors "clean-floor": { name: "clean-floor", data: (function() { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); g.image(clean_floor, 0, 0, 200, 200); g.loadPixels(); var p = g.imageData.data; return p; })(), width: 200, height: 200 }, "clean-ceiling": { name: "clean-ceiling", data: (function() { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); g.image(clean_ceiling, 0, 0, 200, 200); g.loadPixels(); var p = g.imageData.data; return p; })(), width: 200, height: 200 }, "dirt-ceiling": { name: "dirt-ceiling", data: (function() { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); g.image(dirt_ceiling, 0, 0, 200, 200); g.loadPixels(); var p = g.imageData.data; return p; })(), width: 200, height: 200 }, "lab-floor": { name: "lab-floor", data: (function() { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); g.image(lab_floor, 0, 0, 200, 200); g.loadPixels(); var p = g.imageData.data; return p; })(), width: 200, height: 200 }, "dirt-floor": { name: "dirt-floor", data: (function() { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); g.image(dirt_floor, 0, 0, 200, 200); g.loadPixels(); var p = g.imageData.data; return p; })(), width: 200, height: 200 }, // Extra "blank": { name: "blank", data: (function() { var g = pjs.createGraphics(200, 200, pjs.PConstants.P2D); g.background(0); g.loadPixels(); var p = g.imageData.data; return p; })(), width: 200, height: 200 }, }; var enemy_textures = (function () { var imgs_to_test = { "OhNoes": getImage("creatures/OhNoes"), "OhNoes-Hmm": getImage("creatures/OhNoes-Hmm"), "OhNoes-Happy": getImage("creatures/OhNoes-Happy"), "Mr-Pink": getImage("avatars/mr-pink"), "Mr-Pink-Green": getImage("avatars/mr-pink-green"), "Mr-Pink-Orange": getImage("avatars/mr-pink-orange"), }; var imgs_health = { "OhNoes": 4, "OhNoes-Hmm": 6, "OhNoes-Happy": 8, "Mr-Pink": 5, "Mr-Pink-Green": 10, "Mr-Pink-Orange": 15, }; var final_textures = {}; for (var i in imgs_to_test) { var img = imgs_to_test[i]; final_textures[i] = []; for (var j = 0; j < imgs_health[i]; j ++) { var g = pjs.createGraphics(400, 400, pjs.PConstants.P2D); g.background(255, 255, 255, 0); g.imageMode(3); g.image(img, 200, 200, 300, 300 * img.width / img.height); g.noStroke(); g.fill(255, 0, 0); g.rect(50, 25, 300, 10); g.fill(0, 255, 0); g.rect(50, 25, 300 * (j + 1) / imgs_health[i], 10); g.loadPixels(); var p = g.imageData.data; final_textures[i][j] = { width: 400, height: 400, data: p }; } } return final_textures; }) (); var sprites = { zBuffer: [], sprites: [], }; var spriteSortFunc = function (a, b) { var ad = pjs.sq(viewer.x - a.x) + pjs.sq(viewer.y - a.x); var bd = pjs.sq(viewer.x - b.x) + pjs.sq(viewer.y - b.y); return ad - bd; }; var Sprite = (function () { var ctor = function (tex, x, y, uDiv, vDiv, vMove) { this.data = tex.data; this.width = tex.width; this.height = tex.height; this.x = x; this.y = y; this.uDiv = uDiv; this.vDiv = vDiv; this.vMove = vMove; this.centerOnScreen = false; this.mouseOver = false; sprites.sprites.push(this); }; ctor.new = function (tex, conf) { return newCtor(this, [tex, conf.x, conf.y, conf.uDiv, conf.vDiv, conf.vMove]); }; return ctor; }) (); var Particle = (function () { var ctor = function (x, y, vx, vy) { this.x = x; this.y = y; this.vx = vx; this.vy = vy; this.dead = false; }; ctor.prototype.updatePosition = function () { this.x += this.vx; this.y += this.vy; if (this.x < 0 \|\| this.x > worlds[level].bitmap[0].length) { this.dead = true; return; } if (this.y < 0 \|\| this.y > worlds[level].bitmap.length) { this.dead = true; return; } if (worlds[level].bitmap[Math.floor(this.y)][Math.floor(this.x)] !== "-") { this.dead = true; return; } this.sprite.x = this.x; this.sprite.y = this.y; }; return ctor; }) (); var Basic_Attack = (function () { var ctor = function (x, y, vx, vy) { Particle.call(this, x, y, vx, vy); this.sprite = Sprite.new(semicolon_sprite, { x: this.x, y: this.y, uDiv: 1, vDiv: 1, vMove: 0 }); }; ctor.prototype = Object.create(Particle.prototype); return ctor; }) (); var Advanced_Attack = (function () { var ctor = function (x, y, vx, vy) { Particle.call(this, x, y, vx, vy); this.sprite = Sprite.new(undefined_sprite, { x: this.x, y: this.y, uDiv: 1, vDiv: 1, vMove: 0 }); }; ctor.prototype = Object.create(Particle.prototype); return ctor; }) (); var Enemies = {}; Enemies.OhNoes_1 = (function () { var ctor = function (x, y) { Sprite.call(this, enemy_textures.OhNoes[3], x, y, 1, 1, 0); this.health = 4; this.minDistToPlayer = 5; this.speed = 0.2; this.damage = 1; }; ctor.prototype.takeDamage = function () { this.health --; if (this.health < 1) { this.dead = true; return; } this.data = enemy_textures.OhNoes[this.health - 1].data; this.width = enemy_textures.OhNoes[this.health - 1].width; this.height = enemy_textures.OhNoes[this.health - 1].height; }; ctor.new = function (x, y) { return newCtor(this, [x, y]); }; return ctor; }) (); Enemies.OhNoes_2 = (function () { var ctor = function (x, y) { Sprite.call(this, enemy_textures["OhNoes-Hmm"][5], x, y, 1, 1, 0); this.health = 6; this.minDistToPlayer = 5; this.speed = 0.1; this.damage = 1; }; ctor.prototype.takeDamage = function () { this.health --; if (this.health < 1) { this.dead = true; return; } this.data = enemy_textures["OhNoes-Hmm"][this.health - 1].data; this.width = enemy_textures["OhNoes-Hmm"][this.health - 1].width; this.height = enemy_textures["OhNoes-Hmm"][this.health - 1].height; }; ctor.new = function (x, y) { return newCtor(this, [x, y]); }; return ctor; }) (); Enemies.OhNoes_3 = (function () { var ctor = function (x, y) { Sprite.call(this, enemy_textures["Mr-Pink"][7], x, y, 1, 1, 0); this.health = 8; this.minDistToPlayer = 5; this.speed = 0.05; this.damage = 1; }; ctor.prototype.takeDamage = function () { this.health --; if (this.health < 1) { this.dead = true; return; } this.data = enemy_textures["Mr-Pink"][this.health - 1].data; this.width = enemy_textures["Mr-Pink"][this.health - 1].width; this.height = enemy_textures["Mr-Pink"][this.health - 1].height; }; ctor.new = function (x, y) { return newCtor(this, [x, y]); }; return ctor; }) (); Enemies.MrPink_1 = (function () { var ctor = function (x, y) { Sprite.call(this, enemy_textures["Mr-Pink"][4], x, y, 1, 1, 0); this.health = 5; this.minDistToPlayer = 1.1; this.speed = 0.05; this.damage = 0.1; }; ctor.prototype.takeDamage = function () { this.health --; if (this.health < 1) { this.dead = true; return; } this.data = enemy_textures["Mr-Pink"][this.health - 1].data; this.width = enemy_textures["Mr-Pink"][this.health - 1].width; this.height = enemy_textures["Mr-Pink"][this.health - 1].height; }; ctor.new = function (x, y) { return newCtor(this, [x, y]); }; return ctor; }) (); Enemies.MrPink_2 = (function () { var ctor = function (x, y) { Sprite.call(this, enemy_textures["Mr-Pink-Green"][9], x, y, 1, 1, 0); this.health = 10; this.minDistToPlayer = 1; this.speed = 0.04; this.damage = 0.2; }; ctor.prototype.takeDamage = function () { this.health --; if (this.health < 1) { this.dead = true; return; } this.data = enemy_textures["Mr-Pink-Green"][this.health - 1].data; this.width = enemy_textures["Mr-Pink-Green"][this.health - 1].width; this.height = enemy_textures["Mr-Pink-Green"][this.health - 1].height; }; ctor.new = function (x, y) { return newCtor(this, [x, y]); }; return ctor; }) (); Enemies.MrPink_3 = (function () { var ctor = function (x, y) { Sprite.call(this, enemy_textures["Mr-Pink-Orange"][14], x, y, 1, 1, 0); this.health = 15; this.minDistToPlayer = 1; this.speed = 0.05; this.damage = 0.2; }; ctor.prototype.takeDamage = function () { this.health --; if (this.health < 1) { this.dead = true; return; } this.data = enemy_textures["Mr-Pink-Orange"][this.health - 1].data; this.width = enemy_textures["Mr-Pink-Orange"][this.health - 1].width; this.height = enemy_textures["Mr-Pink-Orange"][this.health - 1].height; }; ctor.new = function (x, y) { return newCtor(this, [x, y]); }; return ctor; }) (); var initLevel = function (lvl) { level = lvl; sprites.sprites.length = 0; viewer.x = worlds[lvl].startingPos[0]; viewer.y = worlds[lvl].startingPos[1]; viewer.health = 100; viewer.rdx = -1; viewer.rdy = 0; viewer.view = 0; defaults.planeX = 0; defaults.planeY = 0.66; viewer.rotate(worlds[lvl].startingRotation); var enemiesToAdd = worlds[lvl].enemies; for (var i = 0; i < enemiesToAdd.length; i ++) { var type = enemiesToAdd[i][0]; var xPos = enemiesToAdd[i][1]; var yPos = enemiesToAdd[i][2]; Enemies[type].new(xPos, yPos); } }; initLevel(1); var dist2 = function (x1, y1, x2, y2) { var dx = x1 - x2; var dy = y1 - y2; return dx * dx + dy * dy; }; var render = function() { pjs.loadPixels(); var imgData = pjs.imageData.data; viewer.lookingAtDoor = false; for (var drawX = 0; drawX < displayWidth; drawX++) { var movedAng = 2 * drawX / displayWidth - 1; var rayDirX = viewer.rdx + defaults.planeX * movedAng; var rayDirY = viewer.rdy + defaults.planeY * movedAng; var mapX = Math.floor(viewer.x); var mapY = Math.floor(viewer.y); var sideDistX, sideDistY; var deltaDistX = Math.sqrt(1 + rayDirY * rayDirY / rayDirX / rayDirX); var deltaDistY = Math.sqrt(1 + rayDirX * rayDirX / rayDirY / rayDirY); var perpWallDist; var stepX, stepY; var hit = false; var side; if (rayDirX < 0) { stepX = -1; sideDistX = (viewer.x - mapX) * deltaDistX; } else { stepX = 1; sideDistX = (mapX + 1 - viewer.x) * deltaDistX; } if (rayDirY < 0) { stepY = -1; sideDistY = (viewer.y - mapY) * deltaDistY; } else { stepY = 1; sideDistY = (mapY + 1 - viewer.y) * deltaDistY; } var drawStart, drawEnd; while (!hit) { if (sideDistX < sideDistY) { sideDistX += deltaDistX; mapX += stepX; side = 0; } else { sideDistY += deltaDistY; mapY += stepY; side = 1; } if (worlds[level].bitmap[mapY][mapX] !== "-") { hit = true; } } var wallX; if (side === 0) { perpWallDist = (mapX - viewer.x + (1 - stepX) / 2) / rayDirX; wallX = viewer.y + perpWallDist * rayDirY; } else { perpWallDist = (mapY - viewer.y + (1 - stepY) / 2) / rayDirY; wallX = viewer.x + perpWallDist * rayDirX; } wallX = wallX - Math.floor(wallX); var lineHeight = Math.floor(displayHeight / 2 / perpWallDist); drawStart = pjs.constrain(displayHeight / 2 - lineHeight + viewer.view, 0, displayHeight - 1); drawEnd = pjs.constrain(displayHeight / 2 + lineHeight + viewer.view, 0, displayHeight - 1); var tex = images[worlds[level].bitmap[mapY][mapX]]; var texX = Math.floor(wallX * tex.width); if (side === 0 && rayDirX > 0) { texX = tex.width - texX - 1; } if (side === 1 && rayDirY < 0) { texX = tex.width - texX - 1; } for (var drawY = drawStart; drawY < drawEnd; drawY++) { var rdy = pjs.map(drawY, displayHeight / 2 - lineHeight + viewer.view, displayHeight / 2 + lineHeight + viewer.view, 0, 1); var texY = Math.floor(rdy * tex.height); var texL = texX + texY * tex.width << 2; var drawL = drawX + drawY * pjs.width << 2; if (worlds[level].bitmap[mapY][mapX] === "D" && dist2(drawX, drawY, displayWidth / 2, displayHeight / 2) < 5 * 5 && perpWallDist < 2) { viewer.lookingAtDoor = true; } //var shade = 1 - constrain(perpWallDist, 0, 5) / 5; var shade = 1; if (side === 0) { imgData[drawL + 0] = tex.data[texL + 0] * shade; imgData[drawL + 1] = tex.data[texL + 1] * shade; imgData[drawL + 2] = tex.data[texL + 2] * shade; } else { imgData[drawL + 0] = tex.data[texL + 0] * shade / 2; imgData[drawL + 1] = tex.data[texL + 1] * shade / 2; imgData[drawL + 2] = tex.data[texL + 2] * shade / 2; } } // Floor casting var floorXWall, floorYWall; // 4 different wall positions possible if (side === 0 && rayDirX > 0) { floorXWall = mapX; floorYWall = mapY + wallX; } else if (side === 0 && rayDirX < 0) { floorXWall = mapX + 1.0; floorYWall = mapY + wallX; } else if (side === 1 && rayDirY > 0) { floorXWall = mapX + wallX; floorYWall = mapY; } else { floorXWall = mapX + wallX; floorYWall = mapY + 1.0; } var distWall, distPlayer, currentDist; distWall = perpWallDist; distPlayer = 0.0; if (drawEnd > displayHeight) { drawEnd = displayHeight; } // draw the floor from drawEnd to bottom of screen for (var drawY = displayHeight / 2 + lineHeight + viewer.view; drawY < displayHeight; drawY ++) { currentDist = displayHeight / (2 * drawY - displayHeight - viewer.view * 2); var weight = (currentDist - distPlayer) / (distWall - distPlayer); var currentFloorX = weight * floorXWall + (1 - weight) * viewer.x; var currentFloorY = weight * floorYWall + (1 - weight) * viewer.y; var floorMapX = Math.floor(currentFloorX); var floorMapY = Math.floor(currentFloorY); var which = worlds[level].floor; /* if (floorMapX >= 0 && floorMapX < worlds[level].bitmap[0].length) { if (floorMapY >= 0 && floorMapY < worlds[level].bitmap.length) { var wh = worlds[level].bitmap[floorMapY][floorMapX]; if (wh === "-") { which = worlds[level].floor; } } } / var tex = images[which]; var texX = Math.floor(currentFloorX tex.width) % tex.width; var texY = Math.floor(currentFloorY * tex.height) % tex.height; var drawL = drawX + drawY * pjs.width << 2; var texL = texX + texY * tex.width << 2; //var shade = 1 - constrain(currentDist, 0, 5) / 5; var shade = 1; imgData[drawL + 0] = tex.data[texL + 0] * shade; imgData[drawL + 1] = tex.data[texL + 1] * shade; imgData[drawL + 2] = tex.data[texL + 2] * shade; } for (var drawY = displayHeight / 2 + lineHeight - viewer.view; drawY < displayHeight; drawY ++) { currentDist = displayHeight / (2 * drawY - displayHeight + viewer.view * 2); var weight = (currentDist - distPlayer) / (distWall - distPlayer); var currentFloorX = weight * floorXWall + (1 - weight) * viewer.x; var currentFloorY = weight * floorYWall + (1 - weight) * viewer.y; var floorMapX = Math.floor(currentFloorX); var floorMapY = Math.floor(currentFloorY); var which2 = worlds[level].ceiling; var tex2 = images[which2]; var texX2 = Math.floor(currentFloorX * tex2.width) % tex2.width; var texY2 = Math.floor(currentFloorY * tex2.height) % tex2.height; var texL2 = texX2 + texY2 * tex2.width << 2; //var shade = 1 - constrain(currentDist, 0, 5) / 5; var shade = 1; var drawL2 = drawX + (displayHeight - drawY) * pjs.width << 2; imgData[drawL2 + 0] = tex2.data[texL2 + 0] * shade; imgData[drawL2 + 1] = tex2.data[texL2 + 1] * shade; imgData[drawL2 + 2] = tex2.data[texL2 + 2] * shade; } sprites.zBuffer[drawX] = perpWallDist; } // Sprite Casting sprites.sprites.sort(spriteSortFunc); for (var i = 0; i < sprites.sprites.length; i ++) { var cur = sprites.sprites[i]; var spriteX = cur.x - viewer.x; var spriteY = cur.y - viewer.y; var invDet = 1 / (defaults.planeX * viewer.rdy - viewer.rdx * defaults.planeY); var transformX = invDet * (viewer.rdy * spriteX - viewer.rdx * spriteY); var transformY = invDet * (-defaults.planeY * spriteX + defaults.planeX * spriteY); if (transformY <= 0.05) { continue; } if (transformY >= 15) { continue; } var spriteScreenX = Math.floor(displayWidth / 2 * (1 + transformX / transformY)); var vMoveScreen = Math.floor(cur.vMove / transformY); var spriteHeight = Math.abs(Math.floor(displayHeight / transformY)) / cur.vDiv; var drawStartY = -spriteHeight / 2 + displayHeight / 2 + vMoveScreen; var drawEndY = spriteHeight / 2 + displayHeight / 2 + vMoveScreen; var spriteWidth = Math.abs(Math.floor(displayHeight / transformY)) / cur.uDiv; var drawStartX = -spriteWidth / 2 + spriteScreenX; if (drawStartX < 0) { drawStartX = 0; } var drawEndX = spriteWidth / 2 + spriteScreenX; if (drawEndX >= displayWidth) { drawEndX = displayWidth - 1; } var preMouseOver = cur.mouseOver; cur.mouseOver = false; for (var stripe = drawStartX; stripe < drawEndX; stripe ++) { if (stripe > 0 && stripe < displayWidth - 1 && transformY < sprites.zBuffer[Math.floor(stripe)]) { var texX = Math.floor((stripe - (-spriteWidth / 2 + spriteScreenX)) * cur.width / spriteWidth); for (var y = drawStartY; y < drawEndY; y ++) { var d = Math.floor((y - vMoveScreen) - displayHeight / 2 + spriteHeight / 2); var texY = Math.floor((d * cur.height) / spriteHeight); var texL = Math.floor(texX) + Math.floor(texY) * cur.width << 2; var screenL = Math.floor(stripe) + Math.floor(y + viewer.view) * pjs.width << 2; if (screenL < 0) { continue; } if (y + viewer.view > displayHeight) { continue; } var shade = 1 - constrain(transformY, 0, 15) / 15; if (cur.data[texL + 3] > 10) { if (dist2(stripe, y + viewer.view, displayWidth / 2, displayHeight / 2) < 5 * 5) { cur.mouseOver = true; } if (cur.data[texL + 3] === 255) { imgData[screenL + 0] = cur.data[texL + 0] * shade; imgData[screenL + 1] = cur.data[texL + 1] * shade; imgData[screenL + 2] = cur.data[texL + 2] * shade; } else { imgData[screenL + 0] = (imgData[screenL + 0] * 255 + cur.data[texL + 0] * cur.data[texL + 3]) / (255 + cur.data[texL + 3]); imgData[screenL + 1] = (imgData[screenL + 1] * 255 + cur.data[texL + 0] * cur.data[texL + 3]) / (255 + cur.data[texL + 3]); imgData[screenL + 2] = (imgData[screenL + 2] * 255 + cur.data[texL + 0] * cur.data[texL + 3]) / (255 + cur.data[texL + 3]); } /* if (preMouseOver) { imgData[screenL + 0] = (imgData[screenL + 0] + 255); } / } } } } } pjs.updatePixels(); }; var move = function() { var ms = viewer.moveSpeed + 0.1; if (keys.char("w")) { if (worlds[level].bitmap[Math.floor(viewer.y)][Math.floor(viewer.x + viewer.rdx ms)] === "-") { viewer.x += viewer.rdx * viewer.moveSpeed; } if (worlds[level].bitmap[Math.floor(viewer.y + viewer.rdy * ms)][Math.floor(viewer.x)] === "-") { viewer.y += viewer.rdy * viewer.moveSpeed; } } //move backwards if no wall behind you if (keys.char("s")) { if (worlds[level].bitmap[floor(viewer.y)][floor(viewer.x - viewer.rdx * ms)] === "-") { viewer.x -= viewer.rdx * viewer.moveSpeed; } if (worlds[level].bitmap[floor(viewer.y - viewer.rdy * ms)][floor(viewer.x)] === "-") { viewer.y -= viewer.rdy * viewer.moveSpeed; } } //strafe if (keys.char("a")) { if (worlds[level].bitmap[floor(viewer.y + viewer.rdx * ms)][floor(viewer.x)] === "-") { viewer.y += viewer.rdx * viewer.moveSpeed; } if (worlds[level].bitmap[floor(viewer.y)][floor(viewer.x - viewer.rdy * ms)] === "-") { viewer.x -= viewer.rdy * viewer.moveSpeed; } } if (keys.char("d")) { if (worlds[level].bitmap[floor(viewer.y - viewer.rdx * ms)][floor(viewer.x)] === "-") { viewer.y -= viewer.rdx * viewer.moveSpeed; } if (worlds[level].bitmap[floor(viewer.y)][floor(viewer.x + viewer.rdy * ms)] === "-") { viewer.x += viewer.rdy * viewer.moveSpeed; } } // rotate viewer.view = pjs.constrain(viewer.view += Math.floor((pjs.pmouseY - pjs.mouseY) * displayHeight / 400 * SENSITIVITY * 0.8), -300, 300); var moveSpeed = (pjs.pmouseX - pjs.mouseX) * viewer.moveSpeed * 2 * SENSITIVITY; viewer.rotate(moveSpeed); for (var i = 0; i < sprites.sprites.length; i ++) { var toMove = sprites.sprites[i]; var distance = dist2(toMove.x, toMove.y, viewer.x, viewer.y); if (distance > toMove.minDistToPlayer * toMove.minDistToPlayer) { if (castRayBetween(viewer.x, viewer.y, toMove.x, toMove.y)) { var dx = viewer.x - toMove.x; var dy = viewer.y - toMove.y; var di = Math.sqrt(dx * dx + dy * dy); if (di > toMove.speed) { dx = toMove.speed / di; dy = toMove.speed / di; } toMove.x += dx; toMove.y += dy; } } } }; var drawGUI = function () { // Attempt at hands /* var l = Math.sqrt(2) * 200; pjs.pushMatrix(); pjs.scale(displayWidth / 400, displayHeight / 400); /* var rot = 40; var x1 = 200 + pjs.cos(rot - 10) * l; var y1 = 300 + pjs.sin(rot - 10) * l; var x2 = 200 + pjs.cos(rot + 10) * l; var y2 = 300 + pjs.sin(rot + 10) * l; var x3 = 200 + pjs.cos(rot + 10) * (l / 4); var y3 = 300 + pjs.sin(rot + 10) * (l / 4); var x4 = 200 + pjs.cos(rot - 10) * (l / 4); var y4 = 300 + pjs.sin(rot - 10) * (l / 4); var dx = x3 - x4; var dy = y3 - y4; var di = Math.sqrt(dx * dx + dy * dy); pjs.fill(38, 86, 209); pjs.beginShape(); pjs.vertex(x1, y1); pjs.vertex(x2, y2); pjs.vertex(x3, y3); pjs.vertex(x4, y4); pjs.endShape(pjs.PConstants.OPEN); pjs.rectMode(3); pjs.fill(0); pjs.pushMatrix(); pjs.translate((x3 + x4) / 2, (y3 + y4) / 2); pjs.rotate(rot + 90); pjs.rect(0, 30, di, 60); pjs.popMatrix(); pjs.fill(77, 77, 77); pjs.beginShape(); pjs.endShape(); pjs.fill(255); pjs.ellipse(100, 350, 50, 50); pjs.ellipse(300, 350, 50, 50); pjs.popMatrix(); / // Crosshair pjs.noFill(); pjs.pushMatrix(); pjs.translate(displayWidth / 2, displayHeight / 2); pjs.scale(viewer.crosshair.scl); / pjs.rotate(pjs.frameCount); pjs.stroke(255, 255, 255); pjs.arc(10, -10, 50, 50, -90, 0); pjs.arc(10, 10, 50, 50, 0, 90); pjs.arc(-10, 10, 50, 50, 90, 180); pjs.arc(-10, -10, 50, 50, 180, 270); pjs.arc(0, 0, 50, 50, -80, -10); pjs.arc(0, 0, 50, 50, 10, 80); pjs.arc(0, 0, 50, 50, 100, 170); pjs.arc(0, 0, 50, 50, 190, 260); / pjs.stroke(255, 255, 255); pjs.ellipse(0, 0, 10, 10); popMatrix(); viewer.crosshair.scl += (1 - viewer.crosshair.scl) / 10; // Health + ammo pushMatrix(); translate(0, displayHeight); scale(DETAIL 2); pjs.textAlign(3, 3); pjs.fill(255); pjs.rect(0, -20, 45, 20, 0, 5, 0, 0); pjs.image(heart_icon, 0, -20, 20, 20); pjs.fill(0); pjs.text(Math.round(viewer.health), 30, -10); popMatrix(); }; var scene = "menu"; var gameEngine = function () { render(); drawGUI(); move(); pjs.image(pjs.get(0, 0, displayWidth, displayHeight), -5, -5, pjs.width + 10, pjs.height + 10); pjs.fill(255); pjs.text("Framerate: " + pjs.__frameRate.toFixed(3), 75, 10); if (viewer.health <= 0) { scene = "lose"; transition = 100; return; } for (var i = sprites.sprites.length; i --;) { var cur = sprites.sprites[i]; if (cur.dead) { sprites.sprites.splice(i, 1); continue; } if (dist2(cur.x, cur.y, viewer.x, viewer.y) < 1.2 * 1.2) { viewer.takeDamage(cur.damage); } } var hasBeenHit = false; for (var i = 0; i < sprites.sprites.length; i ++) { var cur = sprites.sprites[i]; if (!hasBeenHit && cur.mouseOver && isMouseClicked) { cur.takeDamage(); hasBeenHit = true; } } if (viewer.lookingAtDoor && !sprites.sprites.length) { pjs.text("Press E to continue", width / 2, 10); if ((keys.char("e") \|\| keys.char("E")) && level < worlds.length - 1) { initLevel(++level); transition = 100; } else if ((keys.char("e") \|\| keys.char("E")) && level === worlds.length - 1) { scene = "win"; transition = 100; } } }; pjs.draw = function() { this[["KAInfiniteLoopSetTimeout"]](4000); switch (scene) { case "game": gameEngine(); break; case "menu": menu(); break; case "win": winScreen(); break; case "lose": loseScreen(); break; } runTransition(); isMouseClicked = false; }; pjs.mouseClicked = function () { isMouseClicked = true; viewer.crosshair.scl = 1.5; PointerLockAPI(function (Pointer) { if (Pointer.Supported) { Pointer.Lock(); } }); }; }; init(this); });
Folds	12,81,83,2595
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJHY3tn7Cww
Votes	166
Spin-Offs	8
Type	PJS
Width	500
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	xacer
Author Name	xacer
Author ID	kaid_936620259368561719366955
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739461242003
Updated	10 months ago, 1739461249279
Source Deleted	unknown