Viewing Program

Program Data

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

Title	- M Y S T I C -
ID	6044851061702656
Created	4 years ago, 1634044902808
Updated	4 years ago, 1639778890117
Code	var lessLag = false; /** * __________________________________ * * * MYSTIC * Khantober 2021 [Week 2] * * - Someone - * * Use the arrows on the sides of * the menu to see the tutorial, * leaderboard, cosmetics, and * more! * * Let me know if something * doesn't make sense :) * * __________________________________ * * A NOTE ON INTROSPECTION: * * When you find introspection, it will * start a minigame where you have to * watch for some number of pulses to * occur. * * When it finishes, click the screen around * the same place each pulse occurred in the * same order. * * If you do it in the right order, you'll * get another life! * * As you get more lives, it will increase * the amount of pulses you need to remember. * * Huge thanks to Cubic Gaming for * pointing out how unclear this was! * * ___________________________________ * * Yeah, this game is little out there, * but it's kind of a fun idea to me! * * I've had this WIP sitting around * in my projects for about a month * and I couldn't find the time to * even touch it. * I figured Khantober would be the * perfect time to sit down and grind * the rest of the gameplay out. * * I tried to get it done for the first * week but...I wasn't happy with it. * So I gave myself another week, and * now, it's finally out!! * * Hurrah! ♪ * On to the next project :D * * */ // The leaderboard var leaderboard = [ ["CowboysFan", 1061], ["Ibraheem Ahmed (IA)", 870], ["Bernabe Valdez (C.T.D)", 966], ["Lokester the Jokester",1283], ["Şχβ", 1400], ["Hypar",1113], ["Repeat", 635], ["Eisa S.", 506], ["D'angelo Valdez (E.A.D.)", 638], ["Crafter",2317], ["ISAAC EMERALD", 1106], ["Rashion McDonald", 633], ["jD2R",1394], ["Smaug-Fire-Wyrm", 520], ["HB_the_Pencil", 645], ["Electric Dolphin", 1598], ["Eclipse",1214], ["JOSEPHISREBELLING",1236], ["TheDoughSmith", 1814], ["Red Monster", 720], ["BaNana48", 1026], ["Blob", 1834], ["shadowfoxuwu03", 565], ["MoonWing", 749], ["🌎EarthStudios🌎", 668], ["Psychic 𝓕𝓞𝓧 Productions", 1340], ["Dy Am O Nd Ge Ni U S", 1083], ["MysteryMutant123",325], ["Leafers1234",1118], ["𝖲┃ǃനǝ𝓨",1241], ]; // Sorting the leaderboard from greatest to least leaderboard.sort(function(a, b) { return b[1] - a[1]; }); // Defining variables and such //{ // Colors for the game (yea it's weird) var colScheme = [ color(0, 48, 92), //color(50), color(252, 227, 65), color(255, 173, 79), color(235, 87, 176), color(98, 182, 227), // Possible other background colors color(30, 0, 82), color(0, 48, 92), color(255), // Neat effect ]; var mainFont = createFont("monospace"); // Initializing variables that will hold instances of scenes var memoryScene; var mainScene; var gameScene; var transScene; var loseScene; var currentScene; var player; var highScore = 0; var clicked = false; // Player styles var pCols = [ // Default { minScore: 0, col: color(255, 255, 255), txt: "white", }, // Rainbow { minScore: 250, col: color(255, 209, 216), txt: "pastel red", }, { minScore: 300, col: color(255, 228, 209), txt: "pastel orange", }, { minScore: 350, col: color(255, 252, 209), txt: "pastel yellow", }, { minScore: 400, col: color(209, 255, 236), txt: "pastel green", }, { minScore: 450, col: color(209, 230, 255), txt: "pastel blue", }, { minScore: 500, col: color(238, 209, 255), txt: "pastel purple", }, // Changing colors { minScore: 600, cols: [color(120, 188, 240), color(173, 150, 255), color(120, 188, 240)], txt: "blue and purple", }, { minScore: 700, cols: [color(187, 150, 255), color(247, 111, 175), color(187, 150, 255)], txt: "purple and pink", }, { minScore: 800, cols: [color(235, 101, 61), color(255, 179, 92), color(235, 101, 61)], txt: "red and orange", }, { minScore: 900, cols: [color(255, 203, 143), color(255, 248, 143), color(255, 203, 143)], txt: "gold and yellow", }, { minScore: 1000, cols: [color(146, 235, 210), color(99, 203, 255), color(146, 235, 210)], txt: "green and blue", }, // Fanciest changing colors /{ minScore: 1500, cols: [color(255, 209, 216), color(255, 228, 209), color(255, 252, 209), color(209, 255, 236), color(209, 230, 255), color(238, 209, 255), color(255, 209, 216)], },/ { minScore: 1200, cols: [color(255, 151, 130), color(137, 250, 141), color(133, 133, 255), color(255, 151, 130)], txt: "rgb", }, ]; var obstacleImg; var coinImgs = []; var memoryImg; var whiteBlur; var cityscape1; var cityscape2; //} // Coins and menu elements //{ // Various Coin Graphics var coin1 = function(x, y) { // Wispy Outline stroke(red(colScheme[2]), green(colScheme[2]), blue(colScheme[2]), 20); strokeWeight(1); noFill(); for (var i = 0; i < 50; i++) { beginShape(); for (var j = 0; j <= 360; j+=15) { vertex(x + sin(j)50 + random(-10, 10), y + cos(j)50 + random(-10, 10)); } endShape(); } // Interior Design stroke(red(colScheme[1]), green(colScheme[1]), blue(colScheme[1]), 100); // Gold transparent strokeWeight(10); for (var i = 0; i < 360; i += 60) { pushMatrix(); translate(x, y); rotate(i); beginShape(); vertex(0, 0); bezierVertex(-50, 0, 0, -50, 0, -50); bezierVertex(0, -50, 50, 0, 0, 0); endShape(); popMatrix(); } stroke(255); // White on Top strokeWeight(2); for (var i = 0; i < 360; i += 60) { pushMatrix(); translate(x, y); rotate(i); beginShape(); vertex(0, 0); bezierVertex(-50, 0, 0, -50, 0, -50); bezierVertex(0, -50, 50, 0, 0, 0); endShape(); popMatrix(); } }; var coin2 = function(x, y) { // Wispy Outline stroke(red(colScheme[2]), green(colScheme[2]), blue(colScheme[2]), 20); strokeWeight(1); noFill(); for (var i = 0; i < 50; i++) { beginShape(); for (var j = 0; j <= 360; j+=15) { vertex(x + sin(j)50 + random(-10, 10), y + cos(j)50 + random(-10, 10)); } endShape(); } // Interior Design stroke(red(colScheme[1]), green(colScheme[1]), blue(colScheme[1]), 100); // Gold transparent strokeWeight(10); for (var i = 0; i < 360; i += 45) { pushMatrix(); translate(x, y); rotate(i); beginShape(); vertex(-10, 0); bezierVertex(0, -20, -50, -30, 0, -50); bezierVertex(50, -30, 0, -20, 10, 0); endShape(); popMatrix(); } stroke(255); // White on Top strokeWeight(2); for (var i = 0; i < 360; i += 45) { pushMatrix(); translate(x, y); rotate(i); beginShape(); vertex(-10, 0); bezierVertex(0, -20, -50, -30, 0, -50); bezierVertex(50, -30, 0, -20, 10, 0); endShape(); popMatrix(); } }; var coin3 = function(x, y) { // Wispy Outline stroke(red(colScheme[2]), green(colScheme[2]), blue(colScheme[2]), 20); strokeWeight(1); noFill(); for (var i = 0; i < 50; i++) { beginShape(); for (var j = 0; j <= 360; j+=15) { vertex(x + sin(j)50 + random(-10, 10), y + cos(j)50 + random(-10, 10)); } endShape(); } // Interior Design stroke(red(colScheme[1]), green(colScheme[1]), blue(colScheme[1]), 50); // Gold transparent strokeWeight(10); for (var i = 0; i < 360; i += 60) { pushMatrix(); translate(x, y); rotate(i); ellipse(-25, 0, 50, 50); ellipse(-10, -25, 20, 20); popMatrix(); } stroke(255); // White on Top strokeWeight(2); for (var i = 0; i < 360; i += 60) { pushMatrix(); translate(x, y); rotate(i); ellipse(-25, 0, 50, 50); ellipse(-10, -25, 20, 20); popMatrix(); } }; // Obstacle Graphics var obstacle = function(x, y) { // Wispy Outline stroke(255, 120, 100, 40); strokeWeight(1); noFill(); for (var i = 0; i < 50; i++) { beginShape(); for (var j = 0; j <= 360; j+=15) { vertex(x + sin(j)100 + random(-20, 20), y + cos(j)100 + random(-20, 20)); } endShape(); } // White Main Design noStroke(); // Skull Eyes fill(255, 120, 100, 100); arc(x - 32, y+5, 25, 40, 20, 200); arc(x + 12, y+7, 40, 40, -20, 160); fill(255); arc(x - 32, y+5, 18, 30, 20, 200); arc(x + 12, y+7, 30, 30, -20, 160); // Skull Nose stroke(255, 120, 100, 100); strokeWeight(5); beginShape(); vertex(x-15, y+15); bezierVertex(x-30, y+35, x-15, y+35, x-15, y+25); bezierVertex(x-15, y+35, x+5, y+35, x-15, y+15); endShape(); // Teeth stroke(255, 120, 100, 100); strokeWeight(5); for (var i = -60; i < 90; i += 35) { beginShape(); vertex(x - sin(i+5)40 - cos(i)5, y+25+cos(i)20); vertex(x - sin(i+5)40 - cos(i)5, y+30+cos(i)35); vertex(x - sin(i-5)40 + cos(i)5, y+30+cos(i-30)35); vertex(x - sin(i-5)40 + cos(i)5, y+25+cos(i-30)20); vertex(x - sin(i+5)40 - cos(i)5, y+25+cos(i)20); endShape(); } // Head design noFill(); stroke(255, 120, 100, 80); // Red transparent strokeWeight(10); for (var i = -90; i <= 90; i+=30) { pushMatrix(); translate(x-15+sin(i)20, y-15-cos(i)20); rotate(i); beginShape(); vertex(0, 0); bezierVertex(-20, -50-sin(i/2)30, 20, -50-sin(i/2)30, 0, 0); endShape(); popMatrix(); } stroke(255); // White lines strokeWeight(2); for (var i = -90; i <= 90; i+=30) { pushMatrix(); translate(x-15+sin(i)20, y-15-cos(i)20); rotate(i); beginShape(); vertex(0, 0); bezierVertex(-20, -50-sin(i/2)30, 20, -50-sin(i/2)30, 0, 0); endShape(); popMatrix(); } }; // Memory Graphics var memory = function(x, y) { // Wispy Outline stroke(red(colScheme[4]), green(colScheme[4]), blue(colScheme[4]), 20); strokeWeight(1); noFill(); for (var i = 0; i < 50; i++) { beginShape(); for (var j = 0; j <= 360; j+=15) { vertex(x + sin(j)50 + random(-10, 10), y + cos(j)50 + random(-10, 10)); } endShape(); } // Interior Design stroke(red(colScheme[3]), green(colScheme[3]), blue(colScheme[3]), 50); // Blue transparent strokeWeight(10); for (var i = 0; i < 360; i += 30) { pushMatrix(); translate(x, y); rotate(i); beginShape(); vertex(0, 0); bezierVertex(-50, -25, 50, -25, 0, -50); bezierVertex(-50, -25, 50, -25, 0, 0); endShape(); popMatrix(); } stroke(255); // White on Top strokeWeight(1); for (var i = 0; i < 360; i += 30) { pushMatrix(); translate(x, y); rotate(i); beginShape(); vertex(0, 0); bezierVertex(-50, -25, 50, -25, 0, -50); bezierVertex(-50, -25, 50, -25, 0, 0); endShape(); popMatrix(); } }; //} // Cityscapes //{ // Buildings var drawSpireBuilding = function(x, y, h, col) { noStroke(); fill(col); beginShape(); vertex(x, y+h); vertex(x, y); vertex(x+10, y); vertex(x+10, y-10); vertex(x+20, y-10); bezierVertex(x+40, y-10, x+40, y-10, x+48, y-100); vertex(x+52, y-100); bezierVertex(x+60, y-10, x+60, y-10, x+90, y-10); vertex(x+90, y); vertex(x+100, y); vertex(x+100, y+h); endShape(); //The little circle at the top ellipse(x+50, y-100, 8, 8); }; var drawBuildingWithFence = function(x, y, w, h, col) { noStroke(); fill(col); rect(x, y, w, h); // The fences for (var i = 3; i <= w - 5; i += 10) { rect(x + i, y - 5, 2, 5); rect(x+2,y - 6, w-4, 2); } }; var drawBridge = function(x, y, w, h, col) { // base of bridge noStroke(); fill(col); rect(x-10, y, w+20, 20); rect(x, y+ 30, w, 5); // Suppport Columns rect(x-10, y+20, 20, h); rect(x + w/3 - 10, y+20, 20, h); rect(x + w2/3 - 10, y+20, 20, h); rect(x + w - 10, y+20, 20, h); // support for arcs for (var i = 0; i < w/3; i += w/48) { rect(x + i, y - sin(i/(w/3)180) * 30 - 20, 2, sin((i/(w/3))180) 30 + 20); rect(x + i + w/3, y - sin(i/(w/3)180) 30 - 20, 2, sin((i/(w/3))180) 30 + 20); rect(x + i + w2/3, y - sin(i/(w/3)180) * 30 - 20, 2, sin((i/(w/3))180) 30 + 20); } // support for base stroke(col); strokeWeight(1); for (var i = 0; i < w; i += w/20) { line(x + i, y+30, x + i + w/20, y+20); line(x + i, y+20, x + i + w/20, y+30); } // Arcs noFill(); strokeWeight(10); arc(x + w/6, y, w/3, 100, -180, 0); arc(x + w/2, y, w/3, 100, -180, 0); arc(x + w - w/6, y, w/3, 100, -180, 0); }; var drawApartment = function(x, y, w, h, col) { noStroke(); fill(col); beginShape(); vertex(x, y+h); vertex(x, y); vertex(x + 30, y-50); vertex(x + w/2 - 5, y-50); vertex(x + w/2 - 5, y-80); vertex(x + w/2 + 5, y-80); vertex(x + w/2 + 5, y-50); vertex(x + w/2 + 10, y-50); vertex(x + w/2 + 13, y-50); vertex(x + w/2 + 13, y-70); vertex(x + w/2 + 18, y-70); vertex(x + w/2 + 18, y-50); vertex(x + w - 30, y-50); vertex(x+w, y); vertex(x+w, y+h); endShape(); }; var drawApartmentWithBalcony = function(x, y, w, h, col) { noStroke(); fill(col); rect(x, y, w, h); // The fences for (var i = 3; i <= w - 5; i += 10) { rect(x + i, y - 5, 2, 5); rect(x+2,y - 6, w-4, 2); } // The shack on top and chimey rect(x + w/4, y - 30, 50, 35, 5); ellipse(x + w/4 + 22, y - 30, 30, 30); // Balconies for (var i = 50; i < h; i += 50) { rect(x+w, y+i, 20, 10); rect(x+w, y+i - 5, 20, 2); rect(x+w + 16, y+i -5, 2, 5); } }; //} // Setting up graphics loading //{ var loadNum = 0; var loadGraphics = [ // Loading coin 1 function() { background(0, 0, 0, 0); coin1(60, 60); coinImgs[0] = get(0, 0, 120, 120); }, // Loading coin 2 function() { background(0, 0, 0, 0); coin2(60, 60); coinImgs[1] = get(0, 0, 120, 120); }, // Loading coin 3 function() { background(0, 0, 0, 0); coin3(60, 60); coinImgs[2] = get(0, 0, 120, 120); }, // Loading doubt function() { background(0, 0, 0, 0); obstacle(120, 120); obstacleImg = get(0, 0, 240, 240); }, // Loading introspection function() { background(0, 0, 0, 0); memory(60, 60); memoryImg = get(0, 0, 120, 120); }, // Loading white blurry UI for score/lives function() { // Blue beneath points and lives during gameplay background(0, 0, 0, 0); for (var i = 1; i < 100; i++) { noStroke(); fill(255, 255, 255, ii/800); triangle(0, 100, 0, 100 - ii/100, ii/50, 100); noFill(); stroke(255, 255, 255, 5); strokeWeight(1); beginShape(); curveVertex(20, 10); curveVertex(20, 10); curveVertex(30 + random(-5, 5), 40+ random(-5, 5)); curveVertex(100+ random(-5, 5), 50+ random(-5, 5)); curveVertex(160+ random(-5, 5), 60+ random(-5, 5)); curveVertex(180, 90); curveVertex(180, 90); endShape(); var ang = random(0, 360); strokeWeight(4); point(50 + sin(ang)random(1, 4), 25 + cos(ang)random(1, 4)); point(150 + sin(ang)random(1, 4), 75 + cos(ang)random(1, 4)); } // For the blur beneath the points and lives during game play whiteBlur = get(0, 0, 200, 100); }, // Cityscape Layer 1 function() { // The first cityscape (this is mess - I just used the drag thingies to place them lol) background(0, 0, 0, 0); drawSpireBuilding(340, 141, 500, colScheme[0]); drawBuildingWithFence(252, 335, 100, 500, colScheme[0]); drawBuildingWithFence(33, 373, 50, 500, colScheme[0]); drawApartmentWithBalcony(-66, 134, 116, 500, colScheme[0]); drawApartment(78, 482, 116, 200, colScheme[0]); drawApartment(193, 425, 200, 200, colScheme[0]); drawBuildingWithFence(252, 335, 100, 500, colScheme[0]); drawBuildingWithFence(430, 280, 100, 500, colScheme[0]); drawApartment(465, 425, 200, 200, colScheme[0]); cityscape1 = get(); }, // Cityscape Layer 2 function() { // The second cityscape (this is even more of a mess) pushMatrix(); scale(0.5, 0.5); background(0, 0, 0, 0); drawApartment(-15, 200, 150, 500, colScheme[0]); drawApartmentWithBalcony(125, 115, 115, 600, colScheme[0]); drawApartment(155, 355, 150, 400, colScheme[0]); drawBuildingWithFence(300, 200, 50, 500, colScheme[0]); drawApartment(335, 145, 100, 500, colScheme[0]); drawApartment(425, 300, 200, 400, colScheme[0]); drawSpireBuilding(620, 200, 500, colScheme[0]); drawBuildingWithFence(666, 80, 200, 600, colScheme[0]); drawApartment(800, 230, 200, 600, colScheme[0]); drawBridge(933, 326, 300, 600, colScheme[0]); drawBuildingWithFence(666, 80, 200, 600, colScheme[0]); drawApartment(912, 466, 300, 600, colScheme[0]); popMatrix(); fill(colScheme[0]); rect(0, 300, 600, 300); cityscape2 = get(0, 0, 600, 600); }, ]; //} // Just the glowing particles // { var Illumination = function(x, y, col, size) { this.x = x; this.y = y; this.col = col; this.r = red(col); this.g = green(col); this.b = blue(col); this.size = size; this.animCycle = random(0, 180); }; Illumination.prototype.run = function(tY) { if (lessLag) { for (var i = 0; i < 10; i++) { noStroke(); fill(red(this.col), green(this.col), blue(this.col), sin(this.animCycle)10); ellipse(this.x - this.animCycle, this.y - sin(this.animCycle) * 50 + tY, iithis.size2, iithis.size2); } } else { for (var i = 0; i < 20; i++) { noStroke(); fill(red(this.col), green(this.col), blue(this.col), sin(this.animCycle)5); ellipse(this.x - this.animCycle, this.y - sin(this.animCycle) 50 + tY, iithis.size, iithis.size); } } this.animCycle += 2 - this.size/4; if (this.animCycle >= 180) { this.animCycle = 0; this.x = random(0, width); this.col = colScheme[floor(random(1, 5))]; this.size = random(1, 2); } }; // The logo var mysticLogo = function(x, y, s) { noFill(); stroke(255, 255, 255); strokeWeight(10s); // M line(x-200s, y-50s, x-200s, y+50s); beginShape(); vertex(x-180s, y-50s); vertex(x-160s, y); vertex(x-140s, y-50s); endShape(); line(x-120s, y-50s, x-120s, y+50s); // Y beginShape(); vertex(x-80s, y-50s); vertex(x-60s, y); vertex(x-40s, y-50s); endShape(); line(x-60s, y+30s, x-60s, y+50s); // S beginShape(); vertex(x+30s, y-25s); vertex(x+10s, y-50s); vertex(x-10s, y-25s); vertex(x+30s, y+25s); vertex(x+10s, y+50s); vertex(x-10s, y+25s); endShape(); // T beginShape(); vertex(x+110s, y); vertex(x+90s, y-50s); vertex(x+70s, y); endShape(); line(x+90s, y+10s, x+90s, y+50s); // C beginShape(); vertex(x+190s, y-20s); vertex(x+170s, y-50s); vertex(x+150s, y-20s); endShape(); point(x+150s, y); beginShape(); vertex(x+150s, y+20s); vertex(x+170s, y+50s); vertex(x+190s, y+20s); endShape(); }; //} // Menu Scene //{ var MainScene = function() { // Illumation Particles this.illumsBack = []; this.illumsMid = []; this.illumsFront = []; // Populating the glowing particles arrays for (var i = 0; i < 2; i++) { this.illumsBack.push(new Illumination(random(0, width), 200, colScheme[floor(random(1, 5))], random(1, 2))); this.illumsMid.push(new Illumination(random(0, width), 325, colScheme[floor(random(1, 5))], random(1, 2))); this.illumsFront.push(new Illumination(random(0, width), 600, colScheme[floor(random(1, 5))], random(1, 2))); } // Scroll Button Animation this.rScrollBtnAnim = 0; this.lScrollBtnAnim = 0; // Transition Variables this.transition = false; this.transCount = 0;// The current value of the animtion between 0 and 180 (since it's based on trig) this.transNum = 0; // The adjusted value of the animation from 0 to 1 (for displaying things) this.transSpeed = 200; // How much to divide up the animation length (move one 100th closer to the end at a time) // White Fade In Variables this.whiteFadeAlpha = 255; // Menu X Translation (for going to the help screens) this.menuGoalX = 0; // The x-position it's trying to glide to this.menuX = 0; // The x-position it's actually at this.xLimits = [-width2, width2]; // Buttons for player colors this.pColBtns = []; for (var i = 0; i < pCols.length; i++) { if (pCols[i].col) { this.pColBtns.push({ x: -width/2 + cos(i/pCols.length 360)160, y: height/2 + sin(i/pCols.length 360)160, s: 60, }); } else if (pCols[i].cols) { this.pColBtns.push({ x: -width/2 + cos(i/pCols.length 360)160, y: height/2 + sin(i/pCols.length 360)160, colAnim: (i/pCols.length), colAnimIndex: 0, s: 60, }); } } // Leaderboard Scroll this.leaderboardY = 0; // Directions alpha this.dAlpha = 0; }; MainScene.prototype.display = function() { // Background background(colScheme[0]); // White Fade In (bottom layer) if (this.whiteFadeAlpha > 0) { noStroke(); fill(255, 255, 255, this.whiteFadeAlpha/3); rect(0, 0, width, height); } // Illumination in the back for (var i = 0; i < this.illumsBack.length; i++) { this.illumsBack[i].run(this.transNumheight2/3); } // Background image(cityscape2, -4, -4 + this.transNumheight, 608, 608); // Illumination in the middle for (var i = 0; i < this.illumsMid.length; i++) { this.illumsMid[i].run(this.transNumheight1.5); } // White Fade In (middle) if (this.whiteFadeAlpha > 0) { noStroke(); fill(255, 255, 255, this.whiteFadeAlpha/2); rect(0, 0, width, height); } // Foreground image(cityscape1, -8, -8 + this.transNumheight2, 616, 616); // Illumination in the front for (var i = 0; i < this.illumsFront.length; i++) { this.illumsFront[i].run(this.transNumheight3); } // Rain if (!lessLag) { for (var i = 0; i < 20; i++) { strokeWeight(2); stroke(255, 255, 255, 10); pushMatrix(); translate(random(0, width+100), 0); line(0, 0, -100, height); popMatrix(); } } // White Fade In (top) if (this.whiteFadeAlpha > 0) { noStroke(); fill(255, 255, 255, this.whiteFadeAlpha); rect(0, 0, width, height); } // For menu movement pushMatrix(); translate(this.menuX, 0); // MAIN MENU // Logo mysticLogo(width/2, height/2 + cos(frameCount)10 + this.transNumheight3, 1 + sin(frameCount)/20 + this.transNum3); // Subtitle textFont(mainFont, 20); textAlign(CENTER); fill(255, 255, 255, 80 - this.transCount10); text(" - muse of inspiration - ", width/2, height/2+100 + cos(frameCount)10); textSize(20); text(" - tap to play - ", width/2, 40); // Directions on where to scroll if (this.dAlpha > 0) { fill(255, 255, 255, this.dAlpha - this.transCount10); textSize(16); text("tutorial to the right\ncosmetics/leaderboard to the left", width/2, height - 50); } textSize(40); fill(255, 255, 255, 80 - this.transCount10 - this.dAlpha); text("?", width/2, height - 30); if (mouseY > height-80 && this.dAlpha < 100) { this.dAlpha += 5; } else if (this.dAlpha > 0) { this.dAlpha -= 5; } // LEADERBOARD PAGE pushMatrix(); translate(0, this.leaderboardY); noStroke(); // Top 5 for (var i = 0; i < 5; i++) { fill(255, 255, 255, 100 + (5-i) 20); rect(-width - width/2 - (500 - i30)/2, height/2 - 150 + i80 + sin(frameCount2 + i30)5, 500 - i30, 60); fill(colScheme[0]); if (leaderboard[i][0].length > 30) { textSize(20 - i2); } else { textSize(24 - i2); } text(leaderboard[i][0] + " — " + leaderboard[i][1], -width - width/2, height/2 - 110 + i80 - i + sin(frameCount2 + i30)5); } // All the other scores for (var i = 5; i < leaderboard.length; i++) { fill(255, 255, 255, 100); rect(-width - width/2 - 190, height/2 - 100 + i80 + sin(frameCount2 + (i+1)30)5, 380, 60); fill(colScheme[0]); if (leaderboard[i][0].length > 30) { textSize(10); } else { textSize(16); } text(leaderboard[i][0] + " — " + leaderboard[i][1], -width - width/2, height/2 - 65 + i80 + sin(frameCount2 + (i+1)30)5); } // Text fill(255, 255, 255, 150); textSize(50); text("TOP 5", -width - width/2, 80); textSize(16); text("- move mouse down to scroll -", -width - width/2, height/2 + 270 + sin(frameCount2 + 150)5); text("- see tips and thanks for how to submit your score -", -width - width/2, 110); popMatrix(); //Scrolling if (mouseY > 550 && this.menuGoalX === this.xLimits[1] && this.leaderboardY > -leaderboard.length80 + height/2) { this.leaderboardY -= 5; } if (mouseY < 50 && this.menuGoalX === this.xLimits[1] && this.leaderboardY < 0) { this.leaderboardY += 5; } // ACHIEVEMENTS/COSMETICS PAGE // Buttons for (var i = 0; i < this.pColBtns.length; i++) { // Fill the locked ones noStroke(); if (highScore < pCols[i].minScore) { fill(0, 0, 0, 50); } else // Fill the locked ones if (pCols[i].col) { fill(pCols[i].col); } else // Fill the animated color changing ones if (pCols[i].cols) { // Cycle through colors if it's a moving one fill(lerpColor(pCols[i].cols[this.pColBtns[i].colAnimIndex], pCols[i].cols[this.pColBtns[i].colAnimIndex + 1], this.pColBtns[i].colAnim)); this.pColBtns[i].colAnim += 0.02; if (this.pColBtns[i].colAnim >= 1) { this.pColBtns[i].colAnim = 0; this.pColBtns[i].colAnimIndex++; if (this.pColBtns[i].colAnimIndex >= pCols[i].cols.length - 1) { this.pColBtns[i].colAnimIndex = 0; } } } // Draw the color ellipse(this.pColBtns[i].x, this.pColBtns[i].y, this.pColBtns[i].s, this.pColBtns[i].s); // Draw the unlocked checmark if it is selected if (player.colNum === i) { fill(0, 0, 0, 100); textSize(40); text("✔", -width/2 + cos(i/pCols.length 360)160, height/2 + sin(i/pCols.length 360)160 + 15); } // Grow when hovered over if (dist(mouseX, mouseY, this.pColBtns[i].x + width, this.pColBtns[i].y) < 30) { this.pColBtns[i].s += (70 - this.pColBtns[i].s)/5; // If clicked... if (clicked && highScore >= pCols[i].minScore) { player.colNum = i; } // Shrink when not hovered over } else if (this.pColBtns[i].s > 60) { this.pColBtns[i].s += (60 - this.pColBtns[i].s)/5; } fill(255, 255, 255, (this.pColBtns[i].s - 62)20); textSize(20); text(pCols[i].txt, -width/2, height/2 - 20); text(pCols[i].minScore, -width/2, height/2 + 50); textSize(14); text("minimum high score\nto unlock:", -width/2, height/2 + 10); } fill(255, 255, 255, 120); text("Current High Score:", -width/2, 30); textSize(40); text(highScore, -width/2, 70); // HELP SCREENS PAGE 1 textSize(20); mysticLogo(width+width/2, height/2 - 150, 0.5); fill(255, 255, 255, 80); text("you are", width + width/2, height/2-200); text("the muse of inspiration\n\n\nuse the mouse to move,\nand tap, hold, and release\nto boost forward\n\n\ndelve into humanity's subconscious,\ntouching MINDS to increase your score", width + width/2, height/2 - 90); image(coinImgs[0], width + width/2 - 110, height/2 + 170 + sin(frameCount2)10, 60, 60); image(coinImgs[1], width + width/2 - 40, height/2 + 160 + sin(frameCount2+30)10, 80, 80); image(coinImgs[2], width + width/2 + 50, height/2 + 170 + sin(frameCount2+60)10, 60, 60); // HELP SCREENS PAGE 2 text("avoid DOUBT on your journey\nit will reduce your lives", width2 + width/2 + 80, height/2 - 150); text("search for INTROSPECTION\nto plunge into a minigame\nfor another life", width2 + width/2 - 80, height/2 + 20); text("your lives are displayed\non the bottom right", width2 + width/2, height/2 + 190); image(obstacleImg, width2 + width/2 - 240, height/2 - 220 + sin(frameCount2)10, 120, 120); image(memoryImg, width2 + width/2 + 100, height/2 - 20 + cos(frameCount2)10, 100, 100); pushMatrix(); translate(width3, 0); scale(-1, 1); image(whiteBlur, 0, height - 100, 200, 100); popMatrix(); for (var i = 0; i < 3; i++) { image(memoryImg, width3 - 55 - i40, height - 45 - sin(frameCount5-i30)2, 40, 40); } // For menu movement popMatrix(); // Scroll button (right) noFill(); stroke(255, 255, 255, 80 - this.transCount10 + this.rScrollBtnAnim200); strokeWeight(5); beginShape(); vertex(width - 30 - this.rScrollBtnAnim5, height/2 - 20); vertex(width - 10 - this.rScrollBtnAnim5, height/2); vertex(width - 30 - this.rScrollBtnAnim5, height/2 + 20); endShape(); if (this.rScrollBtnAnim > 0) { noStroke(); for (var i = 0; i < 10; i++) { fill(255, 255, 255, 5); rect(width - i5this.rScrollBtnAnim, 0, i5this.rScrollBtnAnim, height); } } // Animate the right scroll button when the mouse moves near if (mouseX > width - 50 && this.menuGoalX > this.xLimits[0] && this.transCount <= 0) { if (this.rScrollBtnAnim < 1) { this.rScrollBtnAnim += (1 - this.rScrollBtnAnim)/10; } } else { if (this.rScrollBtnAnim > 0) { this.rScrollBtnAnim -= this.rScrollBtnAnim/10; } } // If there is still room to scroll right, the scroll button is clicked, and the menu isn't fading out... if (this.menuGoalX > this.xLimits[0] && mouseX > width - 50 && clicked && this.transCount <= 0) { this.menuGoalX -= width; } // Scroll button (left) noFill(); stroke(255, 255, 255, 80 - this.transCount10 + this.lScrollBtnAnim200); strokeWeight(5); beginShape(); vertex(30 + this.lScrollBtnAnim5, height/2 - 20); vertex(10 + this.lScrollBtnAnim5, height/2); vertex(30 + this.lScrollBtnAnim5, height/2 + 20); endShape(); if (this.lScrollBtnAnim > 0) { noStroke(); for (var i = 0; i < 10; i++) { fill(255, 255, 255, 5); rect(0, 0, i5this.lScrollBtnAnim, height); } } // Animate the left scroll button when the moves moves near if (mouseX < 50 && this.menuGoalX < this.xLimits[1] && this.transCount <= 0) { if (this.lScrollBtnAnim < 1) { this.lScrollBtnAnim += (1 - this.lScrollBtnAnim)/10; } } else { if (this.lScrollBtnAnim > 0) { this.lScrollBtnAnim -= this.lScrollBtnAnim/10; } } // If there is still room to scroll left, the scroll button is clicked, and the menu isn't fading out... if (this.menuGoalX < this.xLimits[1] && mouseX < 50 && clicked && this.transCount <= 0) { this.menuGoalX += width; } // Move the menu x position to the goal menu position this.menuX += (this.menuGoalX - this.menuX)/10; // If the mouse is clicked anywhere other than the scroll buttons on the main menu screen.. if (clicked && mouseX < width - 50 && mouseX > 50 && this.menuGoalX === 0) { // Transition this.transition = true; } // If it's time to transition if (this.transition) { // If the transition isn't complete yet.. if (this.transCount < 180) { // Move it forward this.transCount += 180/this.transSpeed; this.transNum = (-cos(this.transCount)+1); // If it's done... if (this.transCount >= 180) { // Change the scene currentScene = gameScene; gameScene.setUp(); } } } // If it has not faded in yet completely if (this.whiteFadeAlpha > 0) { this.whiteFadeAlpha -= 5; } }; MainScene.prototype.setUp = function() { this.transition = false; this.transCount = 0; this.transNum = 0; this.whiteFadeAlpha = 255; this.leaderboardY = 0; }; mainScene = new MainScene(); mainScene.setUp(); currentScene = mainScene; //} // Level Layouts (strings these together to make an infinite passage of items and enemies with predetermined layouts) // { var levels = [ // c = coin, o = obstacle (top left corner), i = introspex (top left corner), - = nothing (just a marker so I know how much space some things take up) [ " ", " o- cccc o- ", " --cccccc-- ", " ccc ccc ", " cccc cccc ", " ccc o- ccc ", " ccc -- ccc ", " cccc cccc ", " ccc ccc ", " o-cccccco- ", " -- cccc -- ", " ", ], [ " ", " cc ", " cc ccc ", " ccc ", " o- ccc ", " -- ", " o- ", " ccc -- ", " ccc ", " ccc cc ", " cc ", " ", ], [ " ", " cc ", " ccc cc ", " ccc ", " ccc o- ", " -- ", " o- ", " -- ccc ", " ccc ", " cc ccc ", " cc ", " ", ], [ " ", " c c ", " ccccccc ", " cc c c cc ", " c c c c ", " cc c c ", " ccccccc ", " c c cc ", " c c c c ", " cc c c cc ", " ccccccc ", " c c ", ], [ " ", " o- cc ", " -- cc ", " ", " cc o- ", " cc -- ", " cc", " o- cc", " -- ", " o- ", "o- -- ", "-- ", ], [ " ", " o- ", " -- ", " o- ", " -- ", " cc ", " cc ", " o- ", " -- ", " ", " o-", " --", ], [ " ", " ", " cc cc ", " cc cc ", " ", " ", " c c ", " c c ", " c c ", " cccccc ", " ", " ", ], [ " ", " ", " ", " c c c c ", " cc cc ", " ", " ", " cccccc ", " c c ", " ", " ", " ", ], [ " ", " o- o- ", " -- -- ", " ", " o- ", " -- ", " ", " o- o- ", " -- -- ", " ", "o- o-", "-- --", ], [ " ", " ccc ccc ", " c cc c ", "c c", "c o- c", " c -- c ", " c c ", " c c ", " c c ", " cc ", " ", " ", ], [ " ", " ccc ccc ", " c cc c ", "c c", "c cc c", " c cccc c ", " c cc c ", " c c ", " c c ", " cc ", " ", " ", ], [ " ", " cc ", " c ", " c ", " c ", " c ", " c ", " cc ", " ccc ", " c ", " c ", " c ", ], [ " ", " cc ", " c ", " c ", " c ", " c ", " c ", " cc ", " ccc ", " c ", " c ", " c ", ], [ " ", "o- cc", "-- cc", " c c ", " c c ", " c c ", " c c ", " c c ", " c ", " c ", " c ", " c ", ], [ " ", "cc o-", "cc --", " c c ", " c c ", " c c ", " c c ", " c c ", " c ", " c ", " c ", " c ", ], [ " ", " o- ", " -- ", " o- ", " -- ", " o- ", " -- ", " o- ", " -- ", " ", " o- ", " -- ", ], [ " ", " o- ", " -- ", " o- ", " -- ", " o- ", " -- ", " o- ", " -- ", " ", " o- ", " -- ", ], [ " ", " ", " o- o- ", " -- -- ", " o- o- ", " -- -- ", " o- o- ", " -- -- ", " o- o- ", " -- -- ", "o- o-", "-- --", ], [ " ", " ", " -o -o ", " -- -- ", " -o -o ", " -- -- ", " -o -o ", " -- -- ", " -o -o ", " -- -- ", "-o -o", "-- --", ], [ " ", " ", " ", " c c c ", " c c c c ", " ccc c ", " c c c ", " c c c c ", " ", " ", " ", " ", ], [ " ", " ", " ", " c c ccc ", " c c c c ", " c c c c ", " ccc ccccc ", " c c c c ", " c c c c ", " ", " ", " ", ], [ " ", " cccccc ", " cc cc ", " cc cc ", " cc ", " cc ", " cccc ", " cc ", " cc ", " ", " cc ", " cc ", ], / [ " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ],/ ]; var lifeLevels = [ // c = coin, o = obstacle (top left corner), i = introspex (top left corner), - = nothing (just a marker so I know how much space some things take up) [ " ", " o- cccc o- ", " --cccccc-- ", " ccc ccc ", " cccc cccc ", " ccc i- ccc ", " ccc -- ccc ", " cccc cccc ", " ccc ccc ", " o-cccccco- ", " -- cccc -- ", " ", ], [ " ", " cc cc ", " cc cc ", " ", " ", " i- ", " -- ", " ", " ", " cc cc ", " cc cc ", " ", ], [ " ", " i- cc ", " -- cc ", " ", " ", " cc ", " cc ", " ", " ", " cc cc ", " cc cc ", " ", ], [ " ", " cc i- ", " cc -- ", " ", " ", " cc ", " cc ", " ", " ", " cc cc ", " cc cc ", " ", ], [ " ", " cc cc ", " cc cc ", " ", " ", " cc ", " cc ", " ", " ", " cc i- ", " cc -- ", " ", ], [ " ", " cc cc ", " cc cc ", " ", " ", " cc ", " cc ", " ", " ", " i- cc ", " -- cc ", " ", ] ]; //} // Game // { // Particles (used for a lot of stuff, like coin pickups, etc.) var part = function(x, y, r, img) { // Characteristics of this particle this.radius = random(r-r/4, r); this.x = x + random(-this.radius/2, this.radius/2); this.y = y + random(-this.radius/2, this.radius/2); this.xVel = random(-2, 2); this.yVel = random(-2, 2); this.decaySpeed = this.radius/40; this.img = img; }; part.prototype.run = function() { // Display //noStroke(); //fill(this.col); //ellipse(this.x, this.y, this.radius, this.radius); image(this.img, this.x - this.radius, this.y - this.radius, this.radius2, this.radius2); // Update this.x += this.xVel; this.y += this.yVel + gameScene.scrollSpeed; this.radius -= this.decaySpeed; }; var Player = function() { // Position/Radius this.radius = 50; this.x = 0; this.y = height - this.radius2; // Velocity this.xVel = 0; this.yVel = 0; // Squash Animation this.animSpeed = 5; this.squash = 0; this.squashMax = 10; // Particles this.particles = []; this.pTimer = 10; // Frames between creating each particle // Rotated Angle (updated each frame) this.ang = 0; // Player color this.colNum = 0; // For color cycling animation this.colAnim = 0; this.colAnimIndex = 0; this.colAnimSpeed = 0.02; }; Player.prototype.run = function() { // Update the player's angle this.ang = ((mouseX - width/2) - this.x)/5; // Display the outline of the player and its particles noStroke(); pushMatrix(); // Transformations translate(this.x, this.y); rotate(this.ang); // The circle outline if (pCols[this.colNum].col) { // Shade of player color if it's a static color fill(lerpColor(pCols[this.colNum].col, colScheme[0], 0.3)); } else if (pCols[this.colNum].cols) { // Cycle through shades of the colors if it's a moving one fill( lerpColor( lerpColor(pCols[this.colNum].cols[this.colAnimIndex], pCols[this.colNum].cols[this.colAnimIndex + 1], this.colAnim), colScheme[0], 0.3 ) ); } ellipse(0, 0, this.radius + this.squash + this.yVel, this.radius - this.squash + this.yVel); popMatrix(); // Particle outlines for (var i = this.particles.length - 1; i >= 0; i--) { ellipse(this.particles[i].x, this.particles[i].y, this.particles[i].size, this.particles[i].size); } // Display the inside of the player and its particles noStroke(); pushMatrix(); // Transformations translate(this.x, this.y); rotate(this.ang); // The circle if (pCols[this.colNum].col) { // Player color if it's a static color fill(pCols[this.colNum].col); } else if (pCols[this.colNum].cols) { // Cycle through colors if it's a moving one fill(lerpColor(pCols[this.colNum].cols[this.colAnimIndex], pCols[this.colNum].cols[this.colAnimIndex + 1], this.colAnim)); this.colAnim += this.colAnimSpeed; if (this.colAnim >= 1) { this.colAnim = 0; this.colAnimIndex++; if (this.colAnimIndex >= pCols[this.colNum].cols.length - 1) { this.colAnimIndex = 0; } } } ellipse(0, 0, this.radius-10 + this.squash, this.radius-10 - this.squash); popMatrix(); // Particles //fill(255); for (var i = this.particles.length - 1; i >= 0; i--) { if (this.particles[i].size > 10) { ellipse(this.particles[i].x, this.particles[i].y, this.particles[i].size-10, this.particles[i].size-10); } // update this particle this.particles[i].x += this.particles[i].xVel; this.particles[i].y += this.particles[i].yVel + this.yVel; this.particles[i].size--; // if this particle is gone... if (this.particles[i].size <= 0) { this.particles.splice(i, 1); } } // The directional arrow when launching pushMatrix(); translate(this.x, this.y); rotate(this.ang); fill(255, 255, 255, this.squash5); triangle(0, -this.radius/2 - 30 - this.squash2, -this.radius/2, -this.radius/2-10 - this.squash2, this.radius/2, -this.radius/2-10 - this.squash2); popMatrix(); // Update if (!mouseIsPressed) { this.xVel = ((mouseX - width/2) - this.x)/20; this.x += this.xVel; } if (this.yVel > 0) { this.yVel -= 0.5; } if (mouseIsPressed && this.squash < this.squashMax) { this.squash += (this.squashMax - this.squash)/this.animSpeed; } else if (this.squash > 0) { if (this.squash > this.squashMax - 1) { this.yVel = 15; } this.squash -= this.squash/this.animSpeed; } // Particles if (!mouseIsPressed && frameCount%this.pTimer === 0 \|\| mouseIsPressed && frameCount%(this.pTimer2) === 0 \|\| this.yVel > 0) { this.particles.push({ x: this.x, y: this.y, xVel: sin(-this.ang)2 + random(), yVel: cos(-this.ang)2 + random(), size: random(this.radius/1.2-10, this.radius/1.2), }); } }; player = new Player(); var GameScene = function() { // Starry edge particles this.stars = []; this.starDelay = 2; this.starPadding = 100; // How many pixels out from each side of the screen the stars can come // Illumation Particles this.illumsBack = []; this.illumsMid = []; this.illumsFront = []; // Populating the glowing particles arrays for (var i = 0; i < 2; i++) { this.illumsBack.push(new Illumination(random(0, width), 200, colScheme[floor(random(1, 5))], random(1, 2))); this.illumsMid.push(new Illumination(random(0, width), 325, colScheme[floor(random(1, 5))], random(1, 2))); this.illumsFront.push(new Illumination(random(0, width), 600, colScheme[floor(random(1, 5))], random(1, 2))); } // Collectables this.collectables = []; this.coinSize = 50; this.obsSize = 150; // Particles from collectables this.p = []; // Scroll Speed this.startSpeed = 5; this.goalSpeed = this.startSpeed; // Will slowly increment over time this.scrollSpeed = this.startSpeed; // The current scrolling speed - can be manipulated by whether the player is launching or getting ready to launch // Score and Lives this.score = 0; this.lives = 3; this.distanceCheck = 0; // Just a coordinate that moves according to the scroll speed in order to figure out when to string together a new level to the last leve to make it seem like it's endlessly scrolling // Camera Zooming this.camZoom = 1; this.camMaxZoom = 1.3; this.camIntroTY = 200; // How high to start the camera from (it will move down and show the player (cam introduction translation y-axis - camIntroTY) this.camRumble = 0; // How much to rumble the camera // Coin Score Animation this.coinScoreAnim = 0; // Which layout to generate for each part of the infinite level this.layout = []; // Levels until lives are available this.lvlsUntilLife = 10; // Every ten levels lives are available this.lvlCounter = 0; // How many levels it's been }; GameScene.prototype.display = function() { // Background background(colScheme[0]); // Illumination in the back for (var i = 0; i < this.illumsBack.length; i++) { this.illumsBack[i].run(0); } // Back cloud if (this.camIntroTY > 0) { pushMatrix(); translate(0, this.camIntroTY/3); } noStroke(); fill(colScheme[0]); beginShape(); vertex(600, 150); bezierVertex(550, 100, 450, 100, 400, 200); bezierVertex(380, 200, 320, 200, 300, 250); bezierVertex(210, 250, 210, 270, 100, 300); vertex(100, 600); vertex(600, 600); endShape(); if (this.camIntroTY > 0) { popMatrix(); } // Illumination in the middle for (var i = 0; i < this.illumsMid.length; i++) { this.illumsMid[i].run(0); } // Front cloud if (this.camIntroTY > 0) { pushMatrix(); translate(0, this.camIntroTY/2); } fill(colScheme[0]); beginShape(); vertex(0, 200); bezierVertex(100, 100, 200, 200, 200, 300); bezierVertex(300, 250, 400, 350, 400, 400); bezierVertex(450, 400, 500, 400, 500, 500); bezierVertex(530, 500, 580, 500, 600, 550); vertex(600, 600); vertex(0, 600); endShape(); if (this.camIntroTY > 0) { popMatrix(); } // Illumination in the front for (var i = 0; i < this.illumsFront.length; i++) { this.illumsFront[i].run(0); } // Make the clouds fade in if (this.camIntroTY > 0) { fill(red(colScheme[0]), green(colScheme[0]), blue(colScheme[0]), this.camIntroTY2); rect(0, 0, width, height); } // Camera translation and zoom pushMatrix(); if (this.camRumble > 0) { // If there's rumble... // Shake the camera translate(width/2 - player.x/10 + random(-this.camRumble, this.camRumble), -(this.camZoom-1)player.radius10 + this.camIntroTY + random(-this.camRumble, this.camRumble)); // Gradually reduce the amount of shake this.camRumble -= 0.5; if (this.camRumble <= 0) { // Make sure it ends at 0 shakiness this.camRumble = 0; } // otherwise... } else { // Display the scene normally without camera shake translate(width/2 - player.x/10, -(this.camZoom-1)player.radius10 + this.camIntroTY); } scale(this.camZoom); // Move down the camera at the beginning to reveal the player if (this.camIntroTY > 0) { this.camIntroTY -= this.camIntroTY/10; } // If the mouse is pressed... if (mouseIsPressed) { // Zoom in this.camZoom += (this.camMaxZoom - this.camZoom)/10; // And decrease the scroll speed if (this.scrollSpeed !== this.goalSpeed3/5) { this.scrollSpeed = this.goalSpeed3/5; } // If the mouse isn't pressed... } else { // Zoom out this.camZoom += (1 - this.camZoom)/10; // If the player has a y-velocity from launching... if (player.yVel > 0) { // Add it to the goal speed to calculate the current increased scrolling speed this.scrollSpeed = this.goalSpeed + player.yVel; // Otherwise, if the scroll speed is not yet returned to normal... } else if (this.scrollSpeed !== this.goalSpeed) { // Return it to normal this.scrollSpeed = this.goalSpeed; } } // Particles from collectables for (var i = this.p.length - 1; i >= 0; i--) { this.p[i].run(); if (this.p[i].radius <= 0) { this.p.splice(i, 1); } } // Collectables (coins, obstacles, introspex) for (var i = this.collectables.length - 1; i >= 0; i--) { // Display it if (this.collectables[i].t === "coin") { // Coins have the flipping animation image( this.collectables[i].img, this.collectables[i].x - (this.collectables[i].s * sin(this.collectables[i].spinAnim))/2, this.collectables[i].y - this.collectables[i].s/2, this.collectables[i].s * sin(this.collectables[i].spinAnim), this.collectables[i].s ); // Update flipping this.collectables[i].spinAnim += 5; } else { // Everything else rotates pushMatrix(); translate(this.collectables[i].x, this.collectables[i].y); rotate(this.collectables[i].spinAnim); image( this.collectables[i].img, -this.collectables[i].s/2, -this.collectables[i].s/2, this.collectables[i].s, this.collectables[i].s ); popMatrix(); // Update rotation this.collectables[i].spinAnim += this.collectables[i].s/100; } this.collectables[i].y += this.scrollSpeed; // If it's coin flying away to the corner... if (this.collectables[i].flyAway) { // GO to the bottom left corner this.collectables[i].x += (-width/2-100 - this.collectables[i].x)/20; this.collectables[i].y += (height-100 - this.collectables[i].y)/20; } // If the player touches it... if (dist(this.collectables[i].x, this.collectables[i].y, player.x, player.y) <= player.radius + this.collectables[i].s/4) { // If it's a coin... if (this.collectables[i].t === "coin" && !this.collectables[i].flyAway) { // Start flying to the corner this.collectables[i].flyAway = true; // Increase score this.score++; //Make some particles this.createParticles(this.collectables[i].x, this.collectables[i].y, 5, this.coinSize/2, this.collectables[i].img); // Play the coin score animation in the corner this.coinScoreAnim = 1; // If it's an obstacle and the screen is not shaking from the last hit... } else if (this.collectables[i].t === "obstacle") { // If there are still lives left if (this.lives > 0) { //Make some particles this.createParticles(this.collectables[i].x, this.collectables[i].y, 5, this.obsSize/2, this.collectables[i].img); // Make the screen shake this.camRumble = 20; // Get rid of a life this.lives--; // Get rid of this obstacle this.collectables[i].x = width2; // Place it offscreen, then it will spliced when it reaches the bottom of the screen; // Otherwise... } else { // Lose loseScene.setUp(); currentScene = loseScene; } // If it's a memory / instrospex } else if (this.collectables[i].t === "introspex") { // Change the scene memoryScene.setUp(); currentScene = memoryScene; } } // If it goes off the screen, get rid of it if (this.collectables[i].y > height + this.collectables[i].s/2) { this.collectables.splice(i, 1); } } // Player player.run(); // Clouds along the edges for (var i = this.stars.length - 1; i >= 0; i--) { stroke(255, 255, 255, 10); for (var j = 1; j < this.stars[i].vel3; j++) { strokeWeight(jj); point(this.stars[i].x, this.stars[i].y); } this.stars[i].y += this.stars[i].velthis.scrollSpeed; if (this.stars[i].y >= height+this.stars[i].vel) { this.stars.splice(i, 1); } } popMatrix(); // Rain for (var i = 0; i < 20; i++) { strokeWeight(2); stroke(255, 255, 255, 10); pushMatrix(); translate(random(0, width+100), 0); line(0, 0, -100, height); popMatrix(); } // Lives and Score image(whiteBlur, 0, height - 100 + this.camIntroTY, 200, 100); pushMatrix(); translate(width, 0); scale(-1, 1); image(whiteBlur, 0, height - 100 + this.camIntroTY, 200, 100); popMatrix(); fill(lerpColor(colScheme[0], color(255, 255, 255), this.coinScoreAnim)); textAlign(LEFT); textSize(16); text("Score:", 15, height - 30 + this.camIntroTY - this.coinScoreAnim5); textSize(20); text(this.score, 15, height - 10 + this.camIntroTY - this.coinScoreAnim5); if (this.coinScoreAnim > 0) { this.coinScoreAnim -= 0.1; if (this.coinScoreAnim < 0) { this.coinScoreAnim = 0; } } fill(colScheme[0]); textAlign(RIGHT); textSize(16); //text("Lives:", width - 15, height - 35 + this.camIntroTY); for (var i = 0; i < this.lives; i++) { image(memoryImg, width - 55 - i40, height - 45 - sin(frameCount5-i30)2 + this.camIntroTY, 40, 40); } // Every few frames if (frameCount % this.starDelay === 0 && !lessLag) { // Make two slow stars... this.stars.push({ x: -width/2 + random(0, this.starPadding) - 40, y: -height, vel: random(0.5, 2), }); this.stars.push({ x: width/2 - random(0, this.starPadding) + 40, y: -height, vel: random(0.5, 2), }); // ...and two fast stars (closer to the edge) this.stars.push({ x: -width/2 + random(0, this.starPadding/2) - 40, y: -height, vel: random(2, 4), }); this.stars.push({ x: width/2 - random(0, this.starPadding/2) + 40, y: -height, vel: random(2, 4), }); } // Increase the distance checker this.distanceCheck += this.scrollSpeed; // Every time an entire screen's worth of obstacles passes through (using the distance check) if (this.distanceCheck > height) { // Reset the distance check this.distanceCheck = 0; // Increase the level counter this.lvlCounter++; // If it's been the right amount of levels generated to give a life to the player... if (this.lvlCounter >= this.lvlsUntilLife) { // Reset the lvl counter this.lvlCounter = 0; // If the player is low on lives... if (this.lives < 3) { // Pick a life layout to generate this.layout = lifeLevels[floor(random(0, lifeLevels.length))]; } else { // Pick a random level layout to generate this.layout = levels[floor(random(0, levels.length))]; } } else { // Pick a random level layout to generate this.layout = levels[floor(random(0, levels.length))]; } // Loop through it for (var i = 0; i < this.layout.length; i++) { for (var j = 0; j < this.layout[i].length; j++) { // If it's c, make a coin if (this.layout[i].charAt(j) === "c") { this.collectables.push({ img: coinImgs[floor(random(0, coinImgs.length))], x: -width/2 + jthis.coinSize + this.coinSize/2, y: -height2 + ithis.coinSize + this.coinSize/2, s: random(this.coinSize-this.coinSize/2, this.coinSize), t: "coin", spinAnim: i15, flyAway: false, }); } // If it's o, make an obstacle if (this.layout[i].charAt(j) === "o") { this.collectables.push({ img: obstacleImg, x: -width/2 + jthis.coinSize + this.coinSize, y: -height2 + ithis.coinSize + this.coinSize, s: random(this.obsSize-this.obsSize/4, this.obsSize), t: "obstacle", spinAnim: 90, }); } // If it's i, make an introspex (life) if (this.layout[i].charAt(j) === "i") { this.collectables.push({ img: memoryImg, x: -width/2 + jthis.coinSize + this.coinSize, y: -height2 + ithis.coinSize + this.coinSize, s: random(this.obsSize-this.obsSize/4, this.obsSize), t: "introspex", spinAnim: 90, }); } } } } // Increase the scrolling speed every few seconds if (frameCount%2000 === 0) { this.goalSpeed++; this.scrollSpeed = this.goalSpeed; } }; GameScene.prototype.setUp = function() { // Reset variables this.stars = []; this.collectables = []; this.scrollSpeed = this.startSpeed; this.goalSpeed = this.startSpeed; this.score = 0; this.lives = 3; this.p = []; this.camIntroTY = 200; this.distanceCheck = 0; this.lvlCounter = 0; this.scrollSpeed = this.startSpeed; memoryScene.tapNum = memoryScene.tapStartNum; }; GameScene.prototype.returnTo = function() { // Reset SOME of the variables (ex. keep the score, the lives, the scroll speed) this.stars = []; this.collectables = []; this.p = []; this.camIntroTY = 200; }; GameScene.prototype.createParticles = function(x, y, num, r, col) { for (var i = 0; i < num; i++) { this.p.push(new part(x, y, r, col)); } }; gameScene = new GameScene(); //} // Introspection Scene //{ var MemoryScene = function() { // Transition size for the ellipses coming from the sides this.tSize = 0; // Glowing size of the particle this.glowSize = 0; // Tap Order this.tapStartNum = 3; // How many taps the player has to remember to get a life (at first) this.tapNum = this.tapStartNum; // This will slowly increase as the player gets more lives this.taps = []; // So each tap is the number of the quadrant it's in (1 is top right quarter of the screen, 2 is top left, 3 is bottom left, 4 is bottom right) this.playerTapNum = 0; // Particle animations for each tap this.tapP = []; this.tapMaxSize = 200; this.tapAnimNum = 0; // Which tap it's doing for the intro animation this.framesUntilTaps = 100; // How many frames until the tap animation plays this.frameCounter = this.framesUntilTaps; // Text this.textToDisplay = "watch for the pulses..."; this.textArray = []; }; MemoryScene.prototype.display = function() { // Transition for memories if (this.tSize < width1.5) { noFill(); stroke(255); strokeWeight(this.tSize+20); ellipse(width/2, height/2, width1.5, height1.5); stroke(0, 34, 64); strokeWeight(this.tSize); ellipse(width/2, height/2, width1.5, height1.5); } else if (this.tSize >= width1.5) { // Main Scene background(0, 34, 64); // Glow for (var i = 1; i < 20; i++) { stroke(255, 255, 255, 10); strokeWeight(iithis.glowSize); point(width/2, height/2); } // Cross Fade stroke(255, 255, 255, 5); strokeWeight(20 +sin(frameCount4)5); line(0, height/2, width, height/2); strokeWeight(20 +sin(frameCount4-60)5); line(width/2, 0, width/2, height); // Flashing Point stroke(255); strokeWeight(random(2, 5)); point(width/2, height/2); // Text fill(255, 255, 255, 50); textAlign(CENTER); textFont(mainFont, 20); text(this.textArray.join(""), width/2, height/2-40); // Text animation stuff if (this.textArray.length < this.textToDisplay.length && frameCount%3 === 0) { this.textArray.push(this.textToDisplay.charAt(this.textArray.length)); } // Tap Particles for (var i = this.tapP.length - 1; i >= 0; i--) { // Display noStroke(); fill(255, 255, 255, (this.tapMaxSize - this.tapP[i].s)/2); ellipse(this.tapP[i].x, this.tapP[i].y, this.tapP[i].s, this.tapP[i].s); // Decrease size this.tapP[i].s += (this.tapMaxSize - this.tapP[i].s)/20; // Get rid of it when it's done if (this.tapP[i] >= this.tapMaxSize - 1) { this.tapP.splice(i, 1); } } // If it's not done counting down until the tap animation should play... if (this.frameCounter > 0) { // Count down this.frameCounter--; //println("countin'"); // If it's done counting down... // Every 25 frames, create a tap particle for the animation if the tap particles have not already all been animated yet } else if (frameCount % 40 === 0 && this.tapAnimNum < this.taps.length) { // Tap for Q1 if (this.taps[this.tapAnimNum] === 1) { this.createTapParticle( width/2 + width/4 + random(-50, 50), height/2 - height/4 +random(-50, 50) ); //println("Q1"); } // Tap for Q2 if (this.taps[this.tapAnimNum] === 2) { this.createTapParticle( width/2 - width/4 + random(-50, 50), height/2 - height/4 +random(-50, 50) ); //println("Q2"); } // Tap for Q3 if (this.taps[this.tapAnimNum] === 3) { this.createTapParticle( width/2 - width/4 + random(-50, 50), height/2 + height/4 +random(-50, 50) ); //println("Q3"); } // Tap for Q4 if (this.taps[this.tapAnimNum] === 4) { this.createTapParticle( width/2 + width/4 + random(-50, 50), height/2 + height/4 +random(-50, 50) ); //println("Q4"); } // Create the next tap this.tapAnimNum++; // if it's the last one... if (this.tapAnimNum >= this.taps.length) { // Change the screen text this.textArray = []; this.textToDisplay = "tap and repeat the pulses..."; } // Otherwise... } else if (this.tapAnimNum >= this.taps.length) { // If the player clicks... if (clicked) { // Place a particle there this.createTapParticle(mouseX, mouseY); if (mouseY <= height/2) { if (mouseX <= width/2) { // If the player tapped in Q2 and the current tap is Q2 if (this.taps[this.playerTapNum] === 2) { this.playerTapNum++; // Do the next tap } else { transScene.setUp("Failed..."); currentScene = transScene; } } else { // If the player tapped in Q1 and the current tap is Q1 if (this.taps[this.playerTapNum] === 1) { this.playerTapNum++; // Do the next tap } else { transScene.setUp("Failed..."); currentScene = transScene; } } } else { if (mouseX <= width/2) { // If the player tapped in Q3 and the current tap is Q1 if (this.taps[this.playerTapNum] === 3) { this.playerTapNum++; // Do the next tap } else { transScene.setUp("Failed..."); currentScene = transScene; } } else { // If the player tapped in Q4 and the current tap is Q4 if (this.taps[this.playerTapNum] === 4) { this.playerTapNum++; // Do the next tap } else { transScene.setUp("Failed..."); currentScene = transScene; } } } // If the player actually got through all the taps correctly if (this.playerTapNum >= this.taps.length) { // If the player does not have full lives... if (gameScene.lives < 3) { // Give 'em a life gameScene.lives++; transScene.setUp("You were bestowed\n1 life..."); } else { // Otherwise, give 'em some points gameScene.score += 100; transScene.setUp("Your score increased\nby 100..."); } this.tapNum++; // Increase the amount of taps needed to be remembered for the next life currentScene = transScene; } } } } // Transition Size stuff if (this.tSize < width1.5 - 5) { this.tSize += (width1.5-this.tSize)/10; if (this.tSize >= width1.5 - 5) { this.tSize = width1.5; } } else if (this.glowSize < 1) { this.glowSize += (1-this.glowSize)/10; if (this.glowSize >= 0.99) { this.glowSize = 1; } } }; MemoryScene.prototype.createTapParticle = function(x, y) { this.tapP.push({ x: x, y: y, s: 50, }); this.tapP.push({ x: x, y: y, s: 0, }); }; MemoryScene.prototype.setUp = function() { // Reset transition variables this.tSize = 0; this.glowSize = 0; this.textToDisplay = "watch for the pulses..."; this.textArray = []; this.frameCounter = this.framesUntilTaps; this.tapAnimNum = 0; this.playerTapNum = 0; this.tapP = []; this.taps = []; // Taps for (var i = 0; i < this.tapNum; i++) { this.taps.push(round(random(1, 4))); } }; memoryScene = new MemoryScene(); //} // Transition Scene (for introspection to game) // { var TransScene = function() { this.opacity = 0; this.intro = true; this.txt = "placeholder"; }; TransScene.prototype.display = function() { // Transition stuff if (this.intro && this.opacity < 400) { this.opacity += 5; if (this.opacity >= 400) { this.intro = false; gameScene.returnTo(); } } else { gameScene.display(); this.opacity -= 5; if (this.opacity <= 0) { currentScene = gameScene; } } // White overlay noStroke(); fill(255, 255, 255, this.opacity); rect(0, 0, width, height); // Text fill(150, 150, 150, this.opacity - 100); textAlign(CENTER); textFont(mainFont, 40); text(this.txt, width/2, height/2); }; TransScene.prototype.setUp = function(txt) { this.txt = txt; this.intro = true; this.opacity = 0; }; transScene = new TransScene(); //} // Lose Scene // { var LoseScene = function() { // Transition size for the ellipses coming from the sides this.tSize = 0; // Glowing size of the particle this.glowSize = 0; // Fade out light / fade in "you died" this.fadeAlpha = 0; // Score fade in this.scoreTxtAlpha = 0; // Return to menu fade in this.returnTxtAlpha = 0; // White fade out this.whiteFadeAlpha = 0; this.whiteFadeOut = false; }; LoseScene.prototype.display = function() { // Transition for memories if (this.tSize < width1.5) { noFill(); stroke(255); strokeWeight(this.tSize+20); ellipse(width/2, height/2, width1.5, height1.5); stroke(50, 0, 20); strokeWeight(this.tSize); ellipse(width/2, height/2, width1.5, height1.5); } else if (this.tSize >= width1.5) { // Main Scene background(50, 0, 20); // If the glow is not dead yet... if (this.fadeAlpha < 255) { // Glow for (var i = 1; i < 20; i++) { stroke(255, 255, 255, 10); strokeWeight(iithis.glowSize); point(width/2, height/2); } // Cross Fade stroke(255, 255, 255, 5); strokeWeight(20 +sin(frameCount4)5); line(0, height/2, width, height/2); strokeWeight(20 +sin(frameCount4-60)5); line(width/2, 0, width/2, height); // Flashing Point stroke(255); strokeWeight(random(2, 5)); point(width/2, height/2); // Dark fade in noStroke(); fill(50, 0, 20, this.fadeAlpha); rect(0, 0, width, height); } // You died text fill(255, 255, 255, this.fadeAlpha - 180); textFont(mainFont, 40); textAlign(CENTER); text("y o u d i e d", width/2, height/2 + sin(frameCount2)5); // Fading in the dark overlay which covers up the muse's light (and brings in the "you died text" simultaneously) this.fadeAlpha += (255 - this.fadeAlpha)/50; // More text and score fill(255, 255, 255, this.scoreTxtAlpha); text(gameScene.score, width/2, height/2 + 130 - this.scoreTxtAlpha/2 + sin((frameCount-30)2)5); textSize(20); text("s c o r e:", width/2, height/2 + 90 - this.scoreTxtAlpha/2 + sin((frameCount-30)2)5); text("Succumbing to doubt,\nanother muse was lost...", width/2, height/2 + 170 - this.scoreTxtAlpha/2 + sin((frameCount-15)2)5); // If the "you died" text is almost entirely in and the score text is not faded in yet... if (this.fadeAlpha >= 220) { // Fade it in this.scoreTxtAlpha += (70 - this.scoreTxtAlpha)/40; } // Return to menu text fill(255, 255, 255, this.returnTxtAlpha); text("- tap to return to menu -", width/2, height/2 - 120 + (this.returnTxtAlpha/2) + sin((frameCount+15)2)5); // Fade in the return to menu text after the score text if (this.scoreTxtAlpha > 67) { this.returnTxtAlpha += (70 - this.returnTxtAlpha)/20; } // If the screen is clicked after the score text has appeared if (clicked && this.scoreTxtAlpha > 40) { // Start fading out this.whiteFadeOut = true; } // White fade out if (this.whiteFadeAlpha <= 255 && this.whiteFadeOut) { noStroke(); fill(255, 255, 255, this.whiteFadeAlpha); rect(0, 0, width, height); this.whiteFadeAlpha += 15; if (this.whiteFadeAlpha >= 255) { mainScene.setUp(); currentScene = mainScene; // Set the high score if the player beat it if (gameScene.score > highScore) { highScore = gameScene.score; } } } } // Transition Size stuff if (this.tSize < width1.5 - 5) { this.tSize += (width1.5-this.tSize)/10; if (this.tSize >= width1.5 - 5) { this.tSize = width1.5; } } else if (this.glowSize < 1) { this.glowSize += (1-this.glowSize)/10; if (this.glowSize >= 0.99) { this.glowSize = 1; } } }; LoseScene.prototype.setUp = function() { this.tSize = 0; this.glowSize = 0; this.fadeAlpha = 0; this.scoreTxtAlpha = 0; this.whiteFadeAlpha = 0; this.whiteFadeOut = false; }; loseScene = new LoseScene(); //currentScene = loseScene; // } // The draw function draw = function() { // Load in graphics if (loadNum < loadGraphics.length) { loadGraphics[loadNum](); loadNum++; background(255); /fill(0, 20); textAlign(CENTER); textFont(mainFont, 30); text("- l o a d i n g -", width/2, height/2);/ // Otherwise, play the game } else { currentScene.display(); } // Handles clicking if (clicked) { clicked = false; } }; // Click Event Handling mouseClicked = function() { clicked = true; };
Folds	100,102,106,218,222,477,480,608,611,718,721,815,818,1246,1249,1662,1665,2362,2365,2633,2636,2677,2680,2842,2845,2871,2874,2876
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIOCqbjeCgw
Votes	173
Spin-Offs	0
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Someone
Author Name	imjustprogrammingiguess
Author ID	kaid_893074355850138340245999
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739452930804
Updated	8 months ago, 1745306351109
Source Deleted	unknown