Viewing Program

Program Data

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

Title	R.E.M.
ID	4934970451116032
Created	4 years ago, 1613674743221
Updated	4 years ago, 1613919850366
Code	/* .----------------. .----------------. .----------------. \| .--------------. \|\| .--------------. \|\| .--------------. \| \| \| _______ \| \|\| \| _________ \| \|\| \| ____ ____ \| \| \| \| \|_ __ \ \| \|\| \| \|_ ___ \| \| \|\| \|\|_ \ / _\|\| \| \| \| \| \|__) \| \| \|\| \| \| \|_ \_\| \| \|\| \| \| \/ \| \| \| \| \| \| __ / \| \|\| \| \| _\| _ \| \|\| \| \| \|\ /\| \| \| \| \| \| _\| \| \ \_ \| \|\| \| _\| \|___/ \| \| \|\| \| _\| \|_\/_\| \|_ \| \| \| \| \|____\| \|___\| \| \|\| \| \|_________\| \| \|\| \|\|_____\|\|_____\|\| \| \| \| \| \|\| \| \| \|\| \| \| \| \| '--------------' \|\| '--------------' \|\| '--------------' \| '----------------' '----------------' '----------------' [beta?] / var DELAG = !true; /* * A game concept by Team Egestas. * Based off of No Name's Graphics and also sorta Secret World * * Wowza, 10:59 (PST). Exactly on the deadline. * * Idk, innocent-toddler-dream-escalating-into-a-magical-nightmare-esque sorta thing * * Yes, you can swim in air. It's a dream after all.. * * Based off of: https://www.khanacademy.org/cs/i/5360782972502016 * Evil Bird thingy from: https://www.khanacademy.org/cs/i/6383742086496256 * Giants after: https://www.khanacademy.org/cs/i/5130120579596288 * * * @JUDGES * Updates after deadline: * Fixed 'Clash of Code 2020' to say'Clash of Code 2021' (check bottom of code) * * Creator Timeline * Tachyon (me) Creates Collisions and Concept Art / Brainstorms --> * PT works on the framework while Walk Worthy does the world generation --> * IA joins and helps out with graphics (joins more than halfway so .5 of a team member) --> * The four of us work on the game --> * Akbaba helps out the final week(exempt since he is the leader after all) --> * Game is released --> 5 People working on it * However, only 3.5 persons worked on it, aside from Akbaba who is free to help out in both entries. * * I doubt there was any distinction on whether there was a cap on team members per entry. Last I recall, the prompt was simply just to seperate into two teams and work on two entries that are either games or graphics. / /Code Documented by Tachyon*/ // jshint curly: false / Input / var keys = {};//Fun fact: you can reference things inside of objects like: object["something"] instead of object.something keyPressed = function() {//this means you can use variables instead of typing each out manually: keys[key] = keys[keyCode] = true; }; keyReleased = function() {//basically keys[key] = keys[keyCode] = false, but cleaner: delete keys[key]; delete keys[keyCode]; }; var clicked = false; mouseClicked = function() { clicked = true;//user has clicked }; / Init / var scene = 'logo'; var font = {//load fonts at the start of the program, not repeatedly while it runs menu: createFont('Gill Sans Ultra Bold'), inscription: createFont("Bahnschrift Light SemiCondensed") }; size(600, 600, undefined); //make sure spin-off's look orderly (undefined can be changed to P2D) //stall Oh Noes var setKALoopTimer = function() { //idek who this is from, but i saw it in miss mango's pew pew program :P //(I don't save it, because usually, I don't need it. this is one of those cases where its not needed, but it might just improve something) frameRate(60); this[['KAInfiniteLoopCount']] = - Infinity; this[['KAInfiniteLoopSetTimeout'][0]](200000000); }; setKALoopTimer(); smooth(); / Logo / //Credit: IA var logo_x_pos = [-600, 600, -600, 600, -600]; var logo_timer = 0; var logo = { slices: [], trans: { onFinish: null, peaked: false, sceneHasChanged: false, // <-- IMPORTANT opac: 0, speed: 2, timer: 0, delay: 30, start: false, increaseOpac: function () { if(this.opac < 255) this.opac += this.speed; else { this.opac = 255; this.peaked = true; } }, decreaseOpac: function () { if(this.opac > 0) this.opac -= this.speed; else this.opac = 0; }, draw: function () { fill(255, this.opac); rect(0, 0, 600, 600); }, run: function () { if(this.start){ if(!this.peaked) this.increaseOpac(); else { if(this.timer > this.delay){ // I added a once-run for the scene change if(!this.sceneHasChanged){ scene = this.onFinish; this.sceneHasChanged = true; } this.decreaseOpac(); } else this.timer ++; } this.draw(); } } }, next: function (goto) { logo.trans.onFinish = goto; }, clearCanvas: function (fontStyle) { background(255, 0); noStroke(); rectMode(CORNER); imageMode(CORNER); textAlign(CENTER, CENTER); textFont(createFont( "Trebuchet MS" + (fontStyle ? " " + fontStyle : "") )); }, drawSlices: function () { var imgs = logo.slices; imageMode(CORNER); for(var i = 0; i < 5; i ++){ if(!imgs[i]) continue; image(imgs[i], logo_x_pos[i], i 120); if((i - 1) >= 0){ if(logo_x_pos[(i - 1)]) continue; } if((i % 2 ? logo_x_pos[i] > 0 : logo_x_pos[i] < 0 ) ) { logo_x_pos[i] = lerp( logo_x_pos[i], (i % 2 ? -1 : 1), 0.12 ); } else logo_x_pos[i] = 0; } }, }; logo.slices[0] = (function () { var self = logo; self.clearCanvas("Italic"); for(var i = 0; i < 100; i ++){ fill(255 - map(i, 0, 100, 55, 165)); rect(i * 6, 240, 7, 120); } noStroke(); fill(178); for(var j = 0; j < 3; j ++){ for(var i = 0; i < 6; i ++){ pushMatrix(); translate( -i * 60 + (j % 2 ? 30 : 0), 52 - j * 52 ); beginShape(); vertex(300, 330); vertex(326, 315); vertex(326, 285); vertex(300, 270); vertex(274, 285); vertex(274, 315); endShape(CLOSE); popMatrix(); } } for(var i = 0; i < 5; i ++){ fill(120 + i * 20); rect(300 + i * 60, 240, 60, 120); } textSize(94); fill(120); fill(0, 60); text("PT", 146, 304); fill(40); text("PT", 150, 300); return get(0, 240, 600, 120); })(); logo.slices[1] = (function () { var self = logo; self.clearCanvas(); fill(0); rect(0, 240, 600, 120); textSize(64); pushMatrix(); translate(300, 300); scale(1.25, 1); fill(255, 0, 0, 160); text("Tachyon", -4, -2); fill(0, 0, 255, 160); text("Tachyon", 3, -3); fill(0, 255, 0, 160); text("Tachyon", -1, 3); fill(255, 200); text("Tachyon", 0, 0); popMatrix(); var tachyon_imgs = []; for(var i = 0; i < 10; i ++){ tachyon_imgs.push( get(0, 240 + i * 12, 600, 12) ); } fill(0); rect(0, 240, 600, 120); for(var i = 0; i < tachyon_imgs.length; i ++){ var img = tachyon_imgs[i]; image(img, (i % 2) * 2, 240 + i * 12); } return get(0, 240, 600, 120); })(); logo.slices[2] = (function () { var self = logo; self.clearCanvas(); fill(0); rect(0, 240, 600, 120); fill(0, 85, 255); for(var i = 0; i < 13; i ++){ if(i % 3 === 1){ fill(27, 98, 242); } else if(i % 3 === 2){ fill(15, 45, 196); } else { fill(230, 216, 23); } pushMatrix(); translate(i52-275, 0); beginShape(); vertex(275, 230); vertex(325, 300); vertex(275, 370); vertex(225, 370); vertex(275, 300); vertex(225, 230); endShape(CLOSE); popMatrix(); } textSize(50); fill(0, 200); for(var i = 0; i < 8; i ++){ text( "Ibraheem Ahmed (IA)", 300 + sin(i 360 / 8) * 3, 300 + cos(i * 360 / 8) * 3 ); } fill(255); text("Ibraheem Ahmed (IA)", 300, 300); return get(0, 240, 600, 120); })(); logo.slices[3] = (function () { var self = logo; self.clearCanvas("Italic"); fill(255, 155, 0); rect(0, 240, 600, 120); fill(245, 143, 17); for(var i = 0; i < 13; i ++){ pushMatrix(); translate(i * 62 - 100, 285); rotate(-45); rect(0, 0, 100, 40); rect(0, 44, 40, 100); popMatrix(); } fill(255); textSize(60); pushMatrix(); translate(-4, -2); pushMatrix(); translate(336, 312); scale(1.35, 1); text("kbaba", 0, 0); popMatrix(); textSize(120); pushMatrix(); translate(-50, 0); text("A", 242, 300); beginShape(); vertex(260, 346); vertex(500, 346); vertex(510, 340); vertex(270, 340); endShape(); popMatrix(); popMatrix(); return get(0, 240, 600, 120); })(); logo.slices[4] = (function () { var self = logo; self.clearCanvas("Bold"); randomSeed(16); for(var i = 0; i < 60; i ++){ fill(lerpColor( color(9, 32, 148), color(255, 221, 51), i/60 )); ellipse(300, 420, 700 - i * 10, 700 - i * 10); } fill(0, 200, 50); rect(0, 350, 600, 10); for(var i = 0; i < 50; i ++){ pushMatrix(); translate(i * 12, 356); rotate(tan(i * 11) * 50); rect(0, 0, 3, -20 - random(-10, 5)); popMatrix(); } textSize(68); pushMatrix(); translate(300, 296); scale(1.15, 1); fill(200, 255, 255, 100); for(var i = 0; i < 42; i ++){ text( "Walk Worthy", sin(i 45) * 4, cos(i * 45) * 4 ); } fill(0, 0, 210); text("Walk Worthy", 0, 0); popMatrix(); return get(0, 240, 600, 120); })(); logo.all = function () { this.drawSlices(); if(round(logo_x_pos[4]) === 0) logo_timer ++; if(logo_timer > 50) this.trans.start = true; }; /* Graphics & Loading Images / function JOJO(x, y, r, s) { translate(x, y); rotate(r); scale(s); translate(-55, 25); stroke(0); strokeWeight(7); strokeJoin(BEVEL); fill(10,5,235); beginShape(); vertex(-25, -125); vertex(25, -125); vertex(12.5, 25); vertex(125, 0); vertex(125, 12.5+37.5); vertex(25, 12.5+37.5+12.5); vertex(30, +100); vertex(-30, +100); endShape(CLOSE); quad(50+12.5, -25, 50-12.5, 0, 50, -150, 75+12.5, -150); translate(50, -20); rotate(5); quad(50+12.5, -25, 50-12.5, 0, 50, -150, 75+12.5, -150); resetMatrix(); } function attack() { background(233, 237, 176); translate(width/2, height/2); rotate(-10); scale(1.2); translate(-width/2, -height/2); strokeWeight(5); for (var i = 0; i < height;) { stroke(204 + random(25),161,90 + random(-50, 50), 150); line(-100, i - random(-20, 20), width+100, i - random(-20, 20)); i += random(20); } resetMatrix(); JOJO(width/2-200, height/2, -10, 0.75); JOJO(width/2+200, height/2-50, 0, 0.75); JOJO(width/2, height/2-100, -20, 0.75); textAlign(CENTER, CENTER); textSize(40); for (var i = 0; i < 360; i += 45/4) { var s = 3; fill(0); text("Oh you're approaching me?", width/2+cos(i) s, height/2+200 + sin(i)s); } fill(255); text("Oh you're approaching me?", width/2, height/2+200); strokeWeight(5); stroke(0); noFill(); rect(0, 0, width, height); noLoop(); } //Graphics created by: Walk Worthy, IA, Revisions by Tachyon function sun(x, y, s, r) { pushMatrix();//tell the program to get ready for transformations translate(x, y);//shift to x and y scale(s / 95);//resize using ratio rotate(r); strokeWeight(12); //looks like removing that for loop made things a bit faster.. stroke(237, 245, 93); rotate(40); line(-40, 0, 0, 0); rotate(40); line(-40, 0, 0, 0); rotate(40); line(-40, 0, 0, 0); rotate(40); line(-40, 0, 0, 0); rotate(40); line(-40, 0, 0, 0); rotate(40); line(-40, 0, 0, 0); rotate(40); line(-40, 0, 0, 0); rotate(40); line(-40, 0, 0, 0); rotate(40); line(-40, 0, 0, 0); //no need to undo, since everything already has radial symetry strokeWeight(5); stroke(239, 245, 155); fill(237, 222, 52); ellipse(0, 0, 60, 60); popMatrix();//tell the program to stop affecting the matrix } function star(x, y, rad, r) { noStroke();//nope beginShape();//tell the program to start drawing a shape for (var i = 0, inc = 36; i < 360; i += inc) { var prad = rad; if ((i / inc) % 2 === 0) prad /= 2;//if the vertex is an inside vertex, decrease radius accordingly var X = cos(i - r) prad,//polar coordinates, Y = sin(i - r) * prad;//x = cos(theta) * radius, use `sin` instead for y vertex(x + X, y + Y);//specify a point if (prad === rad && Y < -rad / 2) {//if it is one of the top points: stroke(255, 100); strokeWeight(rad / 25); line(x + X / 1.1, y + Y / 1.1, x + X, 0); } } endShape(CLOSE);//end the shape and draw } function drawTree(type, x, y, s, rot) { s = s \|\| 1;//if parameter 's' is specified, use s. if it is not, use 1 rot = rot \|\| 0; var c = [//default color pallet color(115, 84, 33), color(125, 95, 48), color(60, 140, 56), color(83, 156, 76), color(103, 173, 97), ]; if (type < 0) c = [//nightmare pallet (I love this) color(31, 27, 21), color(20, 18, 16), color(58, 129, 150), color(86, 93, 143), color(50, 148, 132), ]; pushMatrix(); translate(x, y);//shift origin to coords scale(s);//resize around new origin rotate(rot);//rotate around origin noStroke(); switch (abs(type)) { case 1://normal trees rectMode(CENTER); fill(c[0]); rect(0, 10, 32, 80); fill(c[1]); triangle(-16, -30, -16, 50, 16, 50); fill(c[2]); ellipse(3, -58, 60, 60); fill(c[3]); ellipse(-14, -43, 60, 60); fill(c[4]); ellipse(17, -38, 60, 60); break; case 2://evergreens rectMode(CENTER); fill(c[0]); rect(0, 10, 22, 80); fill(c[1]); rect(5, 10, 11, 80); pushMatrix(); translate(0, -8); scale(1.2); fill(c[2]); triangle(0, -20, 36, 30, -36, 30); fill(c[3]); triangle(0, -40, 34, 16, -34, 16); fill(c[4]); triangle(0, -60, 30, 0, -30, 0); popMatrix(); break; } rectMode(CORNER);//undo popMatrix(); } var images = (function() { var queue = []; var curIndex = 0; return { queue: function(arr /* or ...args / ) { Array.prototype.push.apply(queue, Array.isArray(arr) ? arr : arguments); }, loadNext: function() { var next = queue[curIndex]; pushStyle(); background(0, 0); this[next.name] = next.load(); popStyle(); ++curIndex; }, getPercentageComplete: function() { return queue.length ? curIndex / queue.length : 1; } }; })(); images.queue([{ name: "dream_bg", load: function() { background(0, 0); var c1 = color(240, 240, 180); var c2 = color(118, 184, 184); for (var i = 0; i < height; i += 1) { stroke(lerpColor(c1, c2, i / height)); point(0, i); } return get(0, 0, 1, height); } }, // dream_bg { name: "nightmare_bg", load: function() { background(0, 0); var c1 = color(14, 0, 120); var c2 = color(255, 255, 0); for (var i = 0; i < height; i += 1) { stroke(lerpColor(c1, c2, i / height)); point(0, i); } return get(0, 0, 1, height); } }, // nightmare_bg { name: "hills", load: function() { background(0, 0); noStroke(); fill(21, 115, 106, 100); for (var x = 0; x < width; ++x) { var n = noise(x / 100) 400 + 250; rect(x, height - n, 1, n); } filter(BLUR, 2); return get(); } } // hills ]); // terrain images (dream, nightmare, dream_hitboxes, nightmare_hitboxes) var colorCoding = { solid: color(255, 0, 255), water: color(0, 0, 255), portal: color(0, 255, 0), portal2: color(0, 100, 0) }; (function() { var p = createGraphics(10000, 600, P2D); p.angleMode = "degrees"; p.smooth(); var fill = p.fill, noStroke = p.noStroke, rect = p.rect, bezier = p.bezier, noFill = p.noFill, strokeWeight = p.strokeWeight, stroke = p.stroke, beginShape = p.beginShape, vertex = p.vertex, line = p.line, arc = p.arc, curveVertex = p.curveVertex, endShape = p.endShape, text = p.text, pushMatrix = p.pushMatrix, translate = p.translate, scale = p.scale, ellipse = p.ellipse, rotate = p.rotate, textAlign = p.textAlign, colorMode = p.colorMode, triangle = p.triangle, popMatrix = p.popMatrix; function rock(x, y, w, h, rockType, terrainType) { if (terrainType.endsWith("hitboxes")) { strokeWeight(4); stroke(colorCoding.solid); fill(colorCoding.solid); arc(x, y, w, h, 180, 360); } else { var c = [ // regular rock color(209, 209, 209), color(179, 179, 179), color(171, 171, 171) ]; if (terrainType === "nightmare") rockType = -1; switch (rockType) { case 1: //darker rock c = [ color(184, 184, 184), color(158, 158, 158), color(161, 161, 161) ]; break; case 2: //mossy rock c = [ color(91, 133, 87), color(154, 168, 153), color(128, 148, 127) ]; break; case 3: //bluish marble rock c = [ color(230, 230, 230), color(174, 181, 194), color(163, 166, 186) ]; break; case 4: //sandy rock c = [ color(199, 194, 167), color(217, 205, 178), color(201, 188, 173) ]; break; /Nightmare (negative values)/ case -1: //purplish rock c = [ color(199, 195, 199), color(158, 142, 158), color(153, 118, 153) ]; break; case -2: //geode rock c = [ color(174, 212, 190), color(89, 153, 127), color(57, 87, 71) ]; break; case -3: //purple rock c = [ color(186, 163, 177), color(143, 110, 148), color(98, 67, 110) ]; break; case -4: //bronze rock c = [ color(212, 206, 101), color(204, 161, 88), color(179, 130, 88) ]; break; } strokeWeight(4); stroke(c[0]); fill(c[1]); arc(x, y, w, h, 180, 360); fill(c[2]); noStroke(); arc(x + random(-w / 8, w / 8), y, w / random(1.5, 2), h / random(1.5, 2), 180, 360); } } function twig(b, branches, budRadius, budFill) { var length = 100, inc = 5 / length; noFill(); bezier(b[0], b[1], b[2], b[3], b[4], b[5], b[6], b[7]); for (var i = 0; i < branches; i++) { var t = random(length) / length; var x = bezierPoint(b[0], b[2], b[4], b[6], t), y = bezierPoint(b[1], b[3], b[5], b[7], t); var dx = bezierTangent(b[0], b[2], b[4], b[6], t), dy = bezierTangent(b[1], b[3], b[5], b[7], t); noFill(); line(x, y, x + dx / 4, y + dy / 4); var theta = atan2(dy, dx); //usually its atan2(y - y2, x - x2), but since the y in 'y - (y + dx)' cancels out, we are left with dx (budFill ? fill : noFill)(budFill); ellipse(x + dx / 4 + cos(theta) budRadius * t, y + dy / 4 + sin(theta) * budRadius * t, budRadius * 2 * t, budRadius * 2 * t); } var dx = bezierTangent(b[0], b[2], b[4], b[6], 1), dy = bezierTangent(b[1], b[3], b[5], b[7], 1); ellipse(b[6] + cos(atan2(dy, dx)) * budRadius, b[7] + sin(atan2(dy, dx)) * budRadius, budRadius * 2, budRadius * 2); } function bush(x, y, s, type) { pushMatrix(); translate(x, y); scale(s); if (type === "dream") { fill(104, 186, 104); ellipse(0, 0, 100, 100); fill(80, 153, 80); arc(0, 0, 100, 100, -90, 90); } else if (type === "dream_hitboxes") { fill(colorCoding.solid); ellipse(0, 0, 100, 100); } else if (type === "nightmare") { if (random() < 0.5) { scale(0.5); stroke(26, 2, 23); strokeWeight(3); noFill(); twig([ 0, 0, random(-100, 100), -25, random(-100, 100), -100, random(-100, 100), -125, ], random(7), 10, color(232, 197, 23)); scale(2); } else { scale(0.5); stroke(26, 2, 23); strokeWeight(2); twig([ 0, 0, random(-100, 100), -25, random(-100, 100), -100, random(-100, 100), -125, ], floor(random(7)), 7.5, color(5, 255, 113)); scale(2); } strokeWeight(2); stroke(31, 4, 31); fill(82, 9, 56); beginShape(); for (var i = 0; i < 360; i += random(20)) { vertex(cos(i) * random(40, 55), sin(i) * random(40, 55)); } endShape(CLOSE); noStroke(); fill(82, 10, 82); beginShape(); for (var i = 0; i < 360; i += random(20)) { vertex(cos(i) * random(20, 50), sin(i) * random(20, 50)); } endShape(CLOSE); } else if (type === "nightmare_hitboxes") { fill(colorCoding.solid); ellipse(0, 0, 60, 60); } popMatrix(); } function platform(x, y, w, h, type) { var c = [ color(120, 120, 120), color(186, 186, 186), color(173, 173, 173), color(153, 153, 153) ]; switch (type) { case 0: c = [ color(120, 120, 120), color(186, 186, 186), color(173, 173, 173), color(153, 153, 153) ]; break; case 1: //darker c = [ color(102, 102, 102), color(140, 140, 140), color(122, 122, 122), color(107, 107, 107) ]; break; case 2: //mossy c = [ color(52, 74, 53), color(134, 153, 134), color(107, 128, 111), color(73, 87, 70) ]; break; case 3: //marble c = [ color(245, 245, 245), color(208, 215, 219), color(191, 205, 207), color(160, 183, 186) ]; break; case 4: //sandy c = [ color(209, 209, 184), color(181, 184, 157), color(168, 166, 134), color(150, 140, 120) ]; break; case -1: //purplish c = [ color(199, 195, 199), color(176, 148, 176), color(158, 131, 158), color(143, 117, 143) ]; break; case -2: //geode c = [ color(124, 148, 138), color(88, 102, 96), color(76, 92, 86), color(49, 77, 65) ]; break; case -3: //bronze c = [ color(186, 177, 78), color(184, 156, 74), color(156, 125, 53), color(148, 128, 53), ]; break; case -4: //purple c = [ color(186, 171, 180), color(130, 108, 133), color(98, 82, 105), color(79, 66, 84), ]; break; } noStroke(); fill(c[1]); rect(x, y, w, h); fill(c[2]); var off = random(h / 2); var offx = random(w / 3); rect(x + offx, y + off, w - offx, h - off, 50, 0, 0, 0); fill(c[3]); var off2 = random(h - off); var offx2 = random(w - offx) / 2; rect(x + offx + offx2, y + off + off2, w - offx - offx2, h - off - off2, 100, 0, 0, 0); //outline noFill(); strokeWeight(2); stroke(c[0]); rect(x, y, w, h); } function portal(x, y, type) { pushMatrix(); translate(x, y); if (type.endsWith("hitboxes")) { fill(colorCoding.portal2); arc(200, -60, 90, 90, -45, 180+45); } else { strokeWeight(3); stroke(245, 245, 245); noFill(); arc(200, -60, 90, 90, -45, 180+45); noStroke(); fill(50, 100); ellipse(200, -60, 90, 90); colorMode(HSB); strokeWeight(10); for (var i = 0; i < 360; i += 5) { stroke(i, 255, 255, 10); line(200 + cos(i) * 5, -60 + sin(i) * 5, 200 + cos(i) * 40, -60 + sin(i) * 40); } colorMode(RGB); } popMatrix(); } function temple(x, y, type) { pushMatrix(); translate(x, y); if (type.endsWith("hitboxes")) { strokeWeight(2); stroke(colorCoding.solid); fill(colorCoding.solid); // steps rect(-20, 10, 440, 30); rect(0, 0, 400, 11); rect(50, -15, 300, 15); // roof triangle(30, -160, 370, -160, 200, -200); fill(colorCoding.portal); if (type.includes("nightmare")) noFill(); arc(200, -60, 90, 90, -45, 180+45); } else { var m = type === "dream" ? 1 : -1; //steps platform(-20, 10, 440, 30, 3 * m); platform(0, 0, 400, 11, 3 * m); platform(+50, -15, 300, 15, 3 * m); //pillars platform(+60, -165, 20, 150, 3 * m); platform(+400 - 80, -165, 20, 150, 3 * m); //middle walls platform(+100, -165, 200, 150, 3 * m); //shade noStroke(); fill(0, 30); rect(100, -165, 200, 150); fill(0, 20); rect(+60, -165, 20, 150); rect(+400 - 80, -165, 20, 150); textAlign(CENTER, CENTER); var c = m === 1 ? [ color(245, 245, 245), color(204, 213, 217), ] : [ color(186, 177, 78), color(184, 156, 74), ]; strokeWeight(3); stroke(c[0]); var portalShade = !!type ? color(61, 26, 26) : color(61, 4, 61); noFill(); arc(200, -60, 90, 90, -45, 180+45); fill(portalShade, 100); noStroke(); ellipse(200, -60, 90, 90); if (type !== "nightmare") { colorMode(HSB); strokeWeight(10); for (var i = 0; i < 360; i += 5) { stroke(i, 255, 255, 10); line(200 + cos(i) * 5, -60 + sin(i) * 5, 200 + cos(i) * 40, -60 + sin(i) * 40); } colorMode(RGB); } noStroke(); fill(c[1]); strokeWeight(3); stroke(c[0]); beginShape(); vertex(30, -160); vertex(200, -200); vertex(370, -161); vertex(370, -160); endShape(CLOSE); var writing = m === 1 ? "恐懼和危險" : "為了夢想和安全"; fill(m === 1 ? color(0, 235, 208) : color(122, 46, 46)); textFont(font.inscription, 15); text(writing.split("").join(" "), 200, -175); noStroke(); fill(0, 20); triangle(200, -160, 370, -160, 200, -200); } popMatrix(); } function water(x, y, w, h, type) { noStroke(); if (type === "dream") fill(50, 150, 180, 150); else if (type === "nightmare") fill(146, 214, 112, 200); else fill(colorCoding.water); rect(x, y, w, h); } function drawTerrain(type) { p.background(0, 0); var dream = type.startsWith("dream"), hitbox = type.endsWith("hitboxes"); // draw water resistance hitboxes first, so bush & rock collision // hitboxes will cover it up and override it if (hitbox) water(4000, 370, 2000, 300, "hitbox"); // bushes noStroke(); bush(187, 350, 1, type); bush(285, 350, 1.4, type); bush(1368, 330, 1, type); bush(1458, 330, 1.3, type); bush(3458, 380, 0.9, type); bush(4258, 380, 1, type); bush(4158, 350, 1.4, type); bush(6587, 249, 1.3, type); bush(6700, 249, 1, type); bush(9440, 330, 1, type); bush(9540, 330, 1.3, type); //normal rocks if (dream) { rock(1000, 300, 200, 200, 0, type); rock(1100, 310, 100, 100, 1, type); } rock(2500, 428, 100, 100, dream ? 2 : 1, type); rock(2450, 428, 75, 75, dream ? 2 : 3, type); rock(3300, 400, 200, 200, dream ? 2 : 3, type); rock(7250, 300, 175, 175, 1, type); rock(7350, 310, 100, 100, dream ? 1 : 3, type); //sandy water rocks rock(5300, 450, 200, 200, dream ? 4 : 2, type); rock(5550, 450, 200, 175, dream ? 4 : 2, type); rock(5200, 450, 200, 50, dream ? 4 : 2, type); rock(4700, 450, 200, 50, dream ? 4 : 2, type); rock(4600, 450, 200, 125, dream ? 4 : 2, type); rock(5000, 450, 75, 50, dream ? 4 : 2, type); rock(4300, 380, 75, 50, dream ? 4 : 2, type); //cloud rocks rock(8250, 400, 200, 200, dream ? 3 : 4, type); rock(8350, 400, 125, 125, dream ? 3 : 4, type); rock(8150, 400, 75, 75, dream ? 3 : 4, type); // draw water after rocks & bushes so they show up in the water, not on top of if (!hitbox) water(4000, 370, 2000, 300, type); temple(8800, 280, type, 0); // temple if (type.includes("nightmare")) portal(200, 280, type); strokeWeight(8); if (type === "dream") { stroke(70, 125, 74); fill(89, 50, 34); } else if (type === "nightmare") { stroke(15, 54, 52); fill(24, 20, 36); } else { stroke(colorCoding.solid); fill(colorCoding.solid); } beginShape(); vertex(-1000, 700); curveVertex(-1000, 700); curveVertex(0, 400); if (dream) { curveVertex(1000, 300); } else { curveVertex(817, 126); curveVertex(1000, 31); } curveVertex(2000, 400); curveVertex(3000, 400); curveVertex(4000, 350); curveVertex(5000, 450); curveVertex(6000, 300); curveVertex(7000, 250); curveVertex(8000, 400); curveVertex(9000, 300); curveVertex(10000, 400); curveVertex(11000, 600); vertex(11000, 600); endShape(CLOSE); // these are just for the different shades in the ground, don't need // to draw hitboxes for them if (hitbox) return; noStroke(); if (dream) fill(61, 33, 21); else fill(21, 15, 26); beginShape(); vertex(-1000, 700); curveVertex(-1000, 700); if (dream) { curveVertex(0, 450 + 20); curveVertex(1000, 350 + 10); } else { curveVertex(0, 414 + 20); curveVertex(870, 235 + 10); curveVertex(1018, 162 + 10); } curveVertex(2000, 450); curveVertex(3000, 450 + 30); curveVertex(4000, 400 + 10); curveVertex(5000, 500); curveVertex(6000, 350 + 10); curveVertex(7000, 300); curveVertex(8000, 450 + 20); curveVertex(9000, 350 + 10); curveVertex(10000, 450 + 30); curveVertex(11000, 600); vertex(11000, 600); endShape(CLOSE); if (dream) fill(66, 60, 56); else fill(14, 8, 15); beginShape(); vertex(-1000, 700); curveVertex(-1000, 700); curveVertex(0, 450 + 80); curveVertex(1000, 350 + 50); curveVertex(2000, 450 + 35); curveVertex(3000, 450 + 70); curveVertex(4000, 400 + 40); curveVertex(5000, 500 + 60); curveVertex(6000, 350 + 60); curveVertex(7000, 300 + 40); curveVertex(8000, 450 + 70); curveVertex(9000, 350 + 80); curveVertex(10000, 450 + 90); curveVertex(11000, 600 + 30); vertex(11000, 600); endShape(CLOSE); } images.queue([{ name: "dream", load: function() { drawTerrain("dream"); return p.get(); } }, { name: "nightmare", load: function() { drawTerrain("nightmare"); return p.get(); } }, { name: "dream_hitboxes", load: function() { drawTerrain("dream_hitboxes"); return p.get(); } }, { name: "nightmare_hitboxes", load: function() { drawTerrain("nightmare_hitboxes"); return p.get(); } }] ); })(); /* UI / var eyeVignette = function(t) { noStroke(); fill(0); beginShape(); vertex(0, height / 2); bezierVertex(0, height / 2, width / 2, t, width, height / 2); vertex(width, 0); vertex(0, 0); endShape(); beginShape(); vertex(0, height / 2); bezierVertex(0, height / 2, width / 2, height - t, width, height / 2); vertex(width, height); vertex(0, height); endShape(); }; var hit = (function() { //drips var drips = []; // red flash var flashTransparency = 0; //drip flash var dripTransparency = 0; var damageTo; // display function function display() { noStroke(); fill(0, dripTransparency); beginShape(); curveVertex(0, 0); curveVertex(0, 0); //draw drips for (var i = 0; i < drips.length; i++) { curveVertex(+i 40, drips[i].y); if (i % 2 === 1) { curveVertex(10 + i * 40, drips[i].y); } else if (i < drips.length - 5) { curveVertex(40 + i * 40, drips[i].y); } } curveVertex(width, 0); curveVertex(width, 0); endShape(CLOSE); //draw square fill(200, 50, 50, flashTransparency); rect(0, 0, width, height); } //update function function update(damageTo) { //subtract flashTransparency -= 10; dripTransparency -= 5; //drips for (var i = 0; i < drips.length; i++) { if (i % 2 === 1) drips[i].y += drips[i].s; } if (dripTransparency < 10) drips.length = 0; this.damageTo = damageTo; } // flash function function flash(from) { this.damageTo.barT = 600; this.damageTo.health -= from.damage; //flash screen flashTransparency = 200; //empty drips drips = []; dripTransparency = 255; //more drips for (var i = 0; i < 16; i++) { drips.push({ y: i % 2 === 0 ? random(40, 50) : random(100, 300), s: random(0.5, 2), }); } } // return object with all the functions return { "display": display, // Display function "flash": flash, // flash function "update": update, // update function }; })();//From WW? var banner = { x: width/2, y: -100, initial: {x: width/2, y: -100}, target: {x: width/2, y: -100}, speed: 0.05, message: '', done: true, finishedIn: 0, display: function() { if (!this.done) { this.y = lerp(this.y, this.target.y, this.speed); this.x = lerp(this.x, this.target.x, this.speed); if (~~dist(this.x, this.y, this.target.x, this.target.y) <= 1) { this.finishedIn--; } if (this.finishedIn < 0) { this.done = true; } } else { this.x = lerp(this.x, this.initial.x, this.speed); this.y = lerp(this.y, this.initial.y, this.speed); } var breaks = this.message.split('\n').length-1; var w = textWidth(this.message)1.25, h = (textAscent() + textDescent()) (2.5 + breaks); var shadowD = 50; strokeWeight(3); strokeCap(SQUARE); stroke(0, 75); line(this.x - (w/2.5) - (mouseX - this.x)/shadowD, this.y - (h/2) - (mouseY - this.y)/shadowD, this.x - (w/2.5) - (mouseX - this.x)/shadowD, -10); line(this.x + (w/2.5) - (mouseX - this.x)/shadowD, this.y - (h/2) - (mouseY - this.y)/shadowD, this.x + (w/2.5) - (mouseX - this.x)/shadowD, -10); stroke(255); line(this.x - w/2.5, this.y - h/2, this.x - w/2.5, -10); line(this.x + w/2.5, this.y - h/2, this.x + w/2.5, -10); noStroke(); fill(0, 75); rect(this.x - w/2 - (mouseX - this.x)/shadowD, this.y - h/2 - (mouseY - this.y)/shadowD, w, h, 5); fill(255); rect(this.x - w/2, this.y - h/2, w, h, 5); textFont(font.menu, 20); fill(20); text(this.message, this.x, this.y); } }; function broadcast(message, options, override) { if (banner.done \|\| override) { banner.done = false; banner.message = message; banner.finishedIn = !!options ? options[0] \|\| 100 : 100; banner.speed = !!options ? options[1] \|\| 0.05 : 0.05; banner.initial = !!options ? options[2] \|\| {x: width/2, y: -100} : {x: width/2, y: -100}; banner.target = !!options ? options[3] \|\| {x: width/2, y: 100} : {x: width/2, y: 100}; } } function healthbar(x, y, s, health, prevH, transparency) { pushMatrix(); translate(x, y); scale(s); var rr = abs(prevH - 50) / 50; noStroke(); fill(118, 130, 121, transparency); rect(-50, -5, 100, 10, 5); if (frameCount / 2 % 10 < 7) fill(204, 38, 38, transparency); else fill(235, 197, 197, transparency); var rl = ~~(abs(prevH - 50) / 50); rect(-49, -5, prevH - 1, 10, 5, 5 * rl, 5 * rl, 5); fill(38, 204, 85, transparency); var rh = ~~(abs( health - 50) / 50); rect(-49, -5, health - 1, 10, 5, 5 * rh, 5 * rh, 5); noFill(); stroke(255, transparency); strokeWeight(1.5); rect(-50, -5, 100, 10, 5); popMatrix(); } /* Rigs / //Created by: Walk Worthy var playerRig = function(x, y, s, dir, options) { /* Made By Walk Worthy @PowerCoder on 2/11/2021 */ var col = 225; pushMatrix(); translate(x, y + (options[6] \|\| 0) - 10); rotate(options[5] \|\| 0); scale(dir === "left" ? -s : s, s); var elbow = [0 + cos(options[2].elbow) 20, 25 + sin(options[2].elbow) * 20]; var hand = [elbow[0] + cos(options[2].hand) * 10, elbow[1] + sin(options[2].hand) * 10]; //{ stroke(col - 30); strokeWeight(11); line(0, 30, elbow[0], elbow[1]); strokeWeight(10); line(elbow[0], elbow[1], hand[0], hand[1]); //} Arms var knee = [cos(options[0].upper) * 20, 42 + sin(options[0].upper) * 20]; var foot = [knee[0] + cos(options[0].lower) * 20, knee[1] + sin(options[0].lower) * 20]; var knee2 = [cos(options[1].upper) * 20, 42 + sin(options[1].upper) * 20]; var foot2 = [knee2[0] + cos(options[1].lower) * 20, knee2[1] + sin(options[1].lower) * 20]; //{ pushMatrix(); translate(-1, 42); rotate(options[0].upper); fill(col - 20); noStroke(); quad(0, -9, 0, 9, 22, 4, 22, -6); popMatrix(); strokeWeight(10); stroke(col - 20); line(knee[0], knee[1], foot[0], foot[1]); pushMatrix(); translate(-1, 42); rotate(options[1].upper); noStroke(); fill(col); quad(0, -9, 0, 9, 22, 4, 22, -6); popMatrix(); stroke(col); strokeWeight(10); line(knee2[0], knee2[1], foot2[0], foot2[1]); //} LEGS //{ noStroke(); fill(col); rectMode(CORNER); rect(-10, 0, 18, 50, width); fill(col + 10); ellipse(cos(options[4] - 90) * 10, 10 + sin(options[4] - 90) * 10, 50, 50); //} BODY var elbow2 = [cos(options[3].elbow) * 20, 25 + sin(options[3].elbow) * 20]; var hand2 = [elbow2[0] + cos(options[3].hand) * 10, elbow2[1] + sin(options[3].hand) * 10]; //{ stroke(col + 15); strokeWeight(11); line(0, 30, elbow2[0], elbow2[1]); strokeWeight(10); line(elbow2[0], elbow2[1], hand2[0], hand2[1]); //} Arms noStroke(); popMatrix(); }; var walkingMonster = function(x, y, s, dir, options) { / Made By Walk Worthy @PowerCoder on 2/11/2021 / var col = 30; pushMatrix(); translate(x, y); scale(dir === "left" ? -s : s, s); var shoulder = [-1 + cos(options[4] - 90) * 50, 40 + sin(options[4] - 90) * 50]; var shoulder2 = [-1 + cos(options[4] - 90) * 60, 40 + sin(options[4] - 90) * 60]; //{ noStroke(); pushMatrix(); translate(shoulder[0], shoulder[1] + (frameCount % 15 === 0 ? random(5) : 3)); rotate(options[3]); fill(col - 10); beginShape(); curveVertex(0, 0); curveVertex(0, 0); curveVertex(-7, 24); curveVertex(-8, 49); curveVertex(-2, 37); curveVertex(-2, 56); curveVertex(4, 51); curveVertex(0, 75); curveVertex(8, 58); curveVertex(14, 74); curveVertex(14, 56); curveVertex(10, 57); curveVertex(27, 62); curveVertex(6, 42); curveVertex(0, 0); endShape(CLOSE); popMatrix(); pushMatrix(); translate(shoulder[0], shoulder[1]); rotate(options[3]); fill(col); beginShape(); curveVertex(0, 0); curveVertex(0, 0); curveVertex(-7, 24); curveVertex(-8, 49); curveVertex(-2, 37); curveVertex(-2, 56); curveVertex(4, 51); curveVertex(0, 75); curveVertex(8, 58); curveVertex(14, 74); curveVertex(14, 56); curveVertex(10, 57); curveVertex(27, 62); curveVertex(6, 42); curveVertex(0, 0); endShape(CLOSE); popMatrix(); //} Arms var knee = [cos(options[0].upper) * 20, 42 + sin(options[0].upper) * 20]; var foot = [knee[0] + cos(options[0].lower) * 30, knee[1] + sin(options[0].lower) * 30]; var knee2 = [cos(options[1].upper) * 20, 42 + sin(options[1].upper) * 20]; var foot2 = [knee2[0] + cos(options[1].lower) * 30, knee2[1] + sin(options[1].lower) * 30]; //{ fill(col - 10); stroke(col - 10); strokeWeight(18); line(knee[0] - 4, knee[1], foot[0] - 2, foot[1]); noStroke(); pushMatrix(); translate(foot[0] - 2, foot[1] + 3); beginShape(); curveVertex(-9, 0); curveVertex(-9, 0); curveVertex(-14, 19); curveVertex(-6, 11); curveVertex(2, 19); curveVertex(4, 19); curveVertex(6, 10); curveVertex(19, 19); curveVertex(9, 0); endShape(CLOSE); popMatrix(); fill(col); pushMatrix(); translate(-1, 42); rotate(options[0].upper); quad(0, -13, 0, 10, 22, 8, 22, -10); popMatrix(); stroke(col); strokeWeight(18); line(knee[0], knee[1], foot[0], foot[1]); noStroke(); pushMatrix(); translate(foot[0], foot[1]); beginShape(); curveVertex(-9, 0); curveVertex(-9, 0); curveVertex(-14, 19); curveVertex(-6, 11); curveVertex(2, 19); curveVertex(4, 19); curveVertex(6, 10); curveVertex(19, 19); curveVertex(9, 0); endShape(CLOSE); popMatrix(); stroke(col - 10); strokeWeight(18); line(knee2[0] - 4, knee2[1], foot2[0] - 2, foot2[1]); noStroke(); fill(col - 10); pushMatrix(); translate(foot2[0] - 2, foot2[1] + 3); beginShape(); curveVertex(-9, 0); curveVertex(-9, 0); curveVertex(-14, 19); curveVertex(-6, 11); curveVertex(2, 19); curveVertex(4, 19); curveVertex(6, 10); curveVertex(19, 19); curveVertex(9, 0); endShape(CLOSE); popMatrix(); fill(col); pushMatrix(); translate(-1, 42); rotate(options[1].upper); quad(0, -13, 0, 10, 22, 8, 22, -10); popMatrix(); stroke(col); strokeWeight(18); line(knee2[0], knee2[1], foot2[0], foot2[1]); noStroke(); pushMatrix(); translate(foot2[0], foot2[1]); beginShape(); curveVertex(-9, 0); curveVertex(-9, 0); curveVertex(-14, 19); curveVertex(-6, 11); curveVertex(2, 19); curveVertex(4, 19); curveVertex(6, 10); curveVertex(19, 19); curveVertex(9, 0); endShape(CLOSE); popMatrix(); //} LEGS //{ pushMatrix(); translate(-1, 40); rotate(options[4]); ellipse(0, 0, 20, 20); fill(col - 10); var glitch = frameCount % 10 !== 0 ? -5 : random(-5, 0); translate(glitch, glitch / 2); beginShape(); curveVertex(0, -100); curveVertex(0, -100); curveVertex(12, -69); curveVertex(13, -1); curveVertex(-9, 8); curveVertex(-25, -32); curveVertex(-15, -27); curveVertex(-25, -64); curveVertex(-13, -60); curveVertex(-24, -95); curveVertex(-11, -86); curveVertex(0, -100); endShape(CLOSE); translate(-glitch, -glitch / 2); fill(col); beginShape(); curveVertex(0, -100); curveVertex(0, -100); curveVertex(12, -69); curveVertex(13, -1); curveVertex(-9, 8); curveVertex(-25, -32); curveVertex(-15, -27); curveVertex(-25, -64); curveVertex(-13, -60); curveVertex(-24, -95); curveVertex(-11, -86); curveVertex(0, -100); endShape(CLOSE); if (options[5]) { translate(-1, -75); rotate(63); fill(0, 255, 115); rect(0, 0, -1, 0, -5); fill(255, 50); rect(0, 0, -1, 0, -10); } popMatrix(); //} BODY //{ pushMatrix(); translate(shoulder2[0], shoulder2[1] + (frameCount % 10 === 0 ? random(5) : 3)); rotate(options[2]); fill(col - 10); beginShape(); curveVertex(0, 0); curveVertex(0, 0); curveVertex(-7, 24); curveVertex(-8, 49); curveVertex(-2, 37); curveVertex(-2, 56); curveVertex(4, 51); curveVertex(0, 75); curveVertex(8, 58); curveVertex(14, 74); curveVertex(14, 56); curveVertex(10, 57); curveVertex(27, 62); curveVertex(6, 42); curveVertex(0, 0); endShape(CLOSE); popMatrix(); pushMatrix(); translate(shoulder2[0], shoulder2[1]); rotate(options[2]); fill(col); beginShape(); curveVertex(0, 0); curveVertex(0, 0); curveVertex(-7, 24); curveVertex(-8, 49); curveVertex(-2, 37); curveVertex(-2, 56); curveVertex(4, 51); curveVertex(0, 75); curveVertex(8, 58); curveVertex(14, 74); curveVertex(14, 56); curveVertex(10, 57); curveVertex(27, 62); curveVertex(6, 42); curveVertex(0, 0); endShape(CLOSE); popMatrix(); //} Arms popMatrix(); }; var flyingMonster = function(coords, options) { //By Tachyon, expanded on Walk Worthy's idea var tailCol = options[0] \|\| 15; var headCol = options[1] \|\| 43; var thickness = options[2] \|\| 10; var t = 255; if (!options[3]) t = 100 - abs(sin(frameCount) * 50); //[ noFill(); strokeWeight(4); stroke(tailCol, t); for (var i = 0; i < thickness; i++) { var rad = 40 * i / thickness; var time = frameCount + i * 10; if (i === thickness - 1) { stroke(71, 0, 87, t * 2); strokeWeight(2); } bezier( coords[0], coords[1], coords[2] + sin(time) * rad, coords[3] + sin(time) * rad, coords[4] + cos(time) * rad, coords[5] + cos(time) * rad, coords[6] + cos(time) * rad / 10, coords[7] + cos(time) * rad / 10); } bezier(coords[0], coords[1], coords[2], coords[3], coords[4], coords[5], coords[6], coords[7]); //]//TAIL //[ noStroke(); fill(71, 0, 87, t); pushMatrix(); translate(coords[6], coords[7] + sin(frameCount) * 5); rotate(-5); scale(0.75); beginShape(); curveVertex(0, 0); curveVertex(0, 0); curveVertex(13, 25); curveVertex(20, 66); curveVertex(11, 63); curveVertex(12, 44); curveVertex(-3, 16); curveVertex(-12, 45); curveVertex(-11, 71); curveVertex(-19, 69); curveVertex(-16, 22); curveVertex(-10, 0); curveVertex(-10, 0); endShape(); fill(headCol, t); translate(0, -5); beginShape(); curveVertex(0, 0); curveVertex(0, 0); curveVertex(13, 25); curveVertex(20, 66); curveVertex(11, 63); curveVertex(12, 44); curveVertex(-3, 16); curveVertex(-12, 45); curveVertex(-11, 71); curveVertex(-19, 69); curveVertex(-16, 22); curveVertex(-10, 0); curveVertex(-10, 0); endShape(); popMatrix(); //]//ARMS //[ noStroke(); fill(71, 0, 87, t); ellipse(coords[6], coords[7] + 2, 35, 35); fill(headCol, t); ellipse(coords[6], coords[7], 35, 35); fill(33, 16, 56, t * 2); rect(coords[6] - 5, coords[7] + sin(frameCount) * 2.5, -1, -1, -10); rect(coords[6] + 5, coords[7] + sin(frameCount) * 2.5, -1, -1, -10); fill(255, 0, 111, t * 2); rect(coords[6] - 5, coords[7] + sin(frameCount) * 2.5, -1, -1, -5); rect(coords[6] + 5, coords[7] + sin(frameCount) * 2.5, -1, -1, -5); //]//HEAD };//Fouwls (demon pigeons?) /* Entity Constructor / var Entity = function(world, x, y, width, height) { this.world = world; this.x = x; this.y = y; this.vx = 0; this.vy = 0; this.speed = 0.1; this.width = width; this.height = height; this.facing = "right"; }; Entity.prototype.collide = function() { var newX = this.x, newY = this.y; // collide y: for each coord pair on top & bottom of player // (each 3rd one for efficiency) for (var i = 0; i < this.width; i += 2) { / for top of player collisions: if the pixel at those coords is solid (player collided there) and player's previous y was > that coord's y (so we know this coord collided with a solid pixel from above, not from the left or right), adjust y until not colliding anymore / while ( this.y - this.vy > newY && this.world.checkHitboxPixel(this.x + i, newY, "solid") ) { ++newY; } // bottom while ( this.y - this.vy < newY && this.world.checkHitboxPixel(this.x + i, newY + this.height, "solid") ) { --newY; } } if (newY < this.y) { // bottom of player collided - stop falling down this.vy = 0; this.jumping = false; } else if (newY > this.y) { // top collision - bounce back down this.vy = -0.5; } this.y = newY; // collide x for (var i = 0; i < this.height; i += 2) { // left while ( this.x - this.vx > newX && this.world.checkHitboxPixel(newX, this.y + i, "solid") ) { ++newX; } // right while ( this.x - this.vx < newX && this.world.checkHitboxPixel(newX + this.width, newY + i, "solid") ) { --newX; } } if (newX !== this.x) { this.x = newX; // left/right collision - stop moving x this.vx = 0; } }; Entity.prototype.update = function() { // gravity if (this.type !== "flying") this.vy += 0.3; // if any pixel on player's boundary is water, set inWater to true this.inWater = false; for (var i = 0; i < this.width; i += 4) { if ( this.world.checkHitboxPixel(this.x + i, this.y, "water") \|\| this.world.checkHitboxPixel(this.x + i, this.y + this.height, "water") ) { this.inWater = true; break; } } if (!this.inWater) for (var i = 0; i < this.height; i += 4) { if ( this.world.checkHitboxPixel(this.x, this.y + i, "water") \|\| this.world.checkHitboxPixel(this.x + this.width, this.y + i, "water") ) { this.inWater = true; break; } } // friction if (this.inWater) { this.vy -= 0.27; // buoyancy this.vx = 0.95; this.vy = 0.95; } else { this.vx = 0.98; this.vy = 0.98; } this.x += this.vx; this.y += this.vy; this.collide(); // don't overlap with ground //update entity rig for (var i = 0; i < this.moveTo.length; ++i) { if (this.moveTo[i] === true \|\| this.moveTo[i] === false) { this.anim[i] = this.moveTo[i]; continue; } this.anim[i] = lerp(this.anim[i], this.moveTo[i], 0.3); } }; /* Monsters / var Monster = function(world, type, spawnX, spawnY) { Entity.call(this, world, spawnX, spawnY, 80, 175);//inherit variables from Entity this.type = type; this.drop = 0; this.attackSpeed = 5; this.reloadTime = 40; this.damage = 10; if (this.type === "walking") { this.jump = 8; this.jumping = false; this.speed = 0.1; this.anim = [0, 0, 0, 0, 0, 0, 0, 1]; this.moveTo = this.anim.slice(); this.walking = true; this.slashing = false; } else if (this.type === "flying") { this.coords = [this.x, this.y, this.x, this.y, this.x, this.y, this.x, this.y];//8 parameters inside `bezier` this.anim = [];//we're not using anim, so make sure it doesn't update for no reason this.moveTo = []; this.speed = 0.3; this.grabbing = false; this.reloadTime = 100; this.width = 50; this.height = 50; } }; Monster.prototype = Object.create(Entity.prototype); Monster.prototype.move = function() { var player = this.world.player; if (this.type === "walking") { var d = abs(this.x - player.x); if (this.walking) { this.anim[7] = 1; this.moveTo[0] = 75 + sin(frameCount 2) * 20; this.moveTo[1] = this.moveTo[0] + 30 + sin(frameCount * 2) * 10; this.moveTo[2] = 75 - sin(frameCount * 2) * 20; this.moveTo[3] = this.moveTo[2] + 30 - sin(frameCount * 2) * 10; this.moveTo[6] = 30 + sin(frameCount * 2) * 5; this.moveTo[5] = -sin(frameCount * 2) * 10; this.moveTo[4] = cos(frameCount * 2) * 10; this.vx += this.speed * (this.facing === "right" ? 1 : -1); this.facing = player.x < this.x ? "left" : "right"; } if (this.slashing) { this.anim[7] = 1; if (this.drop <= 0) { this.moveTo[5] = this.drop; this.moveTo[4] = this.drop * 1.5; this.drop -= this.attackSpeed; if (this.drop < -150) { this.drop = 1; if (d < 100 && !keys.s && !keys[DOWN]) hit.flash(this); } } else { this.moveTo[5] = 0; this.moveTo[4] = -20; this.drop++; if (this.drop > this.reloadTime) this.drop = 0; } } if (!this.walking & !this.slashing) this.anim[7] = 0; if (d > 600) this.walking = this.slashing = false; else { this.walking = true; this.slashing = false; if (d < 250) { this.slashing = true; if (d < 200) { this.walking = false; this.facing = player.x < this.x ? "left" : "right"; } } } } else if (this.type === "flying") { //update tail this.coords[6] = this.x + this.width / 2; this.coords[7] = this.y + this.height / 2; for (var i = 0; i < this.coords.length - 2; i += 2) { if (dist(this.coords[i], this.coords[i + 1], this.coords[i + 2], this.coords[i + 3]) < 50) continue; this.coords[i] = lerp(this.coords[i], this.coords[i + 2], this.speed * 2); this.coords[i + 1] = lerp(this.coords[i + 1], this.coords[i + 3], this.speed * 2); } var d = dist(this.x, this.y, player.x, player.y); if (this.drop === 0) { if (this.x > player.x) this.vx -= this.speed; else this.vx += this.speed; if (this.y > player.y) this.vy -= this.speed; else this.vy += this.speed; if (d < 100 && !(keys.s \|\| keys[DOWN])) this.grabbing = true; else if (keys.s \|\| keys[DOWN]) this.drop = 1; } if (this.grabbing && this.drop <= 0) { this.drop -= this.attackSpeed; this.vy -= this.speed; player.x = this.x + this.width / 2 - player.width / 2 + 5; player.y = this.y + 65; if (this.drop < -200) { this.drop = 1; if (!keys.s \|\| !keys[DOWN]) this.damage = 5; else this.damage = 16; hit.flash(this); } } if (this.drop > 0) { this.drop++; if (this.drop > this.reloadTime) { this.drop = 0; this.grabbing = false; } } } }; Monster.prototype.draw = function() { if (this.type === "walking") walkingMonster(this.x + this.width / 2, this.y + this.height / 2 - 20, 1, this.facing, [{ upper: this.anim[0], lower: this.anim[1] }, { upper: this.anim[2], lower: this.anim[3] }, this.anim[4], this.anim[5], this.anim[6], floor(this.anim[7]) ]); else if (this.type === "flying") flyingMonster(this.coords, [15, 43, 8, this.drop <= 0]); }; /* Player / var Player = function(world) { Entity.call(this, world, 300, 200, 20, 45); this.type = "player"; this.initial = { x: 300, y: 200 }; this.jump = 8; this.jumping = false; this.health = 100; this.lh = this.health; this.barT = 255; this.portalT = "portal"; this.anim = [90, 90, 90, 90, 90, 90, 90, 90, 0, 0, 0]; this.moveTo = this.anim.slice(); }; Player.prototype = Object.create(Entity.prototype); Player.prototype.reset = function() { this.x = this.initial.x; this.y = this.initial.y; this.vx = this.vy = 0; this.health = 100; this.world.terrain = "dream"; this.world.monsters = []; this.portalT = "portal"; }; Player.prototype.move = function (input) { var s = sin(frameCount 10); var left = input.a \|\| input[LEFT], right = input.d \|\| input[RIGHT], up = input.w \|\| input[UP] \|\| input[' '], down = input.s \|\| input[DOWN]; // translated mouseX, mouseY relative to player's position on screen var mx = mouseX + this.world.cam.x - this.x - this.width / 2 - width / 2, my = mouseY + this.world.cam.y - this.y - this.height / 2 - height / 2; // if not running & not jumping, face left/right in direction of mouse if (!left && !right && !this.jumping) { this.facing = mx < 0 ? "left" : "right"; } if (this.jumping) { // show jump / fall animation this.moveTo[0] = 0; this.moveTo[2] = 50; this.moveTo[1] = 100; this.moveTo[3] = 100; this.moveTo[4] = 0; this.moveTo[5] = -50; this.moveTo[6] = -10; this.moveTo[7] = -60; this.anim[9] = 0; } if (down /&& !this.jumping/) { // crouch if (this.height !== 31) { this.moveTo = [45, 180, 45, 180, 0, -90, 0, -90, 90, 0, 0]; // height becomes 31, but add (45 - 31) to y in order to crouch down // to the BOTTOM, as this.y is the y of the top edge, not bottom this.height = 31; this.y += 14; } } else { // down button released if (this.height === 31) { // if crouching, stop this.height = 45; this.y -= 14; } if (!this.jumping && !left && !right && this.vy === 0 && !this.inWater) { var angle = atan2(my, (this.facing === "left" ? -1 : 1) * mx); this.moveTo = [90, 90, 90, 90, 90 + sin(frameCount/40)7.5, 90 + sin(frameCount/40)7.5, angle, angle, 0, 0, -3]; } else { // if running left / right, show running animation if (!this.jumping && (left \|\| right)) { if(!this.inWater){ // if not in water show running anim var anim0 = 80+s30, anim2 = 80-s30, anim4 = 90 - s * 50, anim6 = 90 + s * 50; this.moveTo = [anim0, anim0 + 40 + s30, anim2, anim2 + 40 - s30, anim4, 10 - s * 20, anim6, anim6 - 80 + s * 20, sin(frameCount8)5, 0]; } else if(this.inWater) { // if in water show swimming anim var anim4 = 30 - s * 50, anim6 = 30 + s * 50, anim0 = anim4 + 20, anim2 = anim6 + 20; this.moveTo = [anim0, anim0 + 40 - s30, anim2, anim2 + 40 - s30, anim4, anim4 + s * 20, anim6, anim6 + s * 20, sin(frameCount8)5, (right ? 70 : -70)]; } } else // if in water (and not moving) move to a stand-still if (this.inWater && !up) { this.moveTo = [90, 90, 90, 90, 90 + sin(frameCount/40)7.5, 90 + sin(frameCount/40)7.5, 0, 0, 0, 0, -3]; } if (left) { this.vx -= this.speed; this.facing = 'left'; } if (right) { this.vx += this.speed; this.facing = 'right'; } } } // swim up if in water, otherwise jump if on ground if (up) { if (this.inWater) { this.vy -= this.speed; // swimming up anim if(!left && !right){ this.moveTo = [ 80 - s30, 80 - s20, 80 + s30, 80 + s20, 70 + s40, 70 + s40, 70 - s40, 70 - s40, 0, 0, 0 ]; } } else if (this.vy === 0) { this.jumping = true; this.vy -= this.jump; } } }; Player.prototype.update = function() { Entity.prototype.update.call(this); var inPortal = false; for (var i = 0; i < this.width; i += 4) { if ( this.world.checkHitboxPixel(this.x + i, this.y, this.portalT) \|\| this.world.checkHitboxPixel(this.x + i, this.y + this.height, this.portalT) ) { inPortal = true; break; } } if (!inPortal) for (var i = 0; i < this.height; i += 4) { if ( this.world.checkHitboxPixel(this.x, this.y + i, this.portalT) \|\| this.world.checkHitboxPixel(this.x + this.width, this.y + i, this.portalT) ) { inPortal = true; break; } } if (inPortal) { broadcast("Press Spacebar"); if (keys[" "]) { this.world.cam.shake = 20; if (this.portalT === "portal") { this.world.terrain = "nightmare"; for (var i = 0; i < 4; ++i) { this.world.monsters.push( new Monster(this.world, "walking", random(8000), 0), new Monster(this.world, "flying", random(8000), 0) ); } } else if (this.portalT === "portal2") scene = "end"; this.portalT = "portal2"; } } }; Player.prototype.draw = function() { this.barT -= 10; this.lh = lerp(this.lh, constrain(this.health, 2, 100), 0.1); healthbar(this.x + this.width / 2, this.y + this.height + 10, 0.4, constrain(this.health, 2, 100), this.lh, this.barT); playerRig(this.x + this.width / 2, this.y + this.height / 2, 0.4, this.facing, [{ upper: this.anim[0], lower: this.anim[1] }, { upper: this.anim[2], lower: this.anim[3] }, { elbow: this.anim[4], hand: this.anim[5] }, { elbow: this.anim[6], hand: this.anim[7] }, this.anim[8], this.anim[9], this.anim[10] ]); }; /* Camera / function Camera(x, y, z) { this.x = x \|\| 0; this.y = y \|\| 0; this.z = z \|\| 0; this.shake = 0; } Camera.prototype.moveTo = function(x, y, z) { if(~~this.shake !== 0 && !keys.s && !keys[DOWN]) broadcast("Use S or DOWN to avoid getting snatched.\n<---", [], true); this.shake = constrain(this.shake - 0.1, 0, 100);//decrease while constraining it this.x = lerp(this.x, x, 0.1); this.y = lerp(this.y, y, 0.1); if (z !== void 0) this.z = lerp(this.z, z, 0.1);//if z is used }; Camera.prototype.moveToX = function(x) { this.x = lerp(this.x, x, 0.1); }; Camera.prototype.moveToY = function(y) { this.x = lerp(this.y, y, 0.1); }; Camera.prototype.moveToZ = function(z) { this.z = lerp(this.z, z, 0.1); }; Camera.prototype.beginLayer = function(x, y, z) { pushMatrix(); translate(width / 2, height / 2); scale(300 / (z - this.z)); translate(x - this.x + random(-this.shake, this.shake), y - this.y + random(-this.shake, this.shake)); }; Camera.prototype.endLayer = popMatrix; Camera.prototype.onScreen = function(coords, x, y, z) { //math from beginLayer var newX = ((coords[0] + x - this.x) 300 / (z - this.z)) + width / 2; var newY = ((coords[1] + y - this.y) * 300 / (z - this.z)) + height / 2; return { x: newX, y: newY }; }; /* World / function World() { this.player = new Player(this); this.monsters = []; this.cam = new Camera(); this.terrain = "dream"; } World.prototype.checkHitboxPixel = function(x, y, pixelType) { var data = images[this.terrain + "_hitboxes"].imageData;//get the imageData if (x < 0 \|\| y < 0 \|\| x >= data.width \|\| y >= data.height) { return;//if player is outside of image hitboxes } var pixels = data.data, i = (~~x + ~~y data.width) * 4; var color = (pixels[i + 3] << 24) \| // A (pixels[i + 0] << 16) \| // R (pixels[i + 1] << 8) \| // G (pixels[i + 2]); // B return colorCoding[pixelType] === color; }; World.prototype.update = function() { hit.update(this.player);//update the player's health this.player.move(keys); this.cam.moveTo( this.player.x + this.player.width / 2, this.player.y + this.player.height / 2, 50 ); this.player.update(); if (this.terrain === "nightmare") { for (var i = this.monsters.length - 1; i >= 0; i--) { this.monsters[i].move(); this.monsters[i].update(); } } }; World.prototype.draw = function() { background(0, 0); if (!DELAG) {//if delag is false, draw the background imageMode(CENTER); // gradient background this.cam.beginLayer(5000, 650, 1000); image(images[this.terrain + "_bg"], 0, 0, width * 25, height * 8); this.cam.endLayer(); if (this.terrain === "dream") { // sun this.cam.beginLayer(3500, -7500, 10000); sun(0, 0, 3000, 0); this.cam.endLayer(); } // hills this.cam.beginLayer(5000, -450, 4000); image(images.hills, 0, 0, width * 35, height * 20); this.cam.endLayer(); this.cam.beginLayer(5000, 1200, 3000); scale(-2, 1); image(images.hills, 0, 0, width * 35, height * 20); this.cam.endLayer(); this.cam.beginLayer(5000, 2400, 2250); scale(-1.5, 1); image(images.hills, 0, 0, width * 35, height * 20); this.cam.endLayer(); this.cam.beginLayer(5000, 3375, 2250); scale(2.5, 1); image(images.hills, 0, 0, width * 35, height * 20); this.cam.endLayer(); } else if (this.terrain === "dream") background(118, 184, 184); else background(14, 0, 120);//just use a solid color this.cam.beginLayer(0, 0, 320); var t = this.terrain === "dream" ? 1 : -1; // first arg positive -> dream tree, negative -> nightmare tree drawTree(t, 392, 258, 2, 0); drawTree(2 * t, 2118, 337, 1.8, 0); drawTree(2 * t, 2273, 340, 2, 0); drawTree(2 * t, 2392, 359, 1.5, 0); drawTree(2 * t, 2497, 343, 1.9, 0); drawTree(2 * t, 2620, 360, 1.4, 0); drawTree(2 * t, 2740, 352, 1.6, 0); drawTree(2 * t, 2973, 370, 0.8, 0); drawTree(t, 3577, 345, 1.8, 0); drawTree(t, 3718, 285, 2.2, 0); drawTree(t, 4392, 358, 1.5, 0); drawTree(t, 5690, 302, 1.8, 0); drawTree(t, 8690, 302, 1.8, 0); drawTree(t, 8568, 312, 1.5, 0); drawTree(t, 9289, 240, 1.7, 0); drawTree(t, 6794, 184, 1.6, 0); drawTree(2 * t, 7897, 305, 1.9, 0); drawTree(2 * t, 7759, 322, 1.5, 0); this.cam.endLayer(); imageMode(CORNER); // player & world this.cam.beginLayer(0, 0, 300); image(images[this.terrain], 0, 0); this.player.draw(); if (this.terrain === "nightmare") { for (var i = this.monsters.length - 1; i >= 0; i--) { var pos = this.cam.onScreen( [this.monsters[i].x, this.monsters[i].y], 0, 0, 300 ); if (pos.x < -100 \|\| pos.x > width + 100 \|\| pos.y < -100 \|\| pos.y > height + 100) continue;//if the monster is off screen, don't draw it this.monsters[i].draw(); } } this.cam.endLayer(); }; var world = new World(); /* Menu / //[ var eyeT = -100000; var eyeTa = -100000; var menuShadows = 50; var menuObj = [ //menuObj[0], R { x: width / 2 - 150, y: random(height / 8, height / 2.5), yt: random(height / 8, height / 2.5), }, //menuObj[1], E { x: width / 2, y: random(height / 8, height / 2.5), yt: random(height / 8, height / 2.5), }, //menuObj[2], M { x: width / 2 + 150, y: random(height / 8, height / 2.5), yt: random(height / 8, height / 2.5), }, //How { x: width / 2, y: -1000, yt: -1000, }, //Credit { x: width / 2, y: -1000, yt: -1000, } ]; function button(name, onClick, x, y, s, off, t) { stroke(255);//strings strokeWeight(1.5); line(x, y + off, x - 50, y + 50); line(x, y + off, x + 50, y + 50); noStroke(); fill(0, 50);//the shadow ellipse(x + (x - mouseX) / menuShadows, y + off + (y + off - mouseY) / menuShadows, s, s); pushMatrix(); translate(x, y + off); strokeWeight(3);//default settings stroke(204, 204, 204); if (dist(mouseX, mouseY, x, y + off) < s / 2) { cursor(HAND); s += 10; rotate(sin(frameCount 3) * 20); strokeWeight(5);//override those settings if (mouseIsPressed) { strokeWeight(10); } if (clicked) { onClick(); } } var c = [//default color pallet (nightmare) color(46, 13, 28), color(5, 18, 28), color(19, 58, 61), ]; switch (t) { case 1: c = [//dream color(122, 69, 38), color(86, 162, 144), color(0, 150, 70) ]; break; case 2: c = [//hmmm easter egg? color(19, 33, 32), color(152, 171, 186), color(194, 188, 163) ]; break; case 3: c = [//for the back button color(107, 98, 77), color(106, 141, 168), color(230, 198, 228) ]; break; } //dground fill(c[0]); arc(0, 0, s, s, 0, 180); //air fill(c[1]); arc(0, 0, s, s, 180, 361 - 50); //mountain fill(c[2]); arc(0, 0, s, s, 361 - 50, 361); //button name fill(255); textSize(s / 3 - name.length * 1.5); text(name, 0, 0); popMatrix(); } var fs = [star, sun]; var objs = []; for (var i = 0; i < height; i++) { var c1 = color(91, 129, 168); var c2 = color(29, 0, 36); stroke(lerpColor(c1, c2, i / height)); strokeWeight(2); line(0, i, width, i); } var bck_grad = get(); background(0, 0); //create new hanging things while (objs.length < 25) { objs.push({ color: color(240 + random(-25, 25), 240 + random(-25, 25), 255), x: random(width), y: random(height / 8, height / 1.5), r: random(360), s: random(50), t: { x: random(width), y: random(height / 8, height / 1.5), s: random(25), r: random(360), }, funct: floor(random(fs.length)) }); } //]//Menu Variables function menu() { if (~~eyeT < 255) { var sceneSpeed = 0.05; textFont(font.menu); textAlign(CENTER, CENTER); //[ image(bck_grad, 0, 0); objs.sort(function(a, b, index) {//sort the objects by size if (a.s < b.s) { return -1; } else if (a.s > b.s) { return 1; } return 0; }); for (var i = 0; i < objs.length; i++) { var o = objs[i]; if (fs[o.funct] !== star) { stroke(255, 100); strokeWeight(o.s * (1 / 25)); line(o.x, o.y, o.x, 0); } fill(o.color); fs[o.funct](o.x, o.y, o.s, o.r); if (abs(o.x - o.t.x) <= 0.1) { o.t.x = random(width); } if (abs(o.y - o.t.y) <= 0.1) { o.t.y = random(height / 8, height); } if (abs(o.s - o.t.s) <= 0.1) { o.t.s = random(50); } if (abs(o.r - o.t.r) <= 0.1) { o.t.r = random(360); } o.x = lerp(o.x, o.t.x, 0.01); o.y = lerp(o.y, o.t.y, 0.01); o.s = lerp(o.s, o.t.s, 0.01); o.r = lerp(o.r, o.t.r, 0.01); } fill(0, 75); noStroke(); rect(0, 0, width, height); //]//Background //Scenes: //[ fill(255); textSize(200); stroke(255); strokeWeight(2); line(menuObj[0].x - 50, menuObj[0].y - 50, menuObj[0].x - 50, -10); line(menuObj[0].x + 50, menuObj[0].y - 50, menuObj[0].x + 50, -10); line(menuObj[1].x - 50, menuObj[1].y - 50, menuObj[1].x - 50, -10); line(menuObj[1].x + 50, menuObj[1].y - 50, menuObj[1].x + 50, -10); line(menuObj[2].x - 50, menuObj[2].y - 50, menuObj[2].x - 50, -10); line(menuObj[2].x + 50, menuObj[2].y - 50, menuObj[2].x + 50, -10); fill(0, 50); text("R", menuObj[0].x - (mouseX - menuObj[0].x) / menuShadows, menuObj[0].y - (mouseY - menuObj[0].y) / menuShadows); text("E", menuObj[1].x - (mouseX - menuObj[1].x) / menuShadows, menuObj[1].y - (mouseY - menuObj[1].y) / menuShadows); text("M", menuObj[2].x - (mouseX - menuObj[2].x) / menuShadows, menuObj[2].y - (mouseY - menuObj[2].y) / menuShadows); fill(255); text("R", menuObj[0].x, menuObj[0].y); text("E", menuObj[1].x, menuObj[1].y); text("M", menuObj[2].x, menuObj[2].y); menuObj[0].y = lerp(menuObj[0].y, menuObj[0].yt, sceneSpeed); menuObj[1].y = lerp(menuObj[1].y, menuObj[1].yt, sceneSpeed); menuObj[2].y = lerp(menuObj[2].y, menuObj[2].yt, sceneSpeed); button("HOW", function() { scene = 'how'; }, menuObj[0].x, menuObj[0].y, 100, 300, 0); button("PLAY", function() { scene = 'load'; }, menuObj[1].x, menuObj[1].y, 150, 200, 1); button("CREDIT", function() { scene = 'credit'; }, menuObj[2].x, menuObj[2].y, 100, 300, 2); //]//Menu //[ stroke(255); strokeWeight(2); line(menuObj[3].x - 100, menuObj[3].y - 50, 100, -50); line(menuObj[3].x + 100, menuObj[3].y - 50, width - 100, -50); noStroke(); fill(255); ellipse(menuObj[3].x, menuObj[3].y, 350, 200); button("BACK", function() { scene = "menu"; }, menuObj[3].x, menuObj[3].y, 75, 250, 3); fill(25); textSize(20); text("WASD or Arrow Keys to move.\nPress S or Down to avoid.\nSurvive? Die?\nI mean, anything's possible..", menuObj[3].x, menuObj[3].y); menuObj[3].y = lerp(menuObj[3].y, menuObj[3].yt, sceneSpeed); //]//How //[ //absolute worst naming convention lol but at least nothing will overlap ykwim var grphcs_x = menuObj[4].x + sin(frameCount) * 20; var mchncs_x = menuObj[4].x + sin(frameCount * 1.5 + 100) * 20; var gmds_x = menuObj[4].x + sin(frameCount * 2 + 200) * 20; stroke(255); strokeWeight(5); line(menuObj[4].x - 100, menuObj[4].y - 300, 100, -50); line(menuObj[4].x + 100, menuObj[4].y - 300, width - 100, -50); strokeWeight(4); line(menuObj[4].x - 100, menuObj[4].y - 325, grphcs_x - 30, menuObj[4].y - 250 + 6.25); line(menuObj[4].x + 100, menuObj[4].y - 325, grphcs_x + 30, menuObj[4].y - 250 + 6.25); line(grphcs_x, menuObj[4].y - 175 - 12.5, mchncs_x, menuObj[4].y - 25 - 106.25); line(mchncs_x, menuObj[4].y - 75, gmds_x, menuObj[4].y - 18.65); strokeWeight(2); line(gmds_x - 50, menuObj[4].y + 50 - 12.5, gmds_x - 30, menuObj[4].y - 18.65); line(gmds_x + 50, menuObj[4].y + 50 - 12.5, gmds_x + 30, menuObj[4].y - 18.65); line(mchncs_x - 50, menuObj[4].y - 75, mchncs_x - 30, menuObj[4].y - 25 - 106.25); line(mchncs_x + 50, menuObj[4].y - 75, mchncs_x + 30, menuObj[4].y - 25 - 106.25); line(grphcs_x - 50, menuObj[4].y - 175 - 12.5, grphcs_x - 30, menuObj[4].y - 250 + 6.25); line(grphcs_x + 50, menuObj[4].y - 175 - 12.5, grphcs_x + 30, menuObj[4].y - 250 + 6.25); noStroke(); fill(255); ellipse(gmds_x, menuObj[4].y + 50 - 12.5, 150, 75); ellipse(mchncs_x, menuObj[4].y - 75, 150, 75); ellipse(grphcs_x, menuObj[4].y - 175 - 12.5, 150, 75); rectMode(CENTER); rect(gmds_x, menuObj[4].y - 18.65, 150, 25, 5); rect(mchncs_x, menuObj[4].y - 25 - 106.25, 125, 25, 5); rect(grphcs_x, menuObj[4].y - 250 + 6.25, 100, 25, 5); rect(menuObj[4].x, menuObj[4].y - 325, 300, 50 + 12.5, 5); rectMode(CORNER); fill(25); textSize(20); text('Graphics', grphcs_x, menuObj[4].y - 250 + 6.25); text('Mechanics', mchncs_x, menuObj[4].y - 25 - 106.25); text('Game Design', gmds_x, menuObj[4].y - 18.65); textSize(35); text('TEAM EGESTAS', menuObj[4].x, menuObj[4].y - 325); text("PT", mchncs_x, menuObj[4].y - 75); textSize(15); text("Tachyon\n&\nAkbaba", gmds_x, menuObj[4].y + 50 - 12.5); text("Walk Worthy & IA", grphcs_x, menuObj[4].y - 175 - 12.5); menuObj[4].y = lerp(menuObj[4].y, menuObj[4].yt, sceneSpeed); button("BACK", function() { scene = "menu"; }, gmds_x, menuObj[4].y, 75, 150, 3); //]//Credit } noStroke(); fill(0, eyeT); //just to smooth things rect(0, 0, width, height); } /* End screen / //[ var creators = [{ name: 'Akbaba', link: '/5778863486599168', rank: 'LEADER' }, { name: 'IA', link: '/5996115812777984', rank: 'MEMEBER' }, //members who didn't work on the game instead on the graphic / { name: 'Little Moose', link: '/5329466208321536', rank: 'MEMBER' }, { name: 'mastermind', link: '/6062542030651392', rank: 'MEMBER' }, { name: 'Neon Byte', link: 'https://www.khanacademy.org/profile/NeonByteKA/projects', rank: 'MEMBER' }, { name: 'Void Alo', link: '/6459529431695360', rank: 'MEMBER' },/ { name: 'PT', link: '/5351501077757952', rank: 'MEMBER' }, { name: 'Tachyon', link: '/6154983451410432', rank: 'MEMBER' }, { name: 'Walk Worthy', link: '/6459529431695360', rank: 'MEMBER' }, ]; var ghost_expr = 0,//ghost expression (eyes/mouth) smile = -180;//scream-->smile //melting image background(0, 0); var i = 0; fill(110); noStroke(); while (i < 50) { rect(random(75, width - 75), 0, random(15), random(height), 20); i++; } var cuts = get();//actually planned on making these cuts, not drips //for the subpage buttons background(0, 0); pushStyle(); rectMode(CENTER); noStroke(); fill(0, 2.5); for (var j = 100; j < 300; j += 10) { rect(150, 23.5 / 2, j, 25); } popStyle(); var selectorImg = get(0, 0, 300, 25); background(0, 0); //]//End Screen Variables function endScreen() { fill(0, 255 (ghost_expr / 100)); noStroke(); rect(0, 0, width, height); pushMatrix(); translate(width / 2, height / 2); scale(0.5 * (ghost_expr / 100)); image(cuts, -width / 2, 0, cuts.width, cuts.height * (abs(smile) / 180)); noStroke(); fill(168); ellipse(0, 0, 500, 500); fill(175); ellipse(0, 0, 459, 448); fill(180); ellipse(0, 0, 370, 436); fill(190); ellipse(0 - 100, 0, 100, 100); ellipse(0 + 100, 0, 100, 100); if (round(ghost_expr) === 200) { smile = lerp(smile, 0, 0.1); rotate(sin(smile) * 25 + (round(smile) === 0 ? cos(frameCount * 4) * 10 : 0)); } fill(0); ellipse(0 - 100, 0, 95, ghost_expr); ellipse(0 + 100, 0, 95, ghost_expr); arc(0, 0 + 75, 50, 50 * (ghost_expr / 100), smile, 180); //border outline noFill(); stroke(110, 110, 110); strokeWeight(15); ellipse(0, 0, 500, 500); popMatrix(); textAlign(CENTER, CENTER); textFont(font.menu, 60); fill(255, 255 - (255 * (abs(smile) / 180))); text("Thanks for playing!", width / 2, 100); var cy = 250; textSize(35); text('Creators:', width / 2, cy); textSize(25); var h = textAscent() + textDescent(); for (var i = 0; i < creators.length; i++) { var y = cy + 37.5 + i * 37.5; fill(255, 255 - 255 * abs(smile) / 180); if (mouseY < y + h / 2 && mouseY > y - h / 2 && mouseX > 150 && mouseX < width - 150) { cursor(HAND); fill(72, 189, 134, 255 - 255 * abs(smile) / 180); image(selectorImg, width / 2 - selectorImg.width / 2, y - selectorImg.height / 2); if (clicked && round(smile) === 0) { image(selectorImg, width / 2 - selectorImg.width / 2, y - selectorImg.height / 2); _clearLogs(); println( '[' + creators[i].rank + '] ' + creators[i].name + "'s " + (creators[i].link[0] === '/' ? 'Subpage' : 'Project List (no subpage)') ); println((creators[i].link[0] === '/' ? 'https://www.khanacademy.org/cs/i' : '') + creators[i].link); } } text(creators[i].name, width / 2, y); } fill(100, 255 - 255 * abs(smile) / 180); textSize(20); text('Clash of Code 2020, Challenge 2', width / 2, height - 25); ghost_expr = lerp(ghost_expr, 200, 0.25); } broadcast("Get to the Portal!\n--->\nWASD or Arrow Keys to Move"); draw = function() { try { cursor(ARROW); switch (scene) { case 'logo': logo.next("menu"); logo.all(); logo.trans.run(); break; case 'menu': //shift the big letters if (abs(menuObj[0].y - menuObj[0].yt) <= 0.1) { menuObj[0].yt = random(height / 7, height / 2.5); } if (abs(menuObj[1].y - menuObj[1].yt) <= 0.1) { menuObj[1].yt = random(height / 7, height / 2.5); } if (abs(menuObj[2].y - menuObj[2].yt) <= 0.1) { menuObj[2].yt = random(height / 7, height / 2.5); } menuObj[3].yt = menuObj[4].yt = -500; if (abs(eyeT) < 100) eyeTa = -100000; eyeT = lerp(eyeT, eyeTa, 0.01); //just in case the player decides to press a button whilst the scene is changing menu(); //canvas filters: noStroke(); fill(255, eyeT); rect(0, 0, width, height); logo.trans.run(); eyeVignette(eyeT); break; case 'how': if (abs(menuObj[3].y - menuObj[3].yt) <= 0.1) {//shift the banner downwards menuObj[3].yt = random(height / 3, height / 2); } menuObj[0].yt = menuObj[1].yt = menuObj[2].yt = menuObj[4].yt = -500; eyeT = lerp(eyeT, -100000, 0.5); menu(); break; case 'credit': if (abs(menuObj[4].y - menuObj[4].yt) <= 0.1) {//move it down menuObj[4].yt = random(height / 1.6, height / 1.45); } menuObj[0].yt = menuObj[1].yt = menuObj[2].yt = menuObj[3].yt = -500; eyeT = lerp(eyeT, -100000, 0.5); menu(); break; case 'load': // Load after eye is closed so it doesn't interrupt the animation if (eyeT >= height / 2 + 0.5) { if (images.getPercentageComplete() < 1) { images.loadNext(); } else if (eyeT === height / 2 + 1) { scene = 'game'; } } eyeVignette(eyeT);//draw vignette fill(255, eyeT); textSize(25); text('Falling Asleep' + ".".repeat(millis() / 200 % 4), width / 2, height / 2); eyeT = lerp(eyeT, height / 2 + 1, 0.5); break; case 'game': world.update(); world.draw(); banner.display(); hit.display(); //canvas filters: fill(0, eyeT); rect(0, 0, width, height); if (world.player.health <= 0 \|\| world.player.y > height) { eyeT = lerp(eyeT, height/2 + 1, 0.1); if (~~eyeT >= height/2) { scene = 'menu'; eyeTa = 0; world.player.reset(); } } else eyeT = lerp(eyeT, 0, 0.1); break; case 'end': endScreen();//jumpscare break; } if (keys.t) { attack(); } clicked = false; } catch (e) { _clearLogs(); if (!e.infiniteLoopNodeType) println(e.stack);//Oh Noes, You've been replaced. } }; //Team Egestas, Clash of Code 2021
Folds	55,57,90,165,166,204,205,236,237,276,277,313,314,351,352,356,359,383,384,416,418,450,452,470,472,528,530,551,552,592,601,1181,1184,1199,1200,1281,1282,1333,1334,1344,1345,1365,1369,1444,1446,1716,1718,1799,1802,1814,1815,1872,1873,1920,1923,1956,1958,2051,2052,2067,2070,2089,2091,2099,2100,2192,2193,2231,2232,2260,2263,2269,2270,2277,2278,2280,2281,2283,2284,2286,2287,2292,2294,2302,2305,2310,2311,2324,2325,2342,2343,2423,2427,2562,2563,2725,2728,2802,2803,2873
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN3FxYriCAw
Votes	346
Spin-Offs	2
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Tachyon
Author Name	noyhcaT
Author ID	kaid_968695780196290173118051
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739371807058
Updated	8 months ago, 1744828762735
Source Deleted	unknown