Viewing Program

Program Data

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

Title	Metaverse ft. Levi F
ID	4680973913473024
Created	3 years ago, 1646273163938
Updated	3 years ago, 1648268518664
Code	/** Metaverse by Zoomy Group This is not just a game, this is a virtual world. To play games, chat with friends, or visit an aquarium, click the Menu button. To change your username, click the Profile button. Brought to you by: - Kevin W - Levi F - BirdySparrowCatcher - Lunar Wolfie - Eprony - LeaferStudios - Samwise - Kendra W / var click = false, press = false; var mouseIsPressed; var keys = []; var scene = "Intro"; var coins = 0; function deg(degrees) { return degrees; } /* setKALoopTimeout function created by MKaelin368(KWC) (c) 2018 / var setKALoopTimeout = function(ms) { var method_name = "KAInfiniteLoopSetTimeout"; if (method_name in this) { this[method_name](ms >>> 0); } }; /* zoomyLogo function created by Levi F / var zoomyLogo = (function() { smooth(); var italics = createFont("default Italic"); var ZL = function() { this.bgColor = color(43, 60, 89); this.pc1 = color(100, 245, 250, 60); this.pc2 = color(89, 110, 194, 40); this.parts = []; this.speed = -3; this.time = 0; // not really x, y, and z :P this.y = height; this.x = width; this.z = height; this.opacity = 0; this.continue = false; this.gRad = function() { noStroke(); background(255, 0); for(var y = 0; y < 255; y += 2) { fill(lerpColor(this.pc1, this.pc2, y/255), (255 - y1.2)/4); rect(0, y1.5, 1, 3); } return get(0, 0, 1, 400); }; this.grad = function() { noStroke(); background(255, 0); for(var x = 0; x <= 100; x++) { image(this.gRad \|\| 0, x, sin(x0.9)70); image(this.gRad \|\| 0, 201 - x, sin(x0.9)70); } return get(0, 0, 200, 400); }; this.gRad = this.gRad(); this.grad = this.grad(); this.diamond = function(x, y, s, r) { pushMatrix(); translate(x, y); rotate(-45 + r); rect(-s/2, -s/2, s, s, s/20); popMatrix(); }; this.drawGrad = function(x, y, w) { image(this.grad \|\| 0, x - w/2, y, w, w2); }; this.zoomy = function(x, y, s) { pushMatrix(); translate(x, y); scale(s); translate(-200, -192); fill(240); this.diamond(200, 150, 60, 0); this.diamond(154, 173, 26, 0); this.diamond(246, 173, 26, 0); popMatrix(); }; this.pushPart = function(x, y, r, spd, s) { this.parts.push({ name: "square", x: x, y: y, vx: sin(r)spd, vy: cos(r)spd, s: s, r: 0, c: color(lerpColor(this.pc1, this.pc2, random()), random(30, 60)), }); }; this.pushStreak = function(x, y, r, spd, s) { this.parts.push({ name: "streak", x: x, y: y, vx: sin(r)spd, vy: cos(r)spd, s: s, r: 0, c: color(lerpColor(this.pc1, 255, random(0.7, 1)), random(10, 20)), }); }; this.drawParts = function() { for(var i = this.parts.length - 1; i >= 0; i--) { this.parts[i].x += this.parts[i].vx; this.parts[i].y += this.parts[i].vy + this.speed; if(this.parts[i].name === "square") { fill(this.parts[i].c); this.diamond(this.parts[i].x, this.parts[i].y, this.parts[i].s, this.parts[i].r ); } else { stroke(this.parts[i].c); strokeWeight(this.parts[i].s/10); line(this.parts[i].x, this.parts[i].y, this.parts[i].x, this.parts[i].y + this.parts[i].s); noStroke(); } if(this.parts[i].y > height + this.parts[i].s) { this.parts.splice(i, 1); } } }; this.show = function() { if(this.z > 0) { noStroke(); background(this.bgColor); this.drawParts(); if(frameCount % 3 === 0) { this.pushPart(random(0, width), -50, 0, random(5, 10), random(10,50)); this.pushStreak(random(0, width), -50, 0, random(15, 15), random(20,70)); } pushMatrix(); translate(sin(frameCount2)3, this.time < 200 ? this.y : this.y + 4); fill(this.pc1, 10); this.diamond(width0.5, height0.5 - 29, 150, 0); this.drawGrad(width/2, height/2 - 63, 124, 400); this.drawGrad(width/2 - 69, height/2 - 29, 54, 155); this.drawGrad(width/2 + 69, height/2 - 28, 54, 155); this.zoomy(width/2, height/2, 1.5); popMatrix(); fill(240); textFont(italics, 50); textSize(50); textAlign(3, 3); for(var i = -5; i < 6; i++) { text("Z O O M Y\nG R O U P", i + width/2, height/2 + this.x); } } fill(240); rect(0, this.z, width, height + 100); this.time++; this.continue = true; if(this.time < 200) { this.speed += (4 - this.speed)/30; this.y += -this.y/40; } else if(this.time === 200) { this.y = -1; } else { this.y = 1.1; this.opacity += (255 - this.opacity)/20; if(this.time > 250) { this.x += -this.x/20; } if(this.time > 350) { this.z += (-(height + 120) - this.z)/40; } } }; for(var i = 0; i < 15; i++) { this.pushPart(random(0, width), random(-50, height), 0, random(5, 10), random(10,50)); this.pushStreak(random(0, width), random(-50, height), 0, random(15, 15), random(20,70)); } }; return new ZL(); })(); var mapVars = { x: width/2, y: height/2 }; function drawCityBg(x, y) { pushMatrix(); translate(x, y); randomSeed(115); var shade1 = color(189); var shade2 = color(161); var shade3 = color(130, 130, 130); var road = color(87, 87, 87); var water = color(84, 141, 247); var grass = color(0, 166, 0); var sand = color(249, 252, 187); var sidewalk = color(230); background(sidewalk); { fill(road); noStroke(); rect(0, 170, 1009, 64); rect(96, 0, 64, 1000); rect(440, 0, 32, 1000); rect(860, 0, 32, 1000); rect(0, 906, 608, 32); rect(0, 522, 96, 32); rect(892, 778, 132, 32); rect(440, 522, 568, 32); rect(992, 0, 64, 1000); quad(608, 906, 608, 938, 860, 817, 860, 779); }//Roads { fill(water, 150); rect(1140, -500, 560, 2000); }//water { fill(grass); rect(172, 245, 255, 652); beginShape(); vertex(480, 897); vertex(609, 896); vertex(852, 773); vertex(852, 565); vertex(480, 565); vertex(480, 899); endShape(); rect(170, 950, 258, 82); rect(0, 950, 84, 82); rect(0, 0, 84, 156); rect(174, 0, 253, 156); rect(485, 0, 364, 156); rect(900, 0, 84, 156); rect(900, 241, 84, 276); rect(900, 563, 84, 206); rect(900, 820, 84, 180); rect(0, 245, 84, 267); rect(480, 245, 370, 267); rect(0, 564, 84, 332); beginShape(); vertex(480, 946); vertex(480, 1000); vertex(852, 1000); vertex(852, 829); vertex(610, 946); vertex(480, 946); endShape(); }//Grass { fill(sand); beginShape(); vertex(1057, 1000); vertex(1057, 0); vertex(1153, 0); bezierVertex(1163, 53, 1159, 77, 1149, 101); bezierVertex(1141, 137, 1155, 198, 1163, 238); bezierVertex(1170, 288, 1160, 329, 1141, 388); bezierVertex(1158, 416, 1160, 439, 1163, 496); bezierVertex(1151, 529, 1149, 577, 1165, 648); bezierVertex(1175, 692, 1177, 734, 1165, 772); bezierVertex(1158, 807, 1151, 833, 1149, 890); bezierVertex(1158, 909, 1159, 939, 1155, 974); vertex(1152, 1000); endShape(); }//Sand fill(sidewalk); rect(683, 370, 10, 0.1, -40); rect(683, 241, 10, 273); rect(480, 365, 370, 10); rect(637, 282, 71, 23); rect(571, 245, 10, 273); rect(637, 428, 52, 23); rect(777, 241, 10, 273); //Building fill(shade1); rect(512, 256, 128, 96); rect(502, 396, 148, 96); rect(712, 406, 128, 96); beginShape(); vertex(808, 253); vertex(834, 290); vertex(833, 355); vertex(708, 354); vertex(706, 255); vertex(809, 255); endShape(); beginShape(); vertex(506, 832); vertex(615, 833); vertex(802, 736); vertex(801, 606); vertex(577, 609); vertex(512, 672); vertex(507, 833); endShape(); rect(512, 0, 224, 128); rect(200, 0, 201, 145); rect(-134, 0, 201, 145); rect(-134, 255, 201, 145); rect(-134, 412, 201, 92); rect(-134, 583, 201, 145); rect(-134, 747, 201, 145); //Building fill(shade2); rect(522, 263, 108, 80); rect(512, 403, 125, 80); rect(723, 414, 105, 80); beginShape(); vertex(803, 263); vertex(821, 290); vertex(822, 348); vertex(717, 348); vertex(715, 263); endShape(); beginShape(); vertex(518, 825); vertex(615, 824); vertex(791, 727); vertex(792, 615); vertex(577, 618); vertex(522, 677); endShape(); rect(523, 0, 201, 117); rect(211, 0, 180, 135); rect(-145, -8, 201, 145); rect(-141, 260, 201, 135); rect(-134, 416, 193, 81); rect(-134, 591, 189, 128); rect(-134, 753, 192, 131); fill(water, 150); stroke(125, 104, 12); beginShape(); vertex(577, 677); vertex(616, 649); vertex(672, 654); vertex(707, 674); vertex(715, 716); vertex(688, 757); vertex(626, 767); vertex(587, 744); vertex(571, 713); vertex(576, 678); endShape(); line(617, 648, 638, 694); line(576, 678, 638, 694); line(570, 714, 638, 694); line(587, 745, 638, 694); line(627, 767, 638, 694); line(691, 757, 638, 694); line(707, 674, 638, 694); line(714, 716, 638, 694); line(669, 654, 638, 694); noStroke(); fill(road); rect(832, 48, 0.1, 10, -50); rect(832, 48, 60, 10); rect(736, 0, 96, 128); //bushes for (var i = 0; i <622; i++) { stroke(0, random(100, 175), 0); strokeWeight(random(2, 6)); point(random(173, 254), random(246, 897)); } //bushes for (var i = 0; i <622; i++) { stroke(0, random(100, 175), 0); strokeWeight(random(2, 6)); point(random(351, 424), random(246, 897)); } //Trees for (var i = 0; i <52; i++) { stroke(0, random(50, 105), 0); strokeWeight(random(17, 24)); point(random(180, 404), random(256, 887)); } noStroke(); fill(sidewalk); rect(282, 245, 32, 655); fill(sand); rect(1055, -500, 98, 500); rect(1055, 1000, 98, 500); popMatrix(); } var button = function (config) { this.x = config.x \|\| 60; this.y = config.y \|\| 25; this.w = config.w \|\| 35; this.h = config.h \|\| 35; this.which = config.which \|\| "Pop Up Main"; this.msg = config.msg \|\| ""; this.bgColor = config.bgColor \|\| color(4, 36, 87); this.elementColor = config.elementColor \|\| color(255); this.drawNotif = config.drawNotif \|\| false; }; var contacts = [ "Liam K", "Ibraheem A", "Ethan Kim", "Spencer K", "Quinn H"]; var contactColors = { constant: [color(0, 111, 230), color(42, 157, 244), color(0, 111, 230), color(63, 197, 255), color(24, 112, 213)], change: [color(0, 111, 230), color(42, 157, 244), color(0, 111, 230), color(63, 197, 255), color(24, 112, 213)] }; //intro button var enterButton = new button ({ x: width/2 - 175/2, y: 315, w: 175, h: 60, which: "Enter"}); //city buttons var coinsButton = new button ({ x: 40, w: 100, which: "Coins"}); var notifButton = new button ({ x: 435, which: "Notifications", drawNotif: true}); var menuButton = new button ({ x: 480, which: "Menu", drawNotif: true}); var profileButton = new button ({ x: 525, which: "Profile"}); var cityButtons = [ notifButton, menuButton, profileButton]; //pop up buttons var returnButton = new button ({ y: 375, w: 130, which: "Pop Up Page", msg: "Return", bgColor: color(228, 36, 19)}); var forYouButton = new button ({ y: 220, w: 130, which: "Pop Up Page", msg: "For You"}); var updatesButton = new button ({ y: 260, w: 130, which: "Pop Up Page", msg: "Updates"}); var gamesButton = new button ({ y: 220, w: 130, which: "Pop Up Page", msg: "Games"}); var appsButton = new button ({ y: 260, w: 130, which: "Pop Up Page", msg: "Apps"}); var othersButton = new button ({ y: 300, w: 130, which: "Pop Up Page", msg: "Others"}); var usernameButton = new button ({ y: 220, w: 130, which: "Pop Up Page", msg: "Username"}); var avatarButton = new button ({ y: 260, w: 130, which: "Pop Up Page", msg: "Avatar"}); var popUpButtons = [ [forYouButton, updatesButton], [gamesButton, appsButton, othersButton], [usernameButton, avatarButton]]; var gamesButtons = [ new button ({x: 220, y: 220, msg: "Asteroids"}), new button ({x: 325, y: 220, msg: "Gunner"}), new button ({x: 430, y: 220, msg: "Block Dodger"}), new button ({x: 220, y: 320, msg: "Handulum"}), new button ({x: 325, y: 320, msg: "Highway Run"}), new button ({x: 430, y: 320, msg: "Coffee"})]; var appsButtons = new button ({ x: 220, y: 220, w: 115, h: 90, msg: "Messenger", bgColor: color(0, 158, 95)}); var othersButtons = new button ({ x: 220, y: 220, w: 115, h: 90, msg: "Aquarium", bgColor: color(0, 158, 95)}); var usernameButtons = [ new button ({x: 225, which: "Isaac E", bgColor: color(25, 40, 65)}), new button ({x: 370, which: "Daniel T", bgColor: color(25, 40, 65)})]; //apps and games button var closeButton = new button ({ x: 540, y: 15, which: "Close", bgColor: color(228, 36, 19)}); //messenger buttons var contactsButtons = [ new button ({which: "Messenger Contact", msg: "Liam K", bgColor: color(255), drawNotif: true}), new button ({which: "Messenger Contact", msg: "Ibraheem A", bgColor: color(255), drawNotif: true}), new button ({which: "Messenger Contact", msg: "Ethan Kim", bgColor: color(255), drawNotif: true}), new button ({which: "Messenger Contact", msg: "Spencer K", bgColor: color(255), drawNotif: true}), new button ({which: "Messenger Contact", msg: "Quinn H", bgColor: color(255), drawNotif: true})]; var selectButtons = [ new button ({x: 290, y: 445, w: 140, h: 40, which: "Messenger Chat", bgColor: color(230), elementColor: color(0)}), new button({x: 440, y: 445, w: 140, h: 40, which: "Messenger Chat", bgColor: color(230), elementColor: color(0)})]; var refreshButton = new button ({ x: 240, y: 445, w: 40, h: 40, which: "Refresh", bgColor: color(23, 122, 242)}); button.prototype.isMouseInside = function() { return mouseX >= this.x && mouseX <= (this.x + this.w) && mouseY >= this.y && mouseY <= (this.y + this.h); }; button.prototype.draw = function() { //button background fill(this.bgColor); rectMode(CORNER); if (this.which === "Enter") { stroke(255); strokeWeight(5); } else if (this.which === "Coins" \|\| this.which === "Notifications" \|\| this.which === "Menu" \|\| this.which === "Profile") { stroke(255); strokeWeight(2); } else { noStroke(); } rect(this.x, this.y, this.w, this.h, 10); //main element fill(this.elementColor); noStroke(); textFont(createFont("Trebuchet MS Bold")); rectMode(CENTER); switch (this.which) { case "Enter": textSize(20); text("Enter World", this.x + this.w/2, this.y + this.h/2); break; case "Coins": //draw wallet icon fill(255); rect(this.x + 22, this.y + 17.5, 21.5, 19, 2.5); stroke(65); strokeWeight(2); rect(this.x + 29.5, this.y + 18.5, 11.5, 7.5, 2.5); ellipse(this.x + 29.5, this.y + 19.25, 1, 1); noStroke(); fill(65); rect(this.x + 24, this.y + 10.5, 20, 2, 25); //draw coins text fill(255); textSize(17.5); textAlign(CENTER, CENTER); text("$ " + coins, this.x + 65, this.y + 18); break; case "Notifications": //draw notification icon ellipse(this.x + this.w/2, this.y + 10, 4.5, 4.5); ellipse(this.x + this.w/2, this.y + 15, 14.5, 9.5); rect(this.x + this.w/2, this.y + 19, 14.5, 5.5); ellipse(this.x + this.w/2, this.y + 23, 18.5, 5); ellipse(this.x + this.w/2, this.y + 25.5, 4.5, 4.5); //draw notification ellipse if (this.drawNotif) { fill(228, 36, 19); stroke(255); strokeWeight(1); ellipse(this.x + this.w - 2.5, this.y + 2.5, 15, 15); } break; case "Menu": //draw menu icon rect(this.x + this.w/2, this.y + this.h/2 - 6.5, this.w - 17.5, 2.5, 15); rect(this.x + this.w/2, this.y + this.h/2, this.w - 17.5, 2.5, 15); rect(this.x + this.w/2, this.y + this.h/2 + 6, this.w - 17.5, 2.5, 15); //draw notification ellipse if (this.drawNotif) { fill(228, 36, 19); stroke(255); strokeWeight(1); ellipse(this.x + this.w - 2.5, this.y + 2.5, 15, 15); } break; case "Profile": ellipse(this.x + this.w/2, this.y + 14, 11.5, 11.5); ellipse(this.x + this.w/2, this.y + 25.5, 15, 6.5); break; case "Pop Up Page": textSize(16.5); textAlign(CORNER, CENTER); text(this.msg, this.x + 15, this.y + this.h/2); break; case "Pop Up Main": fill(25, 40, 65); rectMode(CORNER); rect(this.x, this.y + this.h - 33, this.w, 10); rect(this.x, this.y + this.h - 33, this.w, 33, 10); fill(255); textSize(11.5); textAlign(CORNER, CENTER); text(this.msg, this.x + 10, this.y + this.h - 33/2); //draw cover if (this.isMouseInside()) { fill(0, 25); rect(this.x, this.y, this.w, this.h - 30, 10); } break; case "Isaac E": case "Daniel T": text(this.which, this.x + 15, this.y + this.h/2); break; case "Close": textSize(20); textAlign(CENTER, CENTER); text("x", this.x + this.w/2, this.y + this.h/2 - 1.5); textAlign(CORNER, CENTER); break; case "Messenger Contact": //draw profile icon noStroke(); ellipse(this.x + 30, this.y + this.h/2, 35, 35); fill(255); ellipse(this.x + 30, this.y + this.h/2 - 4, 11, 11); ellipse(this.x + 30, this.y + this.h/2 + 7, 15.5, 6); //draw text fill(50); textSize(17.5); text(this.msg, this.x + 60, this.y + this.h/2 - 8); fill(200); textSize(12.5); text("Messenger User", this.x + 60, this.y + this.h/2 + 11.5); //draw notif if (this.drawNotif) { fill(23, 122, 242); ellipse(this.x + 180, this.y + 20, 10, 10); } break; case "Messenger Chat": textSize(13.5); textAlign(CENTER, CENTER); text(this.msg, this.x + this.w/2, this.y + this.h/2); break; case "Refresh": for (var i = 0; i < 6; i++) { pushMatrix(); translate(this.x + this.w/2, this.y + this.h/2); rotate(deg(60 i)); rect(0, 7.5, 5, 5, 25); popMatrix(); } break; } rectMode(CORNER); //animate isMouseInside() if (this.isMouseInside()) { switch (this.bgColor) { case color(65): this.bgColor = color(85); break; case color(50): this.bgColor = color(60); break; case color(228, 36, 19): this.bgColor = color(195, 0, 0); break; case color(33, 148, 243): this.bgColor = color(30, 136, 229); break; case color(45): this.bgColor = color(30); break; case color(255): this.bgColor = color(245); break; case color(230): this.bgColor = color(220); break; case color(23, 122, 242): this.bgColor = color(26, 111, 214); break; case color(4, 36, 87): this.bgColor = color(9, 55, 125); break; case color (25, 40, 65): this.bgColor = color(29, 50, 84); break; } } else { switch (this.bgColor) { case color(85): this.bgColor = color(65); break; case color(60): this.bgColor = color(50); break; case color(195, 0, 0): this.bgColor = color(228, 36, 19); break; case color(30, 136, 229): this.bgColor = color(33, 148, 243); break; case color(30): this.bgColor = color(45); break; case color(245): this.bgColor = color(255); break; case color(220): this.bgColor = color(230); break; case color(26, 111, 214): this.bgColor = color(23, 122, 242); break; case color(9, 55, 125): this.bgColor = color(4, 36, 87); break; case color (29, 50, 84): this.bgColor = color(25, 40, 65); break; } } }; var popUp = { open: false, which: "Notifications", whichNum: 0, page: "For You", op: { main: 0, cover: [255, 255] } }; var name = "Player"; function drawAvatar(x, y, size) { pushMatrix(); translate(x, y); scale(size); //Hair noStroke(); fill(99, 45, 1); ellipse(196, 179, 35, 30); ellipse(204, 179, 35, 30); arc(206, 171, 30, 24, deg(-28), deg(102)); arc(194, 173, 26, 19, deg(-223), deg(-15)); arc(204, 171, 28, 19, deg(-241), deg(15)); //Head noStroke(); fill(242, 214, 148); ellipse(200, 189, 40, 45); rect(195, 208, 11, 19, 5); arc(200, 216, 34, 29, deg(32), deg(147)); //Hands fill(242, 214, 148); ellipse(166, 276, 10, 13); ellipse(235, 277, 10, 13); //Legs & shoes fill(107, 59, 30); ellipse(191, 333, 14, 11); ellipse(212, 332, 15, 11); pushMatrix(); rotate(deg(6)); fill(37, 64, 125); arc(225, 256, 25, 117, deg(77), deg(182)); rotate(deg(1)); arc(251, 249, 24, 117, deg(-287), deg(-174)); popMatrix(); fill(8, 3, 0); ellipse(191, 331, 14, 10); ellipse(212, 330, 14, 10); noStroke(); //Arms pushMatrix(); translate(64, -38); rotate(deg(15)); fill(232, 111, 12); arc(185, 278, 22, 113, deg(182), deg(288)); arc(187, 227, 12, 17, deg(110), deg(292)); popMatrix(); pushMatrix(); translate(-67, 56); rotate(deg(-12)); arc(243, 281, 23, 118, deg(263), deg(358)); arc(241, 228, 12, 17, deg(246), deg(426)); popMatrix(); //Shirt rect(181, 227, 39, 51, 3); noFill(); strokeWeight(6); stroke(232, 111, 12); arc(201, 224, 24, 6, deg(3), deg(178)); noStroke(); //Eyes & brows fill(64, 29, 4); ellipse(211, 185, 5, 6); ellipse(191, 185, 5, 6); noFill(); strokeWeight(2); stroke(71, 26, 6); arc(191, 180, 9, 3, deg(204), deg(301)); arc(211, 181, 9, 8, deg(231), deg(326)); //Nose & mouth stroke(201, 169, 110); arc(201, 194, 1, 4, deg(90), deg(257)); noStroke(); fill(214, 152, 90); arc(201, 204, 10, 5, deg(343), deg(564)); //Hair P2 fill(99, 45, 1); rect(185, 166, 32, 7, 15); popMatrix(); } function drawPopUp() { //animate opacity if (popUp.open) { if (popUp.op.main < 255) { popUp.op.main += 17; } if (popUp.op.main === 255) { if (popUp.op.cover[0] > 0) { popUp.op.cover[0] -= 17; } if (popUp.op.cover[1] > 0) { popUp.op.cover[1] -= 17; } } } else { if (popUp.op.main > 0) { popUp.op.main -= 25; } } //draw pop up if (popUp.op.main > 0) { //draw background fill(35, 57, 93, popUp.op.main); noStroke(); rect(width/2 - 250, height/2 - 150, 500, 350, 10); fill(25, 40, 65, popUp.op.main); rect(width/2 - 250, height/2 - 150, 150, 350, 10); //draw everything if (popUp.op.main === 255) { //draw heading and subheading fill(255); textSize(25); textAlign(CORNER, CENTER); text(popUp.which, width/2 - 75, height/2 - 100); fill(200); textSize(20); text(popUp.page, width/2 - 75, height/2 - 65); //draw buttons returnButton.draw(); for (var i = 0; i < popUpButtons[popUp.whichNum].length; i++) { popUpButtons[popUp.whichNum][i].draw(); } //draw content fill(255); textSize(15); textAlign(CORNER, CORNER); switch (popUp.page) { case "For You": text("Welcome to Metaverse!\n\nMetaverse is not just a game, Metaverse is\na virtual world.\n\nWe aim to connect the KA community and\nmake it a better place, just for you.\n\nWith that said, we hope you enjoy your\ntime in Metaverse.", width/2 - 75, height/2 - 10); break; case "Updates": text("You are viewing Metaverse version 2.0.\n\nFeatures available in this version include\nthe following.\n\n• Community Bots\n• Mini Games\n• Museum Arts\n• Chat Application (Messenger)", width/2 - 75, height/2 - 10); break; case "Games": for (var i = 0; i < gamesButtons.length; i++) { gamesButtons[i].w = 100; gamesButtons[i].h = 90; gamesButtons[i].bgColor = color(0, 158, 95); gamesButtons[i].draw(); } break; case "Apps": appsButtons.draw(); break; case "Others": othersButtons.draw(); break; case "Username": fill(255); ellipse(width/2 - 50, height/2 + 5, 65, 65); fill(25, 40, 65); ellipse(width/2 - 50, height/2, 25, 25); ellipse(width/2 - 50, height/2 + 20, 30, 10); fill(255); textSize(20); textAlign(CORNER, CENTER); text("Hello, " + name + ".", width/2, height/2 + 5); fill(200); textSize(15); text("Customize your username by selecting\none of the usernames below.", width/2 - 75, height/2 + 85); for (var i = 0; i < usernameButtons.length; i++) { usernameButtons[i].y = 370; usernameButtons[i].w = 135; usernameButtons[i].h = 45; usernameButtons[i].draw(); } break; case "Avatar": //draw shadow fill(25, 40, 65); ellipse(275, 400, 100, 25); //draw avatar drawAvatar(73, 65, 1); //draw details fill(255); text("Avatar\n\nGender\n\nAge", 350, 280); text(": Default\n\n: Male\n\n: 14 - 25", 420, 280); break; } //draw cover fill(65, popUp.op.cover[0]); rect(width/2 - 100, height/2 - 150, 350, 350, 10); fill(50, popUp.op.cover[1]); rect(width/2 - 250, height/2 - 150, 150, 350, 10); } } } function chgButtonColor() { for (var i = 0; i < popUpButtons[popUp.whichNum].length; i++) { if (popUp.page === popUpButtons[popUp.whichNum][i].msg) { if (popUpButtons[popUp.whichNum][i].isMouseInside()) { popUpButtons[popUp.whichNum][i].bgColor = color(30, 136, 229); } else { popUpButtons[popUp.whichNum][i].bgColor = color(33, 148, 243); } } else { if (!popUpButtons[popUp.whichNum][i].isMouseInside()) { popUpButtons[popUp.whichNum][i].bgColor = color(25, 40, 65); } } } } var gamePopUp = { open: true, op: 0 }; //LCD custom font by Levi var LCDFont = { lines: [ // all around, starting top left going clockwise [0, 0, 0, 1], [0, 1, 0, 2], [0, 2, 1, 2], [1, 1, 1, 2], [1, 0, 1, 1], [0, 0, 1, 0], // center horizontal [0, 1, 0.5, 1], [0.5, 1, 1, 1], // diagonals, clockwise [0, 0, 0.5, 1], [0, 2, 0.5, 1], [1, 2, 0.5, 1], [1, 0, 0.5, 1], //center vertical [0.5, 0, 0.5, 1], [0.5, 1, 0.5, 2], ], numbers: { "0": [0, 1, 2, 3, 4, 5, 9, 11], "1": [3, 4, 11], "2": [1, 2, 4, 5, 6, 7], "3": [2, 3, 4, 5, 6, 7], "4": [0, 3, 4, 6, 7], "5": [0, 2, 3, 5, 6, 7], "6": [0, 1, 2, 3, 6, 7], "7": [3, 4, 5], "8": [0, 1, 2, 3, 4, 5, 6, 7], "9": [0, 3, 4, 5, 6, 7], "_": [2], " ": [], "a": [0, 1, 3, 4, 5, 6, 7], "b": [2, 3, 4, 5, 7, 12, 13], "c": [0, 1, 2, 5], "d": [2, 3, 4, 5, 12, 13], "e": [0, 1, 2, 5, 6], "f": [0, 1, 5, 6], "g": [0, 1, 2, 3, 5, 7], "h": [0, 1, 3, 4, 6, 7], "i": [2, 5, 12, 13], "j": [1, 2, 3, 4], "k": [0, 1, 6, 10, 11], "l": [0, 1, 2], "m": [0, 1, 3, 4, 8, 11], "n": [0, 1, 3, 4, 8, 10], "o": [0, 1, 2, 3, 4, 5], "p": [0, 1, 4, 5, 6, 7], "q": [0, 1, 2, 3, 4, 5, 10], "r": [0, 1, 4, 5, 6, 7, 10], "s": [0, 2, 3, 5, 6, 7], "t": [5, 12, 13], "u": [0, 1, 2, 3, 4], "v": [0, 1, 9, 11], "w": [0, 1, 3, 4, 9, 10], "x": [8, 9, 10, 11], "y": [8, 9, 11], "z": [2, 5, 9, 11], "": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13], }, drawNum: function(x, y, s, num) { var a = this.numbers[num] \|\| this.numbers[0]; for(var i = 0; i < a.length; i++) { line(x + this.lines[a[i]][0]s, y + this.lines[a[i]][1]s, x + this.lines[a[i]][2]s - (this.lines[a[i]][1] === this.lines[a[i]][3]), y + this.lines[a[i]][3]s - (this.lines[a[i]][0] === this.lines[a[i]][2])); } }, }; var textLCD = function(val, x, y, s, space, align) { space = space \|\| 10; val = (val + "").toLowerCase(); var ox = 0, oy = 0; if(align === RIGHT) { x -= (sval.length + space(val.length - 1)); } for(var i = 0; i < val.length; i++) { if(val[i] === "\n") { ox = -(i + 1)(s + space); oy += s2 + space; } else { LCDFont.drawNum(x + i(s + space) + ox, y + oy, s, val[i]); } } }; //Gunner custom font by LeaferStudios var _text = function(txt,x,y,s1,s2,type,clr,clr2,mx) { pushMatrix(); translate(x, y); scale(s1, s2); if (type) { fill(clr); text(txt, mx, 0); text(txt, -mx, 0); text(txt, 0, mx); text(txt, 0, -mx); text(txt, mx, mx); text(txt, mx, -mx); text(txt, -mx, mx); text(txt, -mx, -mx); } fill(clr2); text(txt, 0, 0); popMatrix(); }; function drawGamePopUp() { //animate opacity if (gamePopUp.open) { if (gamePopUp.op < 255) { gamePopUp.op += 17; } if (gamePopUp.op > 0) { //draw background fill(35, 57, 93, gamePopUp.op); noStroke(); rectMode(CORNER); rect(width/2 - 350/2, height/2 - 225/2, 350, 225, 10); fill(25, 40, 65, gamePopUp.op); rect(width/2 - 350/2, height/2 - 225/2, 350, 60, 10); //draw content fill(255); textFont(createFont("Trebuchet MS Bold"), 25); textAlign(CENTER, CENTER); text("Welcome to", width/2, height/2); switch (scene) { case "Asteroids": stroke(255); strokeWeight(2); textLCD("asteroids", width/2 - 110, height/2 + 40, 15); break; case "Gunner": textFont(createFont("monospace"), 60); textAlign(CENTER, CENTER); _text("GUNN3R", width / 2, height / 2 + 50, 1, 1, true, color(9, 133, 0), color(255), 4); break; case "Messenger": case "Block Dodger": case "Highway Run": case "Coffee": textSize(40); text(scene, width/2, height/2 + 50); break; case "Handulum": textFont(createFont("comic sans MS"), 25); text("H a n d u l u m K A", width/2, height/2 + 50); textFont(createFont("Trebuchet MS Bold")); break; case "Aquarium": textSize(27); text("Beauty Beneath - BSC", width/2, height/2 + 45); break; } } } else { gamePopUp.op = 0; } } var character = function (config) { this.x = config.x; this.y = config.y; this.angle = config.angle \|\| 0; this.size = config.size \|\| 1; this.name = config.name; this.skinNum = floor(random(3)); this.hairNum = floor(random(3)); this.handAngle = 0; this.handSpeed = config.handSpeed \|\| 1; }; var names = [ "Levi F", "BirdySparrowCatcher", "Gray Wolf", "Liam K", "Corin Fist", "Red Arrow", "Ibraheem A", "CowboysFan Creations", "SpencerKuan", "Walk Worthy", "JS Coder", "21262", "Apex", "Ace", "Mojo1000"]; var skinColors = [ color(255, 200, 150), color(241, 195, 125), color(198, 134, 66)]; var hairColors = [ color(150, 75, 0), color(90, 56, 37), color(35, 18, 11)]; var botPos = { x: [-525, -500, -450, -250, -200, 0, 50, 250, 150, 150, 450, 550, 650, 750, 750], y: [-250, 100, -75, -50, 200, 200, -300, 150, 350, -200, -50, 350, -350, -200, 300] }; var introCharacters = [[], [], [], []]; var addCharacters = [ new character ({x: -65, y: 265, angle: 5}), new character ({x: 0, y: 275}), new character ({x: 75, y: 265, angle: -10}) ]; for (var i = 0; i < 20; i++) { introCharacters[0][i] = new character ({x: 0, y: 300, size: 1.25}); introCharacters[1][i] = new character ({x: 100, y: 300, handSpeed: 0.5}); introCharacters[2][i] = new character ({x: 25, y: 350, handSpeed: 0.75}); introCharacters[3][i] = new character ({x: -55, y: 375}); } var playerCharacter = new character ({ x: width/2, y: height/2}); var botCharacters = []; for (var i = 0; i < names.length; i++) { botCharacters[i] = new character ({x: botPos.x[i], y: botPos.y[i], name: names[i], angle: random(360)}); } character.prototype.draw = function() { //draw name fill(0); textFont(createFont("Trebuchet MS Bold"), 15); textAlign(CENTER, CENTER); text(this.name, this.x, this.y - 65); //draw character pushMatrix(); translate(this.x, this.y); scale(this.size); rotate(deg(this.angle)); //hair fill(hairColors[this.hairNum]); noStroke(); ellipse(0, 0, 75, 75); //head and nose fill(skinColors[this.skinNum]); ellipse(0, -20, 60, 35); ellipse(0, -37.5, 10, 10); //hands pushMatrix(); rotate(deg(this.handAngle)); ellipse(50, 0, 20, 20); ellipse(-50, 0, 20, 20); popMatrix(); //eyes fill(0); ellipse(-7.5, -22.5, 7.5, 7.5); ellipse(7.5, -22.5, 7.5, 7.5); popMatrix(); //animate hands this.handAngle += this.handSpeed; if ((this.handAngle < -15) \|\| (this.handAngle > 15)) { this.handSpeed = - this.handSpeed; } }; character.prototype.move = function() { //move horizontally if (keys[37]) { if (mapVars.x < 600) { mapVars.x += 5; if (this.x > width/2) { this.x -= 2.5; } } else { if (this.x > 75) { this.x -= 5; } } } else if (keys[39]) { if (mapVars.x > -350) { mapVars.x -= 5; if (this.x < width/2) { this.x += 2.5; } } else { if (this.x < (width - 75)) { this.x += 5; } } } //move vertically if (keys[38]) { if (mapVars.y < 450) { mapVars.y += 5; if (this.y > height/2) { this.y -= 2.5; } } else { if (this.y > 75) { this.y -= 5; } } } else if (keys[40]) { if (mapVars.y > 0) { mapVars.y -= 5; if (this.y < height/2) { this.y += 2.5; } } else { if (this.y < (height - 75)) { this.y += 5; } } } //change angle if (keys[37] && keys[38]) { if (this.angle < -45) { this.angle += 5; } else if (this.angle > -45) { this.angle -= 5; } } else if (keys[37] && keys[40]) { if (this.angle < -135) { this.angle += 5; } else if (this.angle > -135) { this.angle -= 5; } } else if (keys[39] && keys[38]) { if (this.angle < 45) { this.angle += 5; } else if (this.angle > 45) { this.angle -= 5; } } else if (keys[39] && keys[40]) { if (this.angle < 135) { this.angle += 5; } else if (this.angle > 135) { this.angle -= 5; } } else if (keys[37]) { if (this.angle < -90) { this.angle += 5; } else if (this.angle > -90) { this.angle -= 5; } } else if (keys[38]) { if (this.angle < 0) { this.angle += 5; } else if (this.angle > 0) { this.angle -= 5; } } else if (keys[39]) { if (this.angle < 90) { this.angle += 5; } else if (this.angle > 90) { this.angle -= 5; } } else if (keys[40]) { if (this.angle < 180) { this.angle += 5; } else if (this.angle > 180) { this.angle -= 5; } } }; var sceneChange = { anm: false, to: "", time: 0, op: 0 }; function anmSceneChange() { if (sceneChange.anm) { //add time sceneChange.time += 0.025; //animate opacity if (sceneChange.time < 1) { sceneChange.op += 15; } else { sceneChange.op -= 15; } //draw scene fill(35, 57, 93, sceneChange.op); rect(0, 0, width, height); fill(32, 51, 84, sceneChange.op); ellipse(width/2, height/2, 650, 650); fill(28, 46, 74, sceneChange.op); ellipse(width/2, height/2, 500, 500); fill(25, 40, 65, sceneChange.op); ellipse(width/2, height/2, 300, 300); fill(255, sceneChange.op); textSize(30); textAlign(CENTER, CENTER); text("Entering " + sceneChange.to + " ...", width/2, height/2); //move scene if (sceneChange.time > 0.5) { scene = sceneChange.to; } //finish animation if (sceneChange.to === scene && sceneChange.op <= 0) { sceneChange.anm = false; } } else { sceneChange.time = 0; sceneChange.op = 0; } } //messenger vars var chat = function (config) { this.pos = config.pos \|\| "left"; this.y = config.y \|\| 100; this.w = config.w; this.h = config.h \|\| 40; this.op = config.op \|\| 0; this.msg = config.msg; this.time = config.time \|\| 2; this.bubbleOp = [255, 255, 255]; }; var liamChats = [ new chat ({w: 205, h: 40,op: 255, msg: "Hey there! You new here?"}), new chat ({pos: "right", y: 150, w: 70}), new chat ({y: 200, w: 235, h: 60, msg: "I've been here for a while now,\nand I'm loving it :)"}), new chat ({pos: "right", y: 270, w: 150})]; var iaChats = [ new chat ({w: 245, h: 60, op: 255, msg: "Woah, I can't believe I'm talking\nto you rn o.O"}), new chat ({pos: "right", y: 170, w: 115}), new chat ({y: 220, w: 225, h: 60, msg: "You have done great things\nman. Keep up the good work!"}), new chat ({pos: "right", y: 290, w: 85})]; var ethanChats = [ new chat ({w: 190, h: 40, op: 255, msg: "Hi, how are you today?"}), new chat ({pos: "right", y: 150, w: 120}), new chat ({y: 200, w: 235, h: 40, msg: "And do you enjoy being well?"}), new chat ({pos: "right", y: 250, w: 165}), new chat ({y: 300, w: 265, msg: "Awesome then! Have a great day :)"}), new chat ({pos: "right", y: 350, w: 80, msg: "Thanks!"})]; var spencerChats = [ new chat ({w: 205, h: 40, op: 255, msg: "Hi! Happy birthday to you!"}), new chat ({pos: "right", y: 150, w: 155}), new chat ({y: 200, w: 250, h: 60, msg: "No prob, I know it's your birthday\ntoday :)"})]; var quinnChats = [ new chat ({w: 180, h: 40, op: 255, msg: "Wanna hear my story?"}), new chat ({pos: "right", y: 150, w: 70}), new chat ({y: 200, w: 235, h: 60, msg: "I just got my first client a few\nmonths ago, and it's amazing."}), new chat ({pos: "right", y: 270, w: 150})]; var allChats = [ liamChats, iaChats, ethanChats, spencerChats, quinnChats]; chat.prototype.draw = function() { if (this.op === 255) { //add time if (this.time < 2) { this.time += 0.025; } else { this.time = 2; } //animate typing if (this.time < 2) { //animate opacity this.bubbleOp[0] -= 2.5; this.bubbleOp[1] -= 3.5; this.bubbleOp[2] -= 4.5; for (var i = 0; i < this.bubbleOp.length; i++) { if (this.bubbleOp[i] < 0) { this.bubbleOp[i] = 255; } } //draw switch (this.pos) { case "left": fill(235, this.op); rect(245, this.y, 75, 40, 25); for (var i = 0; i < this.bubbleOp.length; i++) { fill(0, this.bubbleOp[i]); ellipse(245 + 75/2 - 15 + 15 * i, this.y + 20, 10, 10); } break; case "right": break; } } //draw finished chat if (this.time === 2) { switch (this.pos) { case "left": fill(235, this.op); rect(245, this.y, this.w, this.h, 25); fill(0, this.op); textSize(13.5); textAlign(CORNER, CENTER); text(this.msg, 265, this.y + this.h/2); break; case "right": fill(23, 122, 242, this.op); rect(width - this.w - 25, this.y, this.w, this.h, 25); fill(255, this.op); textAlign(CENTER, CENTER); text(this.msg, (width - this.w - 25) + this.w/2, this.y + this.h/2); break; } } } }; var messenger = { page: "Liam K", pageNum: 0, coverOp: 0, currentChat: [-1, -1, -1, -1, -1], }; var buttonNum = 0; var choices = { first: [["I am!", "Good for you man!"], ["Yeah, I know.", "Thanks!"], ["I'm very well.", "Yes, oddly enough."], ["Umm.. thank you?"], ["Sure!", "Woah - awesome!"]], second: [["Nope", "Glad to hear that!"], ["But who am I?", "Sure do!"], ["Never better :D", "Obviously I do, man."], ["It's not my bday."], ["Yeah.", "Very inspirational."]] }; function drawMLogo(x, y, size) { pushMatrix(); translate(x, y); scale(size); fill(23, 122, 242); noStroke(); ellipse(0, 0, 200, 200); ellipse(-82, 92, 20, 20); triangle(-92, 90, -81, 5, -5, 83); triangle(-80, 102, -81, 5, -8, 83); fill(255); ellipse(-52, 27, 10, 10); ellipse(60, -14, 10, 10); ellipse(23, 27, 30, 30); ellipse(-12, -12, 30, 30); triangle(-56, 25, -6, 2, -23, -22); triangle(-52, 33, -6, 2, -23, -22); rect(-50, 20, 5, 5); triangle(-20, 3, 11, 35, 1, -20); triangle(35, 18, 10, 35, 1, -20); triangle(63, -10, 37, 32, 8, 20); triangle(57, -18, 37, 32, 8, 20); rect(54, -14, 5, 10); rect(57, -13, 5, 5); rect(50, -10, 5, 10); popMatrix(); } function drawMessengerBg() { //draw background fill(255); stroke(200); strokeWeight(1); rect(-5, -5, 225, height + 10); noStroke(); //draw shadows for(var y = 0; y < 5; y ++) { fill(lerpColor(color(165), color(255), y/5)); rect(221, y + 65, 380, 1); } //draw logo and title drawMLogo(40, 45, 0.15); fill(23, 122, 242); textFont(createFont("Trebuchet MS Bold"), 22.5); textAlign(CORNER, CENTER); text("Messenger", 65, 45); } function drawMessengerTopPanel() { //draw profile icon fill(contactColors.constant[messenger.pageNum]); noStroke(); ellipse(270, 65/2, 35, 35); fill(255); ellipse(270, 65/2 - 4, 11, 11); ellipse(270, 65/2 + 7, 15.5, 6); //draw page title fill(0); textSize(20); textAlign(CORNER, CENTER); text(messenger.page, 300, 65/2); } function drawMessengerCover() { fill(255, messenger.coverOp); rect(221, 0, 379, height); if (messenger.coverOp > 0) { messenger.coverOp -= 15; } } function controlChat() { //change text choices for (var i = 0; i < allChats.length; i++) { if (messenger.pageNum === i) { switch (messenger.currentChat[i]) { case -1: selectButtons[0].msg = choices.first[i][0]; selectButtons[1].msg = choices.second[i][0]; break; case 1: selectButtons[0].msg = choices.first[i][1]; selectButtons[1].msg = choices.second[i][1]; break; case 3: selectButtons[0].msg = ""; selectButtons[1].msg = ""; break; } } } //finsihed conversation vars if ((selectButtons[0].msg === "" && selectButtons[1].msg === "") \|\| (selectButtons[0].msg === undefined) \|\| (selectButtons[0].msg === "End of conversation.")) { selectButtons[0].w = 290; selectButtons[1].w = 0; selectButtons[0].msg = "End of conversation."; } else { selectButtons[0].w = 140; selectButtons[1].w = 140; } } //asteroids vars var spaceReleased = false; var asteroids = (function() { var Game = function() { this.x = width/2; this.y = height/2; this.bullets = []; this.a = []; this.v = 0; this.r = 0; this.rv = 0; this.vx = 0; this.vy = 0; this.turnSpeed = 0.5; this.accel = 0.005; this.shotTime = 0; this.bSpeed = 10; this.life = 3; this.score = 0; this.timer = 0; this.scene = "menu"; this.coinMultiplier = 0.003; this.addAstra = function(x, y, s) { if(x === undefined) { var a = random(0, 360); var r = random(120, 300); x = this.x + sin(a)r; y = this.y + cos(a)r; s = 2; } var ps = ss12 + 15; var speed = 7/(ps/5); this.a.push({ x: x, y: y, vx: random(-speed, speed), vy: random(-speed, speed), generation: s, s: ps, p: (function(r) { var n = []; for(var i = 0; i < 360; i += 30) { var q = random(random(r0.3, r), r1.3); n.push([sin(i)q, cos(i)q]); } return n; })(ps), }); }; this.wrap = function(n, max, margin) { margin = margin \|\| 0; return n < -margin ? n + max + margin2 : n > max + margin ? n - (max + margin2) : n; }; this.draw = function(x, y, r) { pushMatrix(); translate(x, y); rotate(r); beginShape(); vertex(0, -15); vertex(-10, 10); vertex(0, 5); vertex(10, 10); endShape(CLOSE); popMatrix(); }; this.resetGame = function() { this.a.length = 0; this.bullets.length = 0; coins += floor(this.scorethis.coinMultiplier); this.score = 0; this.x = width/2; this.y = height/2; this.v = 0; this.r = 0; this.vx = 0; this.vy = 0; this.life = 3; this.timer = 100; }; this.resetAll = function() { this.resetGame(); this.scene = "menu"; }; this.resetAll(); }; Game.prototype.lose = function() { fill(30, 100); rect(-50, -50, width + 100, height + 100); noFill(); strokeWeight(2); textLCD("Game Over", width/2 - 4.540, 100, 30); textLCD("Your Score", width/2 - 524, 220, 14); var t = "" + this.score; textLCD(t, width/2 - t.length12, 270, 14); textLCD("Coins Collected", width/2 - 1412, 350, 14); t = "" + ~~(this.scorethis.coinMultiplier); textLCD(t, width/2 - t.length12, 400, 14); }; Game.prototype.menu = function() { fill(30, 100); rect(-50, -50, width + 100, height + 100); stroke(230); noFill(); strokeWeight(2); textLCD("Asteroids", width/2 - 920, 100, 30); textLCD("arrow keys or wasd to move\n space to shoot\n\n\n space to begin", width/2 - 25.510, 250, 10); this.timer = 99; if(spaceReleased) { this.scene = "play"; spaceReleased = false; } }; Game.prototype.game = function() { background(30); stroke(~~(1 + this.timer/10) % 3 === 0 ? 30 : 230); strokeWeight(1); noFill(); if(this.timer > 0) { this.timer--; if(this.timer === 99) { var l = this.life, s = this.score; this.resetGame(); this.life = l; this.score = s; this.timer --; } } if(this.a.length <= 0) { for(var i = 0; i < 7; i++) { this.addAstra(); } } if(this.timer <= 0) { if(keys.a \|\| keys[LEFT]) { this.rv += this.turnSpeed; } if(keys.d \|\| keys[RIGHT]) { this.rv -= this.turnSpeed; } if(keys.w \|\| keys[UP]) { this.v += this.accel; this.vx += sin(this.r)this.v; this.vy += cos(this.r)this.v; } this.r += this.rv; this.x += this.vx; this.y += this.vy; } this.x = this.wrap(this.x, width, 20); this.y = this.wrap(this.y, height, 20); this.v = 0.98; this.rv = 0.9; this.vx = 0.98; this.vy = 0.98; this.draw(this.x, this.y, 180 - this.r); if(spaceReleased && this.timer <= 0) { spaceReleased = false; this.bullets.push({ x: this.x + sin(this.r)10, y: this.y + cos(this.r)10, vx: sin(this.r)this.bSpeed, vy: cos(this.r)this.bSpeed, range: 400, }); } strokeWeight(5); for(var i = 0; i < this.bullets.length; i++) { if(this.timer <= 0) { this.bullets[i].x = this.wrap(this.bullets[i].x + this.bullets[i].vx, width); this.bullets[i].y = this.wrap(this.bullets[i].y + this.bullets[i].vy, height); } this.bullets[i].range -= this.bSpeed; point(this.bullets[i].x, this.bullets[i].y); if(this.bullets[i].range <= 0) { this.bullets.splice(i, 1); i--; } } strokeWeight(1); for(var i = 0; i < this.a.length; i++) { if(this.timer <= 0) { this.a[i].x = this.wrap(this.a[i].x + this.a[i].vx, width, this.a[i].s); this.a[i].y = this.wrap(this.a[i].y + this.a[i].vy, height, this.a[i].s); } //ellipse(this.a[i].x, this.a[i].y, this.a[i].s2, this.a[i].s2); beginShape(); for(var j = 0; j < this.a[i].p.length; j++) { vertex(this.a[i].x + this.a[i].p[j][0], this.a[i].y + this.a[i].p[j][1]); } endShape(CLOSE); if(dist(this.a[i].x, this.a[i].y, this.x, this.y) < this.a[i].s) { this.timer = 100; this.life--; } for(var j = 0; j < this.bullets.length; j++) { if(dist(this.a[i].x, this.a[i].y, this.bullets[j].x, this.bullets[j].y) < this.a[i].s) { if(this.a[i].generation > 0) { this.addAstra(this.a[i].x, this.a[i].y, this.a[i].generation - 1); this.addAstra(this.a[i].x, this.a[i].y, this.a[i].generation - 1); } this.score += this.generation === 0 ? 100 : this.generation === 1 ? 50 : 20; this.a.splice(i, 1); this.bullets.splice(j, 1); j = Infinity; i--; } } } for(var i = 0; i < this.life; i++) { this.draw(30 + i30, 35, 0); } textLCD(this.score, 300, 20, 12, 12, RIGHT); if(this.life <= 0) { this.timer = 102; this.lose(); } //spaceReleased = false; }; Game.prototype.all = function() { this.game(); if(this.scene === "menu") { this.menu(); } }; return new Game(); })(); //handulum vars var handulum = (function() { var handulum = {}; var Game = function() { this.x = 200; this.y = 100; this.nx = 0; this.ny = 0; this.a = 70; this.av = 0; this.d = 100; this.vx = 0; this.vy = 0; this.grav = 13; this.clrs = { bg: color(46, 32, 37), inside: color(49, 43, 66), death: color(207, 83, 120), life: color(134, 212, 200), }; this.sw = 4; this.tail = []; this.levels = [ [ {x: 100, y: 120, cx: 50, cy: 0, camFollow: !true, string: [6, 15]}, [[126, 92], [11, 159], [-23, 330], [59, 429], [254, 455], [395, 405], [410, 362], [456, 392], [532, 424], [635, 409], [662, 357], [682, 227], [661, 75], [513, 86], [441, 108], [405, 155], [354, 106], [126, 92], ], ], [ {x: 300, y: 120, cx: -100, cy: -30, camFollow: !true, string: [10, 17]}, [[157, 153], [205, 93], [293, 71], [379, 90], [422, 145], [437, 256], [448, 322], [483, 351], [542, 342], [562, 291], [564, 208], [564, 100], [570, -15], [616, -98], [686, -112], [618, -77], [662, 9], [662, 206], [657, 311], [637, 410], [598, 468], [525, 496], [459, 502], [337, 492], [236, 451], [169, 363], [154, 221]], ], [ {x: 77, y: 51, cx: 54, cy: 28, camFollow: !true, string: [14, 19]}, [[20, 17], [77, -8], [168, -13], [271, -12], [373, 7], [462, 64], [502, 148], [494, 242], [458, 304], [364, 357], [308, 360], [264, 367], [234, 378], [204, 405], [183, 441], [181, 590], [178, 761], [105, 770], [87, 592], [83, 441], [77, 409], [74, 360], [95, 311], [171, 262], [310, 224], [310, 180], [69, 204], [26, 201], [-7, 174], [-28, 122], [-18, 64], ], ], [ {x: 297, y: 322, cx: -7, cy: 14, camFollow: !true, string: [18, 15]}, [[165, 49], [122, 83], [63, 153], [50, 264], [58, 350], [99, 441], [211, 475], [323, 475], [439, 468], [507, 427], [544, 357], [555, 278], [551, 187], [506, 103], [435, 52], [419, 17], [399, -184], [202, -173], [179, 16], ], ], [ {x: 149, y: 118, cx: -20, cy: 45, camFollow: !true, string: [11, 14]}, [[101, 45], [56, 102], [40, 237], [68, 335], [169, 393], [289, 387], [362, 318], [397, 252], [432, 243], [466, 293], [516, 315], [563, 318], [596, 319], [598, 26], [567, 26], [532, 33], [488, 72], [451, 143], [433, 222], [399, 233], [384, 150], [328, 57], [205, 31], ], ], [ {x: 137, y: 110, cx: -45, cy: -24, camFollow: !true, string: [8, 11]}, [[74, 80], [72, 209], [300, 203], [300, 239], [70, 239], [75, 460], [621, 461], [613, 99], [422, 94], [393, 94], [391, 316], [420, 317], [432, 345], [238, 344], [238, 322], [360, 322], [365, 85], ], ], [ {x: 511, y: 214, cx: 3, cy: -5, camFollow: !true, string: [7, 4]}, [[313, 26], [171, 142], [169, 234], [140, 234], [140, 179], [141, 157], [18, 248], [33, 261], [306, 482], [417, 384], [306, 301], [333, 275], [439, 360], [575, 252], ], ], [ {x: 214, y: -80, cx: 4, cy: 14, camFollow: true, string: [22, 19]}, [[170, 39], [117, 58], [62, 129], [49, 227], [74, 303], [168, 369], [304, 378], [396, 334], [434, 260], [477, 218], [504, 205], [545, 223], [583, 274], [572, 343], [507, 379], [430, 398], [316, 473], [308, 513], [277, 504], [283, 474], [247, 436], [8, 433], [-26, 467], [-23, 514], [-36, 559], [-24, 633], [23, 691], [116, 710], [196, 701], [255, 640], [276, 569], [307, 558], [334, 586], [408, 613], [526, 613], [624, 557], [641, 469], [679, 368], [683, 273], [638, 176], [552, 119], [457, 117], [392, 153], [341, 216], [300, 268], [227, 270], [187, 248], [170, 201], [176, 156], [210, 127], [294, 107], [312, 55], [309, -67], [281, -137], [228, -141], [181, -97], ], ], [ {x: 279, y: 177, cx: -11, cy: -16, camFollow: !true, string: [66, 64]}, [[52, 55], [77, 34], [100, 41], [124, 107], [145, 135], [166, 85], [200, 45], [229, 48], [240, 71], [206, 109], [194, 159], [189, 180], [209, 129], [236, 111], [281, 97], [328, 110], [361, 144], [370, 187], [369, 125], [375, 101], [396, 96], [415, 111], [414, 163], [420, 201], [442, 220], [471, 215], [487, 183], [487, 154], [491, 112], [512, 93], [534, 108], [539, 126], [528, 177], [526, 223], [534, 256], [541, 305], [541, 376], [540, 446], [529, 461], [515, 444], [508, 392], [481, 377], [440, 395], [436, 429], [433, 452], [426, 467], [411, 466], [399, 442], [392, 459], [382, 469], [370, 467], [358, 454], [357, 414], [355, 394], [338, 441], [320, 467], [308, 475], [296, 465], [270, 419], [255, 433], [235, 464], [228, 478], [211, 480], [186, 447], [168, 411], [173, 390], [188, 387], [204, 428], [222, 442], [251, 400], [279, 385], [307, 437], [317, 420], [334, 381], [346, 370], [356, 376], [365, 368], [381, 368], [394, 376], [399, 401], [407, 374], [416, 364], [427, 363], [438, 369], [483, 351], [515, 364], [526, 378], [529, 304], [523, 273], [515, 272], [493, 254], [465, 265], [422, 261], [374, 225], [370, 246], [353, 278], [321, 293], [245, 294], [205, 270], [185, 228], [177, 294], [161, 301], [135, 298], [136, 225], [141, 192], [100, 155], [71, 104], ], ], ]; this.lvl = this.levels.length - 1; // this.lvl = 0; this.currLevel = this.levels[0][1]; this.string = [0, 0, 0, 0]; this.cam = { x: this.levels[0][0].cx, y: this.levels[0][0].cy, follow: false, }; this.spring = { tx: 0, ty: 0, }; this.scene = "menu"; this.font = createFont("comic sans MS"); this.reset = function() { this.tail = []; this.x = this.levels[this.lvl][0].x; this.y = this.levels[this.lvl][0].y; this.vx = 0; this.vy = 0; this.nx = 0; this.ny = 0; this.av = 0; this.a = 0; this.currLevel = this.levels[this.lvl][1]; if(this.levels[this.lvl][0].camFollow) { this.cam.x = this.x; this.cam.y = this.y; this.cam.follow = true; } else { this.cam.x = this.levels[this.lvl][0].cx; this.cam.y = this.levels[this.lvl][0].cy; this.cam.follow = false; } this.string = [ this.levels[this.lvl][1][this.levels[this.lvl][0].string[0]][0], this.levels[this.lvl][1][this.levels[this.lvl][0].string[0]][1], this.levels[this.lvl][1][this.levels[this.lvl][0].string[1]][0], this.levels[this.lvl][1][this.levels[this.lvl][0].string[1]][1], ]; }; this.reset(); this.resetAll = function() { this.scene = "menu"; this.lvl = 0; this.reset(); }; this.resetAll(); // full credit to Liam K. for this function this.lineLineCollide = function(x1,y1,x2,y2,x3,y3,x4, y4) { var denominator = ((x2 - x1) * (y4 - y3)) - ((y2 - y1) * (x4 - x3)); var numerator1 = ((y1 - y3) * (x4 - x3)) - ((x1 - x3) * (y4 - y3)); var numerator2 = ((y1 - y3) * (x2 - x1)) - ((x1 - x3) * (y2 - y1)); if (denominator === 0 ){ if (numerator1 === 0 && numerator2 === 0 ){ return false; } return false; } var r = numerator1 / denominator; var s = numerator2 / denominator; return (r >= 0 && r <= 1) && (s >= 0 && s <=1); }; this.inPoly = function(x, y, arr) { var n = 0; for(var i = 0; i < arr.length - 1; i++) { n += this.lineLineCollide(arr[i][0], arr[i][1], arr[i + 1][0], arr[i + 1][1], x, y, 0, 0); } n += this.lineLineCollide(arr[0][0], arr[0][1], arr[arr.length - 1][0], arr[arr.length - 1][1], x, y, 0, 0); return n % 2; }; this.mColl = function(x, y, w, h) { return mouseX > x && mouseY > y && mouseX < x + w && mouseY < y + h; }; }; Game.prototype.menu = function() { background(47, 58, 74); fill(this.clrs.life); textFont(this.font, 100); textAlign(3, 3); textSize(26); text("H a n d u l u m K A", 300, 150); textSize(16); text("click to swing.\nget to the blue line.\n\nyou get coins for completing levels\nharder levels give you more.", 300, 375); if(this.mColl(250, 175, 100, 50)) { fill(121, 181, 177); if(click && !gamePopUp.open) { this.lvl = 0; this.reset(); this.scene = "play"; click = false; press = false; } } textSize(20); text("- P l a y -", 300, 200); }; Game.prototype.collide = function() { if(this.scene === "play" && !this.inPoly(this.x, this.y, this.currLevel)) { this.scene = "dead"; } if(this.scene === "play" && this.lineLineCollide(this.x, this.y, this.x - this.vx, this.y - this.vy, this.string[0], this.string[1], this.string[2], this.string[3])) { this.scene = "win"; coins += this.lvl + 1; var a = atan2(this.string[0] - this.string[2], this.string[1] - this.string[3]), d = dist(this.x, this.y, this.string[2], this.string[3]); this.spring = { tx: this.string[2] + sin(a)d, ty: this.string[3] + cos(a)d, }; } }; Game.prototype.player = function() { if(this.scene === "dead" && click) { this.reset(); this.scene = "play"; click = false; press = false; } if(this.scene === "play") { if(click) { this.nx = mouseX - this.cam.x; this.ny = mouseY - this.cam.y; this.d = dist(this.x, this.y, this.nx, this.ny); this.a = atan2(this.x - this.nx, this.y - this.ny); this.av = this.a - atan2((this.x - this.vx) - this.nx, (this.y - this.vy) - this.ny); } if(press) { this.av += (-1 * this.grav/this.d)sin(this.a); this.av = 0.999; this.a += this.av; var x = this.nx + sin(this.a)this.d; var y = this.ny + cos(this.a)this.d; this.vx = x - this.x; this.vy = y - this.y; this.x = x; this.y = y; } else { this.vy += 0.1; this.x += this.vx; this.y += this.vy; this.vy = 0.99; } if(press) { fill(this.clrs.inside); stroke(this.clrs.life); strokeWeight(this.sw); line(this.nx, this.ny, this.x, this.y); } } fill(this.scene === "dead" ? this.clrs.death : this.clrs.life); noStroke(); for(var i = this.tail.length - 1; i >= 12; i--) { ellipse(this.tail[i][0], this.tail[i][1], i/2, i/2); } stroke(this.scene === "dead" ? this.clrs.death : this.clrs.life); this.tail.push([this.x, this.y]); fill(this.clrs.inside); strokeWeight(4); ellipse(this.x, this.y, 10, 10); if(this.tail.length > 26) { this.tail.shift(); } this.collide(); }; Game.prototype.game = function() { pushMatrix(); //scale(0.5); if(this.cam.follow) { this.cam.x = -this.x + width/2; this.cam.y = -this.y + height/2; } translate(this.cam.x, this.cam.y); background(this.clrs.bg); stroke(this.clrs.death); fill(this.clrs.inside); strokeWeight(8); strokeJoin(MITER); beginShape(); for(var i = 0; i < this.currLevel.length; i++) { vertex(this.currLevel[i][0], this.currLevel[i][1]); } endShape(CLOSE); noStroke(); beginShape(); for(var i = 0; i < this.currLevel.length; i++) { vertex(this.currLevel[i][0], this.currLevel[i][1]); } endShape(CLOSE); strokeCap(ROUND); strokeWeight(4); stroke(this.clrs.life); if(this.scene === "win") { this.vx -= (this.x - this.spring.tx)0.1; this.vy -= (this.y - this.spring.ty)0.1; this.vx = 0.85; this.vy = 0.85; this.x += this.vx; this.y += this.vy; line(this.string[0], this.string[1], this.x, this.y); line(this.string[2], this.string[3], this.x, this.y); if(click && this.lvl < this.levels.length - 1) { this.lvl++; this.reset(); this.scene = "play"; click = false; press = false; } } else { line(this.string[0], this.string[1], this.string[2], this.string[3]); } this.player(); popMatrix(); textAlign(LEFT, TOP); textSize(15); fill(this.clrs.life); text("Level: " + (this.lvl + 1), 30, 30); }; Game.prototype.all = function() { if(this.scene === "menu") { this.menu(); } else { this.game(); } textFont(this.font, 100); textAlign(CENTER, TOP); textSize(15); fill(this.clrs.life); text("Coins: " + coins, 300, 30); }; handulum = new Game(); return handulum; })(); //gunner vars var Minigame = (function() { Minigame = function(d) { this.val = d.val; // mingame value this.highscore = 0; this.etap = 1; this.score = 0; this.life = 3; this.player = { x: 75, y: height / 2, rad: 0, reload: true, draw: function() { pushMatrix(); translate(this.x, this.y); rotate(this.rad); stroke(0); strokeWeight(3); fill(173, 158, 104); ellipse(22, 7, 15, 15); ellipse(31, -4, 15, 15); fill(0, 0, 0); noStroke(); rect(-9, -6, 70, 10, 0, 0, 0, 0); rect(-9, -3, 90, 5, 0, 0, 0, 0); stroke(0); strokeWeight(4); fill(232, 218, 167); ellipse(0, 0, 43, 43); popMatrix(); }, run: function() { this.rad = atan2(mouseY - this.y, mouseX - this.x); if (keys[UP] \|\| keys[87]) { this.y -= 5; } if (keys[DOWN] \|\| keys[83]) { this.y += 5; } if (keys[RIGHT] \|\| keys[68]) { this.x += 5; } if (keys[LEFT] \|\| keys[65]) { this.x -= 5; } this.x = constrain(this.x, 0, 200); this.y = constrain(this.y, 50, height-50); }, }; this.bullets = []; this.enemies = []; this.bulletSpeed = 10; this.winSize = 95; this.ms = 5; this.dmg = 10; }; Minigame.prototype = { game: function() { }, run: function() { switch (this.val) { case "minigame-1": background(41, 41, 41); fill(0); rect(0, 0, width, 50); rect(0, height-50, width, 50); switch (this.etap) { case 1: textAlign(CENTER, CENTER); textFont(createFont("monospace"), 61); _text("GUNN3R", width / 2, height / 2 - 80, 1, 1, true, color(0, 0, 0), color(255, 255, 255), 4); textSize(14); _text("<CLICK ANYWHERE TO BEGIN>", width / 2, height / 2 - 30, 1, 1, true, color(9, 133, 0), color(255, 255, 255), 2); _text("ASD or arrow keys to move,\n[1, 2, 3] to switch fire mode.", width / 2, height / 2 + 65, 1.35, 1.35, true, color(0, 0, 0), color(255, 255, 255), 2); textFont(createFont("monospace"), 25); _text("@LeaferStudios", width / 2, height - 25, 1, 1, true, color(9, 133, 0), color(255, 255, 255), 1.5); _text("SOUND: OFF", width / 2, 25, 1, 1, true, color(9, 133, 0), color(255, 255, 255), 1.5); if (click && !gamePopUp.open) { this.etap++; } break; case 2: if (mouseIsPressed && this.player.reload === true) { this.player.reload = false; if (this.ms === 20) { this.bullets.push({ x: this.player.x, y: this.player.y, xv: 20 sin(this.player.rad + 90), xy: 20 * cos(this.player.rad + 90), range: width, }); this.bullets.push({ x: this.player.x, y: this.player.y, xv: 20 * sin(this.player.rad + 90), xy: 20 * cos(this.player.rad + 90), range: width, }); this.bullets.push({ x: this.player.x, y: this.player.y, xv: 25 * sin(this.player.rad + 90+5), xy: 20 * cos(this.player.rad + 90-5), range: width, }); } else { this.bullets.push({ x: this.player.x, y: this.player.y, xv: 25 * sin(this.player.rad + 90), xy: 20 * cos(this.player.rad + 90), range: width, }); } } if (frameCount % 50 === 0) { this.enemies.push({ x: width, y: random(50, height-50), hp: 100, hue: random(100, 200), speed: random(1, 5) }); } try { for (var j = this.enemies.length-1; j >= 0; j--) { var e1 = this.enemies[j]; e1.x-=e1.speed; e1.y=e1.y+sin(frameCount3)2; pushMatrix(); translate(e1.x, e1.y); rotate(e1.x); fill(0, e1.hue, 0, 100); ellipse(0, 0, 45, 45); fill(25, 0, 25); arc(0, 0, 45, 45, 0, 180); popMatrix(); pushMatrix(); translate(e1.x, e1.y); fill(0, 0, 0); rect(-45/2, -45, 50, 5); fill(255, 0, 0); rect(-45/2, -45, e1.hp/2, 5); popMatrix(); if (e1.x <= -60) { this.enemies.splice(j, 1); this.life--; //j--; } if (this.enemies[j].hp <= 0) { this.score++; coins++; //this.winSize = lerp(this.winSize, 150, 0.25); this.enemies.splice(j, 1); //j--; } else { //this.winSize = lerp(this.winSize, 95, 0.25); } for (var z = this.bullets.length-1; z >= 0; z--) { if (dist(e1.x, e1.y, this.bullets[z].x, this.bullets[z].y) <= 45) { this.bullets.splice(j, 1); this.enemies[j].hp-=this.dmg; //z--; //j--; } } } strokeWeight(5); for (var i = this.bullets.length-1; i >= 0; i--) { this.bullets[i].x += this.bullets[i].xv; this.bullets[i].y -= this.bullets[i].xy; this.bullets[i].range -= this.bulletSpeed; pushStyle(); translate(this.bullets[i].x, this.bullets[i].y); rotate(this.player.rad); if (this.ms === 25) { stroke(173, 97, 56); strokeWeight(2); fill(219, 208, 0); arc(0, 0, 10, 5, 260, 460); //ellipse(0, 0, 5, 5); } else if (this.ms === 5) { stroke(46, 46, 46); strokeWeight(2); fill(219, 208, 0); arc(0, 0, 10, 5, 260, 460); } else { stroke(70, 171, 56); strokeWeight(2); fill(219, 208, 0); arc(0, 0, 10, 5, 260, 460); } popStyle(); if (this.bullets[i].range <= 0) { this.bullets.splice(i, 1); //i--; } } } catch (e) { //println("ERROR: "+e); } if (frameCount % this.ms === 0 && this.player.reload === false) { this.player.reload = true; } this.player.draw(); this.player.run(); if (keys[49]) { this.ms = 5; this.dmg = 10; } if (keys[50]) { this.ms = 25; this.dmg = 53; } if (keys[51]) { this.ms = 20; this.dmg = 15; } textFont(createFont("monospace"), this.winSize); textAlign(CENTER, CENTER); _text(this.score, width/2, height/2, 1, 1, true, color(0, 0, 0, 50), color(255, 255, 255, 50), 4); textSize(15); if (this.ms === 5) { _text("FIRE MODE: SMG", width/2, height-25, 1, 1, true, color(0, 0, 0, 50), color(255, 255, 255, 50), 4); } else if (this.ms === 25) { _text("FIRE MODE: CAR", width/2, height-25, 1, 1, true, color(0, 0, 0, 50), color(255, 255, 255, 50), 4); } else if (this.ms === 20) { _text("FIRE MODE: HSR", width/2, height-25, 1, 1, true, color(0, 0, 0, 50), color(255, 255, 255, 50), 4); } for (var i = 0; i < this.life; i++) { textFont(createFont("monospace"), 35); textAlign(CENTER, CENTER); _text("\u2665", 35 + i * 25, 27, 1, 1, true, color(0), color(222, 66, 66), 2); } if (this.life <= 0) { this.etap++; } //println("\n\n\n\nENEMIES: "+this.enemies.length+"\nBULLETS: "+this.bullets.length); break; case 3: textFont(createFont("monospace"), 50); textAlign(CENTER, CENTER); _text("Game Over", width/2, height/2-100, 1, 1, true, color(0, 0, 0), color(255, 255, 255), 4); textSize(90); _text(this.score, width/2, height/2, 1, 1, true, color(0, 0, 0), color(255, 255, 255), 4); textSize(20); _text("[CLICK TO RESTART]", width/2, height/2+100, 1, 1, true, color(0, 0, 0, 200+sin(frameCount4)50), color(255, 255, 255, 200+sin(frameCount4)50), 4); if (click) { this.restart(); } break; } break; } }, restart: function() { this.etap=1; this.bullets = []; this.enemies = []; this.life = 3; this.score = 0; this.player.x = 75; this.player.y = width/2; }, }; return Minigame; })(); var minigame1 = new Minigame({ val: "minigame-1", }); //block dodger, highway run, and coffee vars var F = createFont("Trebuchet MS Bold"); var CoinX = random(20, 580); var CoinY = random(20, 480); var coinTimer = 10; var coinsCollected = 0; var lineY = [-160, 0, 160, 320, 480]; var Oblane = []; var Obx = []; var Oby = []; var RandomDT = round(random(0, 5)); var DeathText = [ "Nice Try!", "Aww, to bad!", "So close!", "Keep Trying!", "You're getting better!", "Better luck next time!"]; var startGame = false; var Counting = true; var CountDown = 3; var epronyRestart = false; var Stars = 3; var lost = false; var served = 0; var order = { count : 3, cubes : [], size : [], readSize : [], time : [] }; var cup = { size : [0, 0, 0], readSize : [1, 1, 1], selected : 0, cubes : [0, 0, 0] }; var block = { rightX : [-100, -100, -100], rightLane : [round(random(1, 5)), round(random(1, 5)), round(random(1, 5))], rightY : [], downY : [-100, -100, -100], downLane : [round(random(1, 6)), round(random(1, 6)), round(random(1, 6))], downX : [], speed : 3 }; var runPlayer = { x : 300, y : 300, living : true, moving : false, speed : 3, legY : 0, legP : 0.3, direction : 'vertical', scale : [1, 1] }; var Coin = function(x, y, s){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(250, 225, 5); ellipse(0, 0, 27, 27); fill(250, 196, 0); ellipse(0, 0, 20, 20); fill(250, 234, 5); textSize(16); textAlign(CENTER); textFont(createFont("verdana")); text("$", 0, 5); if(runPlayer.x > x - 30 * s && runPlayer.x < x + 30 * s && y > runPlayer.y - 20 && y < runPlayer.y + 20){ if (runPlayer.living) { coins += 1; } if(scene === 'Block Dodger'){ CoinX = random(20, 580); CoinY = random(20, 480); coinTimer = 10; }else if(scene === 'Highway Run'){ CoinY = 540; CoinX = random(200, 420); } } popMatrix(); }; var character = function(x, y, s){ pushMatrix(); translate(x, y); scale(s); noStroke(); scale(runPlayer.scale[0], runPlayer.scale[1]); if(scene === 'Block Dodger'){ if(keys[87] && runPlayer.y > 30 && runPlayer.living && !Counting){ runPlayer.y += -runPlayer.speed; runPlayer.moving = true; runPlayer.direction = 'vertical'; runPlayer.scale = [1, 1]; }else if(keys[83] && runPlayer.y < 470 && runPlayer.living && !Counting){ runPlayer.y += runPlayer.speed; runPlayer.moving = true; runPlayer.direction = 'vertical'; runPlayer.scale = [1, -1]; } } if(scene === 'Block Dodger'){ if(keys[68] && runPlayer.x < 570 && runPlayer.living && !Counting){ runPlayer.x += runPlayer.speed; runPlayer.moving = true; runPlayer.direction = 'horizontal'; runPlayer.scale = [-1, 1]; } if(keys[65] && runPlayer.x > 30 && runPlayer.living && !Counting){ runPlayer.x += -runPlayer.speed; runPlayer.moving = true; runPlayer.direction = 'horizontal'; runPlayer.scale = [1, 1]; } } if(scene === 'Highway Run'){ if(keys[68] && runPlayer.x < 480 && runPlayer.living && !Counting){ runPlayer.x += 3; } if(keys[65] && runPlayer.x > 120 && runPlayer.living && !Counting){ runPlayer.x += -3; } } if(runPlayer.direction !== 'horizontal'){ fill(0, 0, 0); ellipse(-3, 0 + runPlayer.legY * 2, 5, 10); ellipse(3, 0 - runPlayer.legY * 2, 5, 10); fill(255, 239, 145); ellipse(-10, 0 + runPlayer.legY, 7, 7); ellipse(10, 0 - runPlayer.legY, 7, 7); fill(255, 239, 145); ellipse(0, 0, 20, 20); fill(115, 86, 31); ellipse(0, 0, 20, 12); arc(0, 0, 20, 20, 0, 180); }else if(runPlayer.direction === 'horizontal'){ fill(0, 0, 0); ellipse(0 + runPlayer.legY * 2, -3, 10, 5); ellipse(0 - runPlayer.legY * 2, 3, 10, 5); fill(255, 239, 145); ellipse(0 + runPlayer.legY, -10, 7, 7); ellipse(0 - runPlayer.legY, 10, 7, 7); fill(255, 239, 145); ellipse(0, 0, 20, 20); fill(115, 86, 31); ellipse(0, 0, 12, 20); arc(0, 0, 20, 20, -90, 90); } if(runPlayer.moving && !Counting){ runPlayer.legY += runPlayer.legP; if(runPlayer.legY > 4){ runPlayer.legP = -runPlayer.speed / 10; }else if(runPlayer.legY < -4){ runPlayer.legP = runPlayer.speed / 10; } } popMatrix(); }; var Block = function(x, y, s, d){ pushMatrix(); translate(x, y); scale(s); rectMode(LEFT); noStroke(); if(d === 'u'){ for(var i = -30; i < 0; i += 10){ fill(108, 172, 245, 15); rect(0, i, 100, 100, 5); } } if(d === 'r'){ for(var i = -30; i < 0; i += 10){ fill(108, 172, 245, 15); rect(i, 0, 100, 100, 5); } } stroke(108, 172, 245); fill(15, 15, 94); rect(0, 0, 100, 100, 5); if(runPlayer.x + 20 > x && runPlayer.x - 20 < x + 100 && runPlayer.y + 20 > y && runPlayer.y - 20 < y + 100){ runPlayer.living = false; } popMatrix(); }; var Obstacle = function(x, y, s){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(99, 81, 15); quad(-15, -15, -30, -15, -40, 18, -25, 18); quad(28, -15, 14, -15, 25, 18, 39, 18); fill(222, 0, 0); rect(0, 5, 86, 11); rect(0, -10, 80, 11); fill(255, 255, 255); quad(28, -15, 14, -15, 25, -4, 39, -4); quad(28 - 30, -15, 14 - 30, -15, 25 - 30, -4, 39 - 30, -4); quad(28 - 60, -15, 20 - 60, -15, 25 - 60, -4, 39 - 60, -4); quad(28 - 68, -15, 20 - 60, -10, 25 - 60, -4, 39 - 60, -4); pushMatrix(); translate(2, 15); quad(28, -15, 14, -15, 25, -4, 39, -4); quad(28 - 30, -15, 14 - 30, -15, 25 - 30, -4, 39 - 30, -4); quad(28 - 60, -15, 14 - 60, -15, 25 - 60, -4, 39 - 60, -4); popMatrix(); fill(0, 0, 0, 80); quad(-15, 40, -30, 40, -40, 18, -25, 18); quad(28, 40, 14, 40, 25, 18, 39, 18); quad(-33, 34, -40, 34, -40, 45, -27, 45); quad(31, 34, 40, 34, 40, 45, 25, 45); quad(-27, 45, -30, 40, 28, 40, 25, 45); quad(-18, 34, -15, 40, 14, 40, 17, 35); if(x - 49 * s < runPlayer.x && x + 49 * s > runPlayer.x && y > runPlayer.y - 10 && y < runPlayer.y + 10){ runPlayer.living = false; runPlayer.moving = false; } popMatrix(); }; var BlockDodger = function(){ var resetGame = function(){ if(epronyRestart){ block.rightX = [-100, -100, -100]; block.rightLane = [round(random(1, 5)), round(random(1, 5)), round(random(1, 5))]; block.rightY = []; block.downY = [-100, -100, -100]; block.downLane = [round(random(1, 6)), round(random(1, 6)), round(random(1, 6))]; block.downX = []; runPlayer.living = true; runPlayer.moving = false; runPlayer.direction = 'vertical'; CountDown = 3; Counting = true; runPlayer.x = 300; runPlayer.y = 300; runPlayer.legY = 0; CoinX = random(20, 580); CoinY = random(20, 480); coinTimer = 10; epronyRestart = false; } }; background(32, 61, 140); // Grid [ strokeWeight(4); for(var i = 0; i < 601; i += 100){ stroke(82, 84, 191); line(i, 0, i, 500); for(var f = 0; f < 500; f += 100){ line(0, f, 600, f); } } strokeWeight(2); for(var i = 0; i < 601; i += 100){ stroke(0, 2, 122); line(i, 0, i, 500); for(var f = 0; f < 500; f += 100){ line(0, f, 600, f); } } // ] // Blocks [ for(var i = 0; i < block.rightX.length; i ++){ Block(block.rightX[i], block.rightY[i], 1, 'r'); Block(block.downX[i], block.downY[i], 1, 'u'); if(block.rightLane[i] === block.rightLane[i + 1]){ block.rightLane[i + 1] = round(random(1, 5)); } if(block.downLane[i] === block.downLane[i + 1]){ block.downLane[i + 1] = round(random(1, 6)); } if(block.rightLane[i] === 1){ block.rightY[i] = 0; }else if(block.rightLane[i] === 2){ block.rightY[i] = 100; }else if(block.rightLane[i] === 3){ block.rightY[i] = 200; }else if(block.rightLane[i] === 4){ block.rightY[i] = 300; }else if(block.rightLane[i] === 5){ block.rightY[i] = 400; } if(block.downLane[i] === 1){ block.downX[i] = 0; }else if(block.downLane[i] === 2){ block.downX[i] = 100; }else if(block.downLane[i] === 3){ block.downX[i] = 200; }else if(block.downLane[i] === 4){ block.downX[i] = 300; }else if(block.downLane[i] === 5){ block.downX[i] = 400; }else if(block.downLane[i] === 6){ block.downX[i] = 500; } if(!Counting && runPlayer.living){ block.rightX[i] += 2; block.downY[i] += 2; } if(block.rightX[i] > 700){ block.rightX[i] = -100; block.rightLane[i] = round(random(1, 5)); if(block.speed < 5){ block.speed += 0.2; } } if(block.downY[i] > 600){ block.downY[i] = -100; block.downLane[i] = round(random(1, 6)); } } // ] // Coins [ if(runPlayer.living && !Counting && coinTimer > 0){ coinTimer -= 0.01666; } if(coinTimer <= 0){ Coin(CoinX, CoinY, 1); } pushMatrix(); textFont(F, 20); textAlign(LEFT); fill(255, 255, 255); text("Coin spawning in: " + round(coinTimer) + " sec", 20, 30); text("Coins: " + coins, 20, 60); popMatrix(); textAlign(CENTER); // ] // Player [ character(runPlayer.x, runPlayer.y, 2); if(!runPlayer.living){ runPlayer.moving = false; fill(255, 255, 255); textFont(F, 50); text("You hit a block!", 300, 185); textSize(20); text("You have " + coins + " coins", 300, 226); pushMatrix(); rectMode(CENTER); noStroke(); if(mouseX > 220 && mouseX < 380 && mouseY > 288.5 + 20 && mouseY < 355.5 + 20){ fill(30, 136, 229); if(mouseIsPressed){ startGame = false; epronyRestart = true; } }else{ fill(33, 148, 243); } rect(300, 320 + 20, 160, 65, 5); textSize(38); fill(255); text("Retry", 300, 334 + 20); popMatrix(); } // ] //Intro Text if (!startGame) { fill(255); textSize(60); text("Block Dodger", width/2, height/2 - 50); textSize(20); text("AWSD to move", width/2, height/2 - 15); noStroke(); rectMode(CENTER); if(mouseX > 220 && mouseX < 380 && mouseY > 288.5 + 45 && mouseY < 355.5 + 45){ fill(30, 136, 229); if(mouseIsPressed && !gamePopUp.open){ startGame = true; epronyRestart = true; } }else{ fill(33, 148, 243); } rect(300, 380 + 20, 160, 65, 5); textSize(38); fill(255); text("Play", 300, 392 + 20); rectMode(LEFT); } // Countdown [ if(startGame && Counting){ textFont(F, 60); textAlign(CENTER); fill(0, 0, 0); text(round(CountDown), 300, 300); CountDown += -0.01666; if(CountDown <= 0){ Counting = false; } } // ] resetGame(); }; var Runner = function(){ var resetGame = function(){ if(epronyRestart){ runPlayer.living = true; runPlayer.x = 300; Oblane = []; Obx = []; Oby = []; runPlayer.speed = 3; CountDown = 3; Counting = true; runPlayer.legY = 0; runPlayer.y = 405; CoinX = random(200, 440); CoinY = random(-240, -10); runPlayer.direction = 'u'; epronyRestart = false; } }; background(45, 115, 1); rectMode(CENTER); // Street [ fill(184, 184, 184); rect(300, 200, 400, 612); for(var i = 0; i < lineY.length; i ++){ fill(255, 255, 255); rect(230, lineY[i], 5, 80); rect(370, lineY[i], 5, 80); if(runPlayer.living && !Counting){ lineY[i] += runPlayer.speed; } if(lineY[i] > 660){ lineY[i] = -160; } } // ] // Coins [ Coin(CoinX, CoinY, 1); if(runPlayer.living && !Counting){ CoinY += runPlayer.speed; } if(CoinY > 620){ CoinY = random(-240, -10); CoinX = random(200, 420); } // ] // Obstacles [ for(var i = 0; i < 2; i ++){ Oblane.push(round(random(1, 3))); Oby.push(random(-240, -10)); if(Oblane[i] === Oblane[i + 1] && Oby[i] < 0){ Oblane[i] = round(random(1, 3)); } if(Oblane[i] === 1){ Obx[i] = 167; }else if(Oblane[i] === 2){ Obx[i] = 300; }else if(Oblane[i] === 3){ Obx[i] = 433; } Obstacle(Obx[i], Oby[i], 1.5); if(runPlayer.living && !Counting){ Oby[i] += runPlayer.speed; } if(Oby[i] > 540){ Oby[i] = random(-240, -10); Oblane[i] = round(random(1, 3)); RandomDT = round(random(0, 5)); if(runPlayer.speed < 6){ runPlayer.speed += 0.2; } } } // ] // Player [ character(runPlayer.x, runPlayer.y, 2); if(!runPlayer.living){ textFont(F, 60); textAlign(CENTER); fill(0, 0, 0); text("You Hit an Obstacle", 300, 150); textSize(20); text(DeathText[RandomDT], 300, 190); text("You Have: " + coins + " Coins", 300, 225); noStroke(); if(mouseX > 220 && mouseX < 380 && mouseY > 288.5 && mouseY < 355.5){ fill(39, 94, 2); if(mouseIsPressed){ startGame = false; epronyRestart = true; } }else{ fill(45, 115, 1); } rect(300, 320, 160, 65, 5); textSize(38); fill(255); text("Retry", 300, 334); } // ] //Intro Text if (!startGame) { fill(0); textFont(createFont("Trebuchet MS Bold"), 60); text("Highway Run", width/2, height/2 - 50); textSize(20); text("AWSD to move", width/2, height/2 - 15); noStroke(); rectMode(CENTER); if(mouseX > 220 && mouseX < 380 && mouseY > 288.5 + 45 && mouseY < 355.5 + 45){ fill(39, 94, 2); if(mouseIsPressed && !gamePopUp.open){ startGame = true; epronyRestart = true; } }else{ fill(45, 115, 1); } rect(300, 380 + 20, 160, 65, 5); textSize(38); fill(255); text("Play", 300, 392 + 20); rectMode(LEFT); } if(startGame && Counting){ textFont(F, 60); textAlign(CENTER); fill(0, 0, 0); text(round(CountDown), 300, 300); CountDown += -0.01666; if(CountDown <= 0){ Counting = false; runPlayer.moving = true; } } resetGame(); }; var CoffeeGame = function(){ rectMode(LEFT); var resetGame = function(){ if(epronyRestart){ Stars = 3; lost = false; order.count = 3; order.cubes = []; order.size = []; order.time = []; cup.cubes = [0, 0, 0]; cup.size = [0, 0, 0]; cup.readSize = [1, 1, 1]; cup.selected = 0; Counting = true; CountDown = 3; coinsCollected = 0; served = 0; epronyRestart = false; } }; var generateOrder = function(){ for(var i = 0; i < order.count; i ++){ order.cubes.push(round(random(0, 3))); order.time.push(20); order.size.push(round(random(1, 3))); } }; var Cup = function(x, y, s, n){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 248, 224); if(mouseX > x && mouseX < x + 60 * s && mouseY > y - 5 * s && mouseY < y + 105 * s && !lost){ stroke(0, 0, 0); if(click){ cup.selected = n; } } arc(30, 0, 60, 10, -180, 0); arc(30, 101, 40, 10, 0, 180); quad(0, 0, 60, 0, 50, 100, 10, 100); noStroke(); ellipse(30, 100, 40, 10); arc(25, 100, 20, 10, 90, 180); fill(0, 0, 0, 10); quad(0, 0, 12, 0, 20, 100, 10, 100); arc(20, 100, 20, 10, 90, 180); fill(227, 214, 174); ellipse(30, 0, 60, 10); fill(0, 0, 0); textSize(25); text("Cubes: " + cup.cubes[n], 30, 140); if(cup.selected === n){ noFill(); stroke(0, 0, 0); rect(-10, -10, 80, 125); } popMatrix(); }; var SizeButton = function(x, y, s, size, txt){ pushMatrix(); translate(x, y); scale(s); noStroke(); if(mouseX > x && mouseX < x + 102 && mouseY > y && mouseY < y + 50 && !lost){ stroke(0, 0, 0); if(click){ cup.size[cup.selected] = size / 10; cup.readSize[cup.selected] = size + 1; } } fill(232, 225, 204); rect(0, 0, 102, 50, 5); fill(0, 0, 0); textAlign(CENTER); textSize(20); text(txt, 50, 30); popMatrix(); }; var CubeButton = function(x, y, s){ pushMatrix(); translate(x, y); scale(s); noStroke(); if(mouseX > x && mouseX < x + 102 && mouseY > y && mouseY < y + 50 && !lost){ stroke(0, 0, 0); if(click){ cup.cubes[cup.selected] += 1; } } fill(232, 225, 204); rect(0, 0, 102, 50, 5); fill(0, 0, 0); textAlign(CENTER); textSize(20); text("Add cube", 50, 30); popMatrix(); }; var DeliverButton = function(x, y, s){ pushMatrix(); translate(x, y); scale(s); noStroke(); if(mouseX > x && mouseX < x + 102 && mouseY > y && mouseY < y + 50 && !lost){ stroke(0, 0, 0); if(click){ if(cup.readSize[cup.selected] === order.size[cup.selected] && cup.cubes[cup.selected] === order.cubes[cup.selected]){ order.time[cup.selected] = 20; order.size[cup.selected] = round(random(1, 3)); order.cubes[cup.selected] = round(random(0, 3)); cup.size[cup.selected] = 0; cup.cubes[cup.selected] = 0; served += 1; coins += 1; coinsCollected += 1; }else{ order.time[cup.selected] = 20; order.size[cup.selected] = round(random(1, 3)); order.cubes[cup.selected] = round(random(0, 3)); cup.size[cup.selected] = 0; cup.cubes[cup.selected] = 0; Stars -= 1; coins -= 1; coinsCollected += -1; } } } fill(232, 225, 204); rect(0, 0, 102, 50, 5); fill(0, 0, 0); textAlign(CENTER); textSize(20); text("Deliver", 50, 30); popMatrix(); }; var Star = function(x, y, s){ pushMatrix(); translate(x, y); scale(s); stroke(222, 194, 69); fill(255, 238, 0); beginShape(); vertex(0, 0); vertex(8, 12); vertex(18, 14); vertex(10, 23); vertex(13, 35); vertex(0, 30); endShape(); scale(-1, 1); beginShape(); vertex(0, 0); vertex(8, 12); vertex(18, 14); vertex(10, 23); vertex(13, 35); vertex(0, 30); endShape(); popMatrix(); }; background(214, 203, 144); // Orders [ generateOrder(); for(var i = 0; i < order.count; i ++){ fill(255, 255, 255); noStroke(); rect(i * 100 + 160, 125, 80, 80, 5); fill(0, 0, 0); textFont("", 15); textAlign(CENTER, CORNER); text("Coffee", i * 100 + 200, 140); text("Cubes " + order.cubes[i], i * 100 + 200, 180); textFont("", 13); text("Size: " + order.readSize[i], i * 100 + 200, 160); fill(143, 93, 0, 40); rect(i * 100 + 180, 190, 40, 10); fill(143, 93, 0); rect(i * 100 + 181, 190, order.time[i] * 2, 10); if(!Counting && !lost){ order.time[i] += -0.01666; } if(order.time[i] < 0){ order.time[i] = 20; order.size[i] = round(random(1, 3)); order.cubes[i] = round(random(0, 3)); Stars -= 1; } if(order.size[i] === 1){ order.readSize[i] = "Small"; } if(order.size[i] === 2){ order.readSize[i] = "Medium"; } if(order.size[i] === 3){ order.readSize[i] = "Large"; } } // ] // Cups [ for(var i = 0; i < 3; i ++){ Cup(i * 100 + 175, 230, 0.8 + cup.size[i], i); } SizeButton(120, 10, 1, 0, "Small"); SizeButton(250, 10, 1, 1, "Medium"); SizeButton(380, 10, 1, 2, "Large"); CubeButton(250, 65, 1); DeliverButton(250, 430, 1); noStroke(); if(mouseX > 530 && mouseX < 580 && mouseY > 430 && mouseY < 480){ stroke(0, 0, 0); if(click){ cup.cubes[cup.selected] = 0; cup.size[cup.selected] = 0; cup.selected = -1; } } fill(122, 122, 122); rect(530, 430, 50, 50, 5); fill(255, 255, 255); textSize(40); text("🗑", 555, 468); noStroke(); // ] //Intro Text if (!startGame) { fill(214, 203, 144, 225); rect(0, 0, width, height); fill(0); textFont(createFont("Trebuchet MS Bold"), 60); text("Coffee", width/2, height/2 - 64); textSize(20); text("Prepare the right coffees based\non the orders you get,\nthen deliver to your customers!", width/2, height/2); noStroke(); rectMode(CENTER); if(mouseX > 220 && mouseX < 380 && mouseY > 335 && mouseY < 400){ fill(232, 222, 193); if(mouseIsPressed && !gamePopUp.open){ startGame = true; epronyRestart = true; } }else{ fill(232, 225, 204); } rect(300, 380 + -10, 160, 65, 5); textSize(38); fill(0); text("Play", 300, 392 + -10); rectMode(LEFT); } // Countdown [ if(startGame && Counting){ textFont(F, 60); textAlign(CENTER); fill(0, 0, 0); text(round(CountDown), 300, 300); CountDown += -0.01666; if(CountDown <= 0){ Counting = false; } } // ] // Stars [ for(var i = 0; i < Stars; i ++){ Star(i * 45 + 25, 445, 1); } if(Stars <= 0){ fill(214, 203, 144, 225); rect(0, 0, width, height); fill(0, 0, 0); textFont(F, 40); textAlign(CENTER); text("You went out of buisness", 300, 170); textSize(20); text("You served " + served + " people", 300, 205); text("You earned " + coinsCollected + " coins", 300, 245); text("You have " + coins + " coins", 300, 285); lost = true; noStroke(); rectMode(CENTER); if(mouseX > 220 && mouseX < 380 && mouseY > 288.5 + 20 && mouseY < 355.5 + 20){ fill(232, 222, 193); if(mouseIsPressed){ startGame = false; epronyRestart = true; } }else{ fill(232, 225, 204); } rect(300, 320 + 20, 160, 65, 5); textSize(38); fill(0); text("Retry", 300, 334 + 20); rectMode(LEFT); } // ] resetGame(); }; //aquarium function by BSC function drawAquarium(actual) { pushMatrix(); pushStyle(); translate(48, 0); scale(0.84); / REFERENCE: https://i.pinimg.com/564x/f5/6f/79/f56f7918b394099c12231b9033843f93.jpg / noStroke(); background(106, 174, 222); fill(181, 237, 255, 30); ellipse(375, 267, 218, 225); fill(181, 237, 255, 30); ellipse(370, 263, 282, 292); fill(181, 237, 255, 30); ellipse(365, 271, 436, 455); //Light if (actual) { fill(255, 255, 255); ellipse(376, 261, 154, 156); noFill(); } //Swirls var swirl = function(x, y, sx, sy, angle) { pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); rotate(angle); noStroke(); beginShape(); vertex(56, 271); vertex(87, 268); vertex(96, 265); vertex(87, 262); vertex(107, 261); vertex(94, 250); vertex(72, 246); vertex(103, 248); vertex(120, 255); vertex(142, 267); vertex(116, 270); vertex(137, 273); vertex(112, 271); endShape(); popStyle(); popMatrix(); }; fill(126, 208, 230, 50); swirl(439, -196, 1.35, 1.00, 21); swirl(489, -337, -1.80, 1.55, -2); swirl(563, -287, -1.36, 1.29, -7); swirl(-11, 258, -2.32, 0.72, 58); swirl(925, 581, 1.91, 1.39, 141); fill(40, 68, 120, 50); swirl(37, -422, -1.64, 2.27, 24); swirl(-200, -377, -2.81, 1.88, 39); swirl(-126, -459, -3.71, 1.80, 38); swirl(-69, -793, -4.08, 2.93, 29); swirl(540, -787, -4.89, 2.85, 13); swirl(1362, -377, -3.45, 3.40, -41); swirl(707, 190, -2.25, 2.39, -49); swirl(-335, 127, 2.81, 1.98, -19); swirl(-305, 75, 3.41, 2.85, -30); swirl(151, 199, 1.74, 2.64, -46); fill(4, 17, 51, 60); swirl(7, -351, 3.16, 3.32, 17); swirl(15, 71, 2.69, 1.86, 7); swirl(-335, 306, 2.88, 1.97, -41); swirl(-382, 633, 3.37, 2.32, -72); swirl(-755, 440, 4.52, 2.58, -58); swirl(-13, -522, -2.85, 1.95, 31); swirl(101, -521, -1.47, 2.27, 23); swirl(246, -741, -2.13, 2.66, 16); swirl(915, -563, -2.08, 2.96, -24); fill(255, 255, 255, 150); swirl(576, 106, -0.49, 1.15, -47); swirl(489, -87, -0.53, 1.15, -9); swirl(261, 88, 0.82, 1.01, -9); swirl(286, 102, 0.68, 1.22, -33); fill(255, 255, 255, 50); swirl(124, -135, 1.70, 1.98, -8); swirl(189, -207, 1.28, 2.56, -24); swirl(19, 415, 1.79, 1.25, -101); fill(4, 36, 87, 30); beginShape(); vertex(-57, 600); vertex(657, 600); vertex(657, 343); bezierVertex(438, 590, 35, 455, 63, 270); vertex(-57, 270); endShape(); beginShape(); vertex(-57, 0); vertex(657, 0); vertex(657, 218); bezierVertex(472, -81, 93, 98, 63, 270); vertex(-57, 270); endShape(); fill(6, 54, 110, 100); beginShape(); vertex(-57, 600); vertex(657, 600); vertex(657, 418); bezierVertex(391, 649, 5, 652, -57, 294); endShape(); beginShape(); vertex(-57, 0); vertex(657, 0); vertex(657, 178); bezierVertex(388, -66, 46, 25, -57, 202); endShape(); //change canvas size later by scaling var whale = function(x, y, sx, sy) { pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); noStroke(); pushMatrix(); pushStyle(); translate(-79, -163); scale(1.59, 1.40); //Tail { fill(117, 158, 179, 150); beginShape(); vertex(230, 467); vertex(233, 426); vertex(219, 414); vertex(192, 404); vertex(161, 403); vertex(150, 411); vertex(151, 418); vertex(152, 424); vertex(148, 415); vertex(134, 413); vertex(122, 415); vertex(110, 460); endShape(); fill(141, 204, 198, 150); beginShape(); vertex(208, 457); vertex(193, 464); bezierVertex(158, 458, 166, 456, 133, 474); vertex(123, 468); vertex(106, 484); vertex(87, 481); vertex(100, 447); vertex(124, 419); vertex(133, 419); vertex(127, 425); vertex(113, 447); vertex(126, 432); vertex(135, 427); vertex(142, 426); vertex(150, 430); vertex(145, 428); vertex(133, 429); vertex(125, 447); vertex(133, 449); vertex(114, 459); vertex(114, 459); vertex(130, 456); vertex(146, 443); vertex(154, 449); vertex(158, 444); vertex(155, 437); vertex(158, 437); vertex(154, 422); vertex(159, 414); vertex(169, 412); vertex(176, 406); vertex(189, 406); vertex(205, 411); vertex(221, 418); vertex(231, 426); vertex(218, 412); vertex(248, 440); vertex(249, 449); vertex(247, 456); endShape(); fill(176, 208, 212, 150); beginShape(); vertex(135, 474); bezierVertex(131, 478, 135, 449, 102, 482); vertex(87, 481); vertex(72, 515); vertex(117, 501); endShape(); fill(255, 255, 255, 150); beginShape(); vertex(65, 520); vertex(90, 512); vertex(107, 508); bezierVertex(127, 508, 120, 498, 134, 479); vertex(150, 464); vertex(151, 466); vertex(154, 463); bezierVertex(167, 461, 184, 472, 225, 465); vertex(230, 467); bezierVertex(247, 462, 263, 454, 249, 451); vertex(230, 466); vertex(225, 463); vertex(219, 464); vertex(209, 456); vertex(193, 464); vertex(175, 460); vertex(182, 463); vertex(164, 459); vertex(167, 455); vertex(161, 446); vertex(162, 452); vertex(154, 459); vertex(142, 467); vertex(133, 474); vertex(120, 495); bezierVertex(116, 505, 91, 505, 73, 514); vertex(81, 505); bezierVertex(88, 475, 90, 460, 124, 419); vertex(120, 414); bezierVertex(103, 421, 97, 458, 84, 476); bezierVertex(75, 486, 84, 502, 65, 520); endShape(); beginShape(); vertex(230, 427); vertex(217, 417); vertex(214, 412); vertex(177, 401); vertex(167, 398); vertex(161, 398); vertex(151, 400); vertex(144, 394); vertex(139, 376); vertex(136, 377); vertex(140, 391); vertex(149, 402); vertex(164, 401); vertex(183, 407); vertex(207, 413); endShape(); fill(255, 255, 255, 120); beginShape(); vertex(83, 501); vertex(90, 507); vertex(102, 504); vertex(108, 494); vertex(116, 488); vertex(124, 489); vertex(125, 486); vertex(113, 485); vertex(100, 497); vertex(95, 505); endShape(); beginShape(); vertex(92, 466); vertex(96, 463); vertex(100, 462); vertex(109, 467); vertex(104, 469); vertex(97, 473); vertex(104, 467); vertex(99, 465); endShape(); beginShape(); vertex(90, 469); vertex(85, 487); vertex(89, 489); vertex(87, 492); vertex(93, 495); vertex(98, 492); vertex(97, 489); vertex(92, 487); vertex(94, 482); vertex(99, 481); vertex(104, 485); vertex(103, 482); vertex(107, 479); vertex(100, 476); vertex(109, 477); vertex(114, 479); vertex(119, 483); vertex(124, 484); vertex(123, 482); vertex(119, 480); vertex(112, 475); vertex(103, 475); vertex(95, 471); endShape(); beginShape(); vertex(93, 499); vertex(100, 497); vertex(107, 490); vertex(109, 485); vertex(111, 478); vertex(102, 493); endShape(); fill(208, 224, 224, 150); beginShape(); vertex(245, 458); bezierVertex(251, 442, 226, 431, 196, 432); vertex(191, 439); vertex(204, 441); vertex(185, 443); vertex(182, 446); vertex(209, 456); vertex(220, 465); vertex(224, 463); vertex(231, 466); endShape(); fill(100, 131, 153, 150); beginShape(); vertex(124, 419); vertex(109, 439); vertex(108, 445); vertex(125, 421); endShape(); beginShape(); vertex(130, 419); vertex(122, 428); vertex(108, 449); vertex(103, 458); vertex(106, 457); vertex(115, 442); vertex(127, 431); vertex(136, 427); endShape(); } popStyle(); popMatrix(); //Right fin fill(85, 115, 150, 150); beginShape(); vertex(157, -198); vertex(137, -193); vertex(50, -79); vertex(56, -76); vertex(70, -81); vertex(93, -84); vertex(106, -91); vertex(149, -131); vertex(162, -152); endShape(); fill(73, 100, 130, 150); beginShape(); vertex(75, -176); vertex(92, -180); vertex(116, -189); vertex(125, -190); vertex(137, -193); vertex(50, -79); vertex(19, -85); vertex(5, -87); vertex(-14, -88); vertex(-16, -91); endShape(); fill(128, 188, 196, 150); beginShape(); vertex(49, -79); vertex(25, -65); vertex(9, -54); vertex(-8, -44); vertex(-23, -33); vertex(-39, -22); vertex(-65, -16); vertex(-17, -91); vertex(-14, -89); vertex(15, -87); endShape(); fill(65, 84, 115, 150); beginShape(); vertex(-71, -9); vertex(-72, -7); bezierVertex(-37, -44, -28, -54, -30, -73); bezierVertex(-26, -72, -17, -84, -16, -91); vertex(16, -121); vertex(77, -177); vertex(71, -176); bezierVertex(35, -146, -12, -114, -38, -72); bezierVertex(-36, -61, -54, -39, -58, -37); vertex(-43, -49); vertex(-35, -64); vertex(-44, -46); endShape(); fill(128, 167, 186, 150); beginShape(); vertex(-8, -77); vertex(-11, -81); vertex(1, -86); vertex(10, -84); vertex(15, -85); vertex(29, -81); vertex(38, -79); vertex(22, -80); vertex(-15, -60); endShape(); fill(150, 217, 217, 150); beginShape(); vertex(-29, -73); vertex(-28, -58); vertex(-40, -38); vertex(-64, -15); vertex(-44, -17); vertex(-33, -24); vertex(-17, -36); vertex(1, -51); vertex(14, -55); vertex(49, -80); vertex(46, -82); vertex(45, -82); vertex(43, -83); vertex(18, -86); vertex(35, -82); vertex(39, -80); vertex(19, -68); vertex(-32, -32); vertex(-43, -21); vertex(-60, -17); vertex(-34, -43); vertex(-26, -56); vertex(-25, -74); endShape(); fill(86, 122, 140, 150); beginShape(); vertex(-16, -91); vertex(4, -111); vertex(15, -108); vertex(33, -122); vertex(63, -135); vertex(64, -133); vertex(36, -121); vertex(10, -100); vertex(30, -113); vertex(59, -121); vertex(33, -112); vertex(2, -88); endShape(); //Body { fill(88, 122, 161, 230); beginShape(); vertex(207, -225); vertex(253, -243); vertex(265, -250); vertex(320, -278); vertex(342, -293); vertex(386, -306); vertex(403, -315); vertex(440, -318); vertex(470, -316); vertex(488, -323); vertex(494, -327); vertex(515, -315); vertex(526, -311); vertex(536, -300); bezierVertex(559, -221, 444, -90, 356, -25); bezierVertex(191, 112, 160, 203, 129, 373); vertex(146, 409); vertex(128, 408); bezierVertex(-18, 72, 143, -174, 207, -225); endShape(); fill(39, 66, 79, 150); beginShape(); vertex(121, 414); vertex(127, 408); vertex(134, 420); vertex(124, 420); endShape(); fill(95, 127, 150, 150); beginShape(); vertex(126, 409); vertex(132, 420); vertex(141, 419); vertex(152, 422); vertex(155, 434); vertex(158, 411); vertex(169, 406); vertex(171, 403); vertex(164, 401); vertex(147, 401); vertex(140, 392); vertex(135, 378); vertex(130, 370); vertex(140, 401); vertex(150, 416); vertex(142, 409); vertex(130, 400); vertex(129, 406); endShape(); pushMatrix(); translate(-44, -69); fill(74, 87, 107, 150); beginShape(); vertex(150, 452); bezierVertex(69, 313, 116, 189, 113, 156); bezierVertex(112, 122, 137, 20, 162, -29); vertex(151, -24); vertex(161, -37); vertex(145, -34); vertex(135, -29); vertex(135, -30); vertex(151, -39); vertex(170, -57); vertex(185, -67); vertex(193, -83); vertex(201, -96); vertex(198, -111); vertex(185, -118); vertex(135, -104); vertex(181, -119); vertex(204, -126); vertex(193, -127); vertex(210, -135); vertex(221, -142); vertex(227, -141); vertex(251, -155); vertex(222, -127); vertex(223, -122); vertex(240, -138); vertex(263, -162); vertex(272, -166); vertex(225, -119); vertex(228, -106); vertex(225, -94); vertex(233, -103); vertex(261, -126); vertex(286, -147); vertex(309, -177); vertex(292, -170); vertex(303, -176); vertex(328, -188); vertex(314, -179); vertex(291, -149); vertex(286, -141); vertex(246, -96); vertex(222, -62); vertex(185, 27); vertex(203, -26); vertex(223, -73); vertex(254, -111); vertex(234, -99); vertex(222, -85); vertex(206, -69); vertex(190, -52); vertex(177, -34); vertex(162, -16); vertex(152, 2); vertex(148, 20); vertex(132, 62); vertex(139, 60); vertex(137, 69); vertex(143, 99); vertex(131, 116); vertex(133, 131); vertex(125, 167); vertex(148, 215); vertex(154, 219); vertex(160, 233); vertex(155, 261); vertex(173, 278); bezierVertex(186, 292, 181, 312, 164, 329); bezierVertex(156, 338, 160, 340, 167, 353); vertex(152, 391); vertex(160, 395); vertex(157, 423); vertex(168, 441); vertex(175, 444); vertex(183, 452); vertex(184, 458); vertex(180, 452); vertex(173, 445); vertex(170, 446); vertex(183, 477); vertex(189, 479); vertex(195, 489); vertex(192, 489); vertex(179, 478); vertex(173, 475); vertex(166, 466); endShape(); popMatrix(); //Head shading { pushMatrix(); pushStyle(); translate(103, -60); scale(0.80); fill(71, 93, 115, 150); beginShape(); vertex(379, -303); vertex(389, -308); vertex(356, -267); vertex(385, -265); vertex(403, -283); vertex(418, -301); vertex(397, -310); vertex(406, -316); vertex(437, -319); vertex(428, -314); vertex(406, -279); vertex(387, -262); vertex(405, -247); vertex(423, -273); vertex(427, -288); vertex(430, -257); vertex(439, -281); vertex(453, -299); vertex(475, -293); vertex(459, -277); vertex(463, -269); vertex(480, -261); vertex(490, -300); vertex(483, -318); vertex(496, -326); vertex(514, -315); vertex(528, -311); vertex(543, -300); vertex(543, -291); vertex(548, -268); vertex(539, -216); vertex(542, -207); bezierVertex(523, -165, 521, -204, 371, -3); vertex(353, -16); vertex(366, -34); vertex(365, -42); vertex(387, -83); vertex(371, -109); vertex(378, -127); vertex(397, -126); vertex(434, -154); vertex(438, -167); vertex(489, -169); vertex(514, -206); vertex(484, -180); vertex(498, -208); vertex(483, -206); vertex(490, -220); vertex(525, -226); vertex(523, -257); vertex(537, -269); vertex(511, -277); vertex(521, -265); vertex(503, -248); vertex(499, -231); vertex(466, -228); vertex(410, -176); vertex(407, -163); vertex(379, -164); vertex(368, -155); vertex(345, -150); vertex(340, -143); vertex(332, -145); vertex(313, -129); vertex(298, -134); vertex(276, -148); vertex(269, -159); vertex(286, -169); vertex(290, -179); vertex(325, -182); vertex(332, -170); vertex(368, -182); vertex(341, -189); vertex(303, -189); vertex(297, -215); vertex(320, -220); vertex(361, -203); vertex(379, -202); vertex(356, -208); vertex(320, -249); vertex(300, -251); vertex(274, -202); vertex(270, -209); vertex(260, -202); vertex(260, -231); vertex(245, -261); vertex(280, -286); endShape(); popStyle(); popMatrix(); fill(57, 89, 112, 150); beginShape(); vertex(436, -263); vertex(458, -251); vertex(477, -180); vertex(476, -213); vertex(464, -258); vertex(453, -262); vertex(450, -299); endShape(); beginShape(); vertex(320, -213); vertex(306, -209); vertex(307, -191); vertex(317, -194); endShape(); beginShape(); vertex(314, -144); vertex(335, -140); vertex(343, -137); vertex(366, -146); vertex(367, -138); vertex(343, -133); vertex(325, -123); vertex(309, -128); vertex(308, -139); endShape(); var curvee = function(x, y, sx, sy) { pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); noStroke(); fill(40, 58, 79, 30); beginShape(); vertex(232, -191); bezierVertex(181, -125, 131, -43, 119, 137); bezierVertex(145, -55, 167, -92, 232, -191); endShape(); popStyle(); popMatrix(); }; //i had to name it "curvee" because it thought i was using the built-in function if i used "curve" bruh xD curvee(-13, -38, 1.14, 0.81); curvee(-9, -45, 1.56, 0.90); curvee(114, 4, 0.37, 0.38); curvee(-65, -8, 1.60, 1.11); curvee(93, 68, 0.69, 0.69); curvee(528, -62, -1.59, -1.00); curvee(471, -113, -0.56, -0.34); } //Left fin fill(144, 208, 214, 150); beginShape(); vertex(547, -229); vertex(541, -237); vertex(545, -259); vertex(544, -279); vertex(540, -300); vertex(524, -313); vertex(537, -298); vertex(538, -289); vertex(540, -267); vertex(537, -239); vertex(539, -226); vertex(515, -198); vertex(446, -124); vertex(400, -59); vertex(291, 31); vertex(330, 8); vertex(293, 54); vertex(291, 64); vertex(299, 78); vertex(302, 97); vertex(292, 120); vertex(283, 189); vertex(287, 218); vertex(271, 252); vertex(292, 232); vertex(327, 162); bezierVertex(355, 67, 394, 67, 401, -48); vertex(410, -60); vertex(410, -66); vertex(461, -121); vertex(473, -128); vertex(521, -190); endShape(); fill(255, 255, 255, 150); beginShape(); vertex(293, 29); vertex(310, 17); vertex(330, 8); vertex(318, 20); vertex(314, 31); vertex(303, 43); vertex(292, 64); vertex(301, 81); vertex(303, 103); vertex(292, 126); vertex(283, 194); vertex(286, 221); vertex(273, 249); vertex(297, 230); vertex(332, 155); vertex(350, 96); vertex(372, 66); vertex(348, 118); vertex(342, 155); vertex(322, 187); vertex(311, 216); vertex(285, 258); vertex(257, 288); vertex(245, 288); vertex(240, 278); vertex(258, 244); vertex(281, 176); vertex(279, 90); vertex(274, 77); vertex(283, 60); vertex(263, 71); vertex(251, 82); vertex(229, 110); vertex(222, 105); vertex(207, 121); vertex(199, 136); vertex(204, 149); vertex(186, 175); vertex(171, 207); vertex(186, 166); vertex(187, 154); vertex(195, 152); vertex(191, 148); vertex(207, 116); vertex(229, 97); vertex(230, 104); vertex(262, 67); endShape(); } //Something you've haven't seen in this graphic yet- shading :O :O :O (on the edges near the tail) fill(74, 90, 120, 150); beginShape(); vertex(171, 206); vertex(174, 189); vertex(177, 177); vertex(163, 180); vertex(164, 188); vertex(160, 204); vertex(154, 206); vertex(150, 222); vertex(161, 235); vertex(142, 270); vertex(146, 299); vertex(123, 371); vertex(129, 372); vertex(134, 354); endShape(); fill(161, 247, 238, 150); beginShape(); vertex(164, 221); vertex(161, 238); vertex(149, 241); vertex(150, 264); vertex(145, 296); vertex(130, 342); vertex(137, 380); vertex(152, 398); vertex(144, 385); vertex(138, 363); vertex(142, 364); vertex(142, 350); vertex(138, 344); vertex(141, 331); vertex(144, 329); vertex(152, 276); vertex(176, 191); endShape(); //OMG more shading :O :O :O :O :O :O (shadows everywhere) fill(4, 38, 59, 20); rect(121, 152, 30, 32, 200); rect(133, 124, 37, 42, 200); rect(168, 86, 13, 17, 200); rect(133, 117, 29, 34, 200); rect(178, 120, 23, 20, 200); rect(193, 97, 35, 22, 200); rect(328, -219, 53, 61, 200); fill(44, 72, 125, 40); beginShape(); vertex(121, -100); vertex(73, -177); vertex(165, -200); vertex(197, -139); vertex(240, -220); vertex(278, -248); vertex(339, -282); vertex(351, -295); vertex(423, -316); vertex(474, -312); vertex(494, -324); vertex(516, -311); vertex(539, -291); vertex(541, -220); vertex(489, -151); vertex(399, -141); vertex(384, -147); vertex(379, -148); vertex(373, -156); vertex(356, -158); vertex(352, -155); vertex(344, -158); vertex(334, -149); vertex(313, -146); vertex(286, -160); vertex(255, -152); vertex(199, -87); vertex(223, -93); vertex(185, -77); vertex(241, -36); vertex(214, 123); vertex(128, 380); vertex(103, 375); vertex(64, 267); vertex(80, 23); endShape(); fill(33, 53, 92, 45); beginShape(); vertex(308, -272); vertex(366, -259); vertex(416, -172); vertex(393, -50); vertex(540, -230); vertex(536, -304); vertex(487, -321); vertex(400, -312); endShape(); fill(204, 248, 255, 60); beginShape(); vertex(274, 72); vertex(287, 30); vertex(245, 53); vertex(266, 16); vertex(265, -6); vertex(295, -38); vertex(300, -65); vertex(335, -87); vertex(341, -114); vertex(358, -51); vertex(398, -48); vertex(388, 37); vertex(358, 81); vertex(343, 124); vertex(339, 157); vertex(300, 229); vertex(251, 288); vertex(266, 230); vertex(331, 154); vertex(333, 131); vertex(355, 76); vertex(378, 35); vertex(390, -40); vertex(319, 14); vertex(293, 88); vertex(310, 96); vertex(317, 124); vertex(290, 160); vertex(294, 183); vertex(266, 224); vertex(283, 161); endShape(); popStyle(); popMatrix(); }; if (actual) { whale(166, 277, 0.50, 0.50); } fill(126, 208, 230, 10); swirl(120, 134, 1.66, 1.31, 13); swirl(316, -887, 2.15, 4.08, 33); var ray = function(x, y, sx, sy, angle) { pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); rotate(angle); fill(255, 255, 255, 20); quad(520, 425, 520, 389, 425, 324, 391, 335); quad(520, 377, 520, 384, 425, 318, 399, 296); quad(520, 373, 520, 370, 425, 305, 399, 294); popStyle(); popMatrix(); }; ray(); ray(405, 55, 0.37, 0.63, 64); ray(-192, 185, 1.21, 0.56, -16); ray(126, 538, 0.74, 1.15, -70); var shardOflight = function(x, y, sx, sy) { pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); noStroke(); fill(255, 255, 255, 10); quad(120, 400, 142, 427, 153, 395, 130, 379); popStyle(); popMatrix(); }; shardOflight(36, -7, 1.02, 1.11); shardOflight(59, -362, 0.57, 1.79); shardOflight(-69, -663, 1.93, 2.58); shardOflight(-13, -109, 1.59, 1.34); shardOflight(-26, -106, 1.11, 1.46); shardOflight(-465, -184, 4.75, 1.77); shardOflight(47, 160, 1.93, 0.87); shardOflight(-234, -411, 2.40, 2.16); shardOflight(74, -318, 2.29, 1.97); shardOflight(324, 71, 0.89, 0.91); shardOflight(284, 88, 1.25, 0.94); shardOflight(55, -295, 1.42, 1.06); shardOflight(12, -60, 0.89, 0.82); shardOflight(-71, -32, 1.91, 0.68); shardOflight(67, -336, 1.67, 1.87); shardOflight(297, -471, 1.41, 2.62); var fishy = function(x, y, sx, sy) { pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); noStroke(); fill(7, 12, 54, 150); beginShape(); vertex(149, 256); bezierVertex(157, 240, 175, 251, 182, 252); vertex(183, 249); vertex(194, 241); vertex(188, 255); vertex(195, 262); vertex(180, 258); bezierVertex(165, 273, 157, 258, 149, 257); endShape(); popStyle(); popMatrix(); }; if (actual) { fishy(136, 152, 0.83, 0.88); fishy(298, 245, 0.43, 0.31); fishy(332, 258, 0.44, 0.33); fishy(317, 125, 0.82, 0.79); fishy(438, 221, 0.40, 0.30); fishy(340, 143, 0.58, 0.51); fishy(385, 155, 0.56, 0.43); fishy(368, 65, 0.57, 0.67); fishy(385, 118, 0.58, 0.40); } popStyle(); popMatrix(); } draw = function() { setKALoopTimeout(10000); switch (scene) { case "Intro": background(235, 235, 235); drawAquarium(false); //draw title fill(255); textFont(createFont("Trebuchet MS Bold"), 80); textAlign(CENTER, CENTER); text("Metaverse", width/2 - 5, height/2 - 55); text("Metaverse", width/2 + 5, height/2 - 55); text("Metaverse", width/2 - 5, height/2 - 55 - 5); text("Metaverse", width/2 + 5, height/2 - 55 - 5); text("Metaverse", width/2, height/2 - 55 - 5); text("Metaverse", width/2, height/2 - 55 + 5); text("Metaverse", width/2 - 5, height/2 - 55 + 5); text("Metaverse", width/2 + 5, height/2 - 55 + 5); fill(4, 36, 87); text("Metaverse", width/2, height/2 - 55); fill(255); textSize(18); text("This is not just a game. This is a virtual world.", width/2 - 2, height/2 + 10); text("This is not just a game. This is a virtual world.", width/2 + 2, height/2 + 10); text("This is not just a game. This is a virtual world.", width/2, height/2 - 2 + 10); text("This is not just a game. This is a virtual world.", width/2, height/2 + 2 + 10); fill(4, 36, 87); text("This is not just a game. This is a virtual world.", width/2, height/2 + 10); //draw button enterButton.draw(); //draw characters for (var i = 0; i < 20; i++) { pushMatrix(); translate(width/2, height/2); rotate(deg(30 * i)); introCharacters[0][i].draw(); introCharacters[1][i].draw(); introCharacters[2][i].draw(); introCharacters[3][i].draw(); popMatrix(); } for (var i = 0; i < 3; i++) { pushMatrix(); translate(width/2, height/2); addCharacters[i].draw(); popMatrix(); pushMatrix(); translate(width/2, height/2); rotate(deg(180)); addCharacters[i].draw(); popMatrix(); } //animate intro zoomyLogo.show(); break; case "City": background(245); //draw background and bots pushMatrix(); translate(mapVars.x, mapVars.y); drawCityBg(-600, -500); for (var i = 0; i < botCharacters.length; i++) { botCharacters[i].draw(); } popMatrix(); //draw player character playerCharacter.name = name; playerCharacter.draw(); playerCharacter.move(); //draw buttons coinsButton.draw(); for (var i = 0; i < cityButtons.length; i++) { cityButtons[i].draw(); } //draw pop up drawPopUp(); chgButtonColor(); break; case "Messenger": background(255); //draw background and top panel drawMessengerBg(); drawMessengerTopPanel(); for (var i = 0; i < contactsButtons.length; i++) { contactsButtons[i].x = 10; contactsButtons[i].y = 90 + 60 * i; contactsButtons[i].w = 200; contactsButtons[i].h = 60; contactsButtons[i].elementColor = contactColors.change[i]; contactsButtons[i].draw(); } for (var i = 0; i < selectButtons.length; i++) { selectButtons[i].draw(); } refreshButton.draw(); //draw chats for (var i = 0; i < allChats[messenger.pageNum].length; i++) { allChats[messenger.pageNum][i].draw(); } controlChat(); //draw cover drawMessengerCover(); //draw pop up drawGamePopUp(); //draw close button if (gamePopUp.open) { closeButton.x = 420; closeButton.y = 150; } else { closeButton.x = 540; closeButton.y = 15; } closeButton.draw(); break; case "Asteroids": //draw game asteroids.all(); //draw pop up drawGamePopUp(); //draw close button if (gamePopUp.open) { closeButton.x = 420; closeButton.y = 150; } else { closeButton.x = 540; closeButton.y = 15; } closeButton.draw(); break; case "Gunner": background(0, 61, 43); minigame1.run(); //draw pop up drawGamePopUp(); //draw close button if (gamePopUp.open) { closeButton.x = 420; closeButton.y = 150; } else { closeButton.x = 535; closeButton.y = 7.5; } closeButton.draw(); break; case "Block Dodger": BlockDodger(); //draw pop up drawGamePopUp(); //draw close button if (gamePopUp.open) { closeButton.x = 420; closeButton.y = 150; } else { closeButton.x = 535; closeButton.y = 15; } closeButton.draw(); break; case "Handulum": handulum.all(); //draw pop up drawGamePopUp(); //draw close button if (gamePopUp.open) { closeButton.x = 420; closeButton.y = 150; } else { closeButton.x = 535; closeButton.y = 20; } closeButton.draw(); break; case "Highway Run": Runner(); //draw pop up drawGamePopUp(); //draw close button if (gamePopUp.open) { closeButton.x = 420; closeButton.y = 150; } else { closeButton.x = 535; closeButton.y = 15; } closeButton.draw(); break; case "Coffee": CoffeeGame(); //draw pop up drawGamePopUp(); //draw close button if (gamePopUp.open) { closeButton.x = 420; closeButton.y = 150; } else { closeButton.x = 535; closeButton.y = 15; } closeButton.draw(); break; case "Aquarium": drawAquarium(true); //draw pop up drawGamePopUp(); //draw close button if (gamePopUp.open) { closeButton.x = 420; closeButton.y = 150; } else { closeButton.x = 535; closeButton.y = 15; } closeButton.draw(); break; } anmSceneChange(); click = false; }; mouseClicked = function() { switch (scene) { case "Intro": if (enterButton.isMouseInside()) { sceneChange.anm = true; sceneChange.to = "City"; } break; case "City": //city buttons for (var i = 0; i < cityButtons.length; i++) { if (cityButtons[i].isMouseInside()) { popUp.open = true; popUp.which = cityButtons[i].which; popUp.whichNum = i; popUp.page = popUpButtons[i][0].msg; popUp.op.main = 0; popUp.op.cover[0] = 255; popUp.op.cover[1] = 255; } } //notification and menu button if (notifButton.isMouseInside()) { notifButton.drawNotif = false; } if (menuButton.isMouseInside()) { menuButton.drawNotif = false; } //pop up buttons if (popUp.open) { if (returnButton.isMouseInside()) { popUp.open = false; } for (var i = 0; i < popUpButtons[popUp.whichNum].length; i++) { if (popUpButtons[popUp.whichNum][i].isMouseInside()) { popUp.page = popUpButtons[popUp.whichNum][i].msg; popUp.op.cover[0] = 255; } } } //pop up main buttons if (popUp.open) { switch (popUp.page) { case "Games": for (var i = 0; i < gamesButtons.length; i++) { if (gamesButtons[i].isMouseInside()) { gamePopUp.open = true; sceneChange.anm = true; sceneChange.to = gamesButtons[i].msg; } } break; case "Apps": if (appsButtons.isMouseInside()) { gamePopUp.open = true; sceneChange.anm = true; sceneChange.to = "Messenger"; } break; case "Others": if (othersButtons.isMouseInside()) { gamePopUp.open = true; sceneChange.anm = true; sceneChange.to = "Aquarium"; } break; case "Username": for (var i = 0; i < usernameButtons.length; i++) { if (usernameButtons[i].isMouseInside()) { name = usernameButtons[i].which; } } break; } } break; case "Messenger": //close button if (closeButton.isMouseInside()) { if (gamePopUp.open) { gamePopUp.open = false; } else { sceneChange.anm = true; sceneChange.to = "City"; } } //contacts buttons if (!gamePopUp.open) { for (var i = 0; i < contactsButtons.length; i++) { if (contactsButtons[i].isMouseInside()) { contactsButtons[i].drawNotif = false; messenger.page = contactsButtons[i].msg; messenger.pageNum = contacts.indexOf(messenger.page); messenger.coverOp = 255; buttonNum = i; } } //chat select buttons for (var i = 0; i < selectButtons.length; i++) { if (selectButtons[i].isMouseInside()) { //change chat vars if (selectButtons[0].msg !== "End of conversation.") { messenger.currentChat[messenger.pageNum] += 2; allChats[messenger.pageNum][messenger.currentChat[messenger.pageNum]].op = 255; allChats[messenger.pageNum][messenger.currentChat[messenger.pageNum]].msg = selectButtons[i].msg; allChats[messenger.pageNum][messenger.currentChat[messenger.pageNum] + 1].op = 255; allChats[messenger.pageNum][messenger.currentChat[messenger.pageNum] + 1].time = 0; } //move contactsButton to top if (contactsButtons[0].msg !== messenger.page) { contactsButtons.splice(buttonNum, 1); contactsButtons.unshift(new button ({which: "Messenger Contact", msg: messenger.page, bgColor: color(255)})); contactColors.change.splice(buttonNum, 1); contactColors.change.unshift(contactColors.constant[buttonNum]); } } } //refresh button if (refreshButton.isMouseInside()) { messenger.coverOp = 255; } } break; case "Asteroids": case "Gunner": case "Block Dodger": case "Handulum": case "Highway Run": case "Coffee": case "Aquarium": if (closeButton.isMouseInside()) { if (gamePopUp.open) { gamePopUp.open = false; } else { asteroids.resetAll(); handulum.resetAll(); minigame1.restart(); epronyRestart = true; startGame = false; sceneChange.anm = true; sceneChange.to = "City"; } } break; } click = true; }; mousePressed = function() { click = true; mouseIsPressed = true; press = true; }; mouseReleased = function() { mouseIsPressed = false; press = false; }; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; if (scene === "Asteroids") { if (keyCode === 32 && !gamePopUp.open) { spaceReleased = true; } } else if (scene === 'Block Dodger') { runPlayer.moving = false; runPlayer.legY = 0; } };
Folds	36,38,43,51,56,268,271,274,276,499,501,512,513,514,515,518,521,522,525,526,528,529,530,531,532,533,534,535,538,539,541,542,543,544,545,546,547,548,549,550,551,552,553,554,555,556,558,559,560,561,562,563,565,566,569,570,573,574,575,576,577,578,580,582,583,872,874,883,886,976,978,1121,1122,1146,1148,1151,1154,1232,1233,1252,1255,1275,1277,1340,1342,1352,1353,1354,1355,1356,1357,1358,1359,1366,1369,1373,1375,1385,1387,1388,1391,1393,1395,1439,1440,1587,1589,1594,1596,1643,1646,1656,1658,1659,1660,1661,1662,1663,1664,1665,1666,1667,1668,1669,1671,1744,1746,1751,1753,1756,1758,1801,1803,1821,1822,1835,1836,1843,1845,1892,1897,2218,2221,2630,2633,2952,2954,2956,2970,2971,2982,2988,2989,2995,2997,3006,3008,3018,3020,3054,3055,3144,3145,3174,3175,3214,3216,3421,3422,3594,3595,3958,3961,5044,5046,5383,5385,5600,5602,5606,5608,5611,5613,5615,5617,5628
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMPaoqqoCAw
Votes	185
Spin-Offs	7
Type	PJS
Width	600
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Kevin W
Author Name	KevinWijaya15
Author ID	kaid_80690558755794815547379
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739366307859
Updated	10 months ago, 1739366307859
Source Deleted	unknown