Viewing Program

Program Data

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

Title	V O R T E X (ft. Element11)
ID	5294122628628480
Created	5 years ago, 1598471138559
Updated	3 years ago, 1649794206332
Code	// V O R T E X - Element11 x Green Ghost // Started 4/22/2020 // Finished 5/4/2020 // Released 5/4/2020 // NOTE: This code was swapped with the code for the re-release of Chromatic Quadrilaterals, so the comments and spin-offs don't match up with the game. /* OUR PROFILES ELEMENT11: https://www.khanacademy.org/profile/element11/projects GREEN GHOST: https://www.khanacademy.org/profile/GreenGhost1/projects / /* * HELP * - Click to jump - You have three clicks (you can air jump), hit the center to reset your jumps - You only get points if you're not jumping (bounces don't count) - Avoid saws and skulls - Collect coins and gems to buy new skins - The dark purple items with a plus (+) on them (NOT saws) reset your jumps, even if you're in mid jump - Items with a question mark (?) mix up all the items on the screen - Items with two arrows on them switch your direction */ // Variables // { var PlayerX = 100; var PlayerY = 100; var trailX = [-10, -10, -10, -10, -10]; var trailY = [-10, -10, -10, -10, -10]; var CenterRadius = 50; var initSpeed = 0; var startHeight = 0; var startJump; var time; var playerSpeed = 0; var playerDir = 1; var rotateAngle = 0; var jumps = 0; var jumpLimit = 3; var itemX = []; var itemY = []; var items = []; var itemTime = 120; var gameStartTime = 120; var points = 0; var highScore = 0; var changer; var pointTime = 10; var player, Player, Item, Button, buttons; var play, menu, shop, about, over, logo; var stage; var logoTrans = 0; // Main header var speeed = 1.5; // Speed of the player var playerCoins = 0; var playerHealth = 3; var click, overButton; var totRot = 0; var keys = []; // For thumbnail // Logo stuff var transparency = 0; var bgT = 255; var phase = 0; var logoTime = 0; // } // Set font textFont(createFont("monospace")); // Make it run at the correct fps var deltaTime = 0, prevTime = millis(), accumulator = 0; var run = function(action, fps) { // Calculate how many milliseconds have ellapsed since the last frame. deltaTime = millis() - prevTime; prevTime = millis(); // Fix the time if it gets slightly off so you don't jump frames (not essential, but nice to have). if (Math.abs(deltaTime - 1 / fps / 2) < 0.0002) { deltaTime = 1 / fps / 2; } if (Math.abs(deltaTime - 1 / fps) < 0.0002) { deltaTime = 1 / fps; } if (Math.abs(deltaTime - 1 / fps 2) < 0.0002) { deltaTime = 1 / fps * 2; } // Add calculated change in time to total time accumulator += deltaTime / 1000; // Call the action until the program has run enough times to appear to be at 60 FPS. while (accumulator >= 1 / fps) { // Parameter you pass, this does what you want to happen. action(); // Add one to frameCount to make animations smoother and faster. frameCount++; // Subtract from the total time so you don't repeat this loop forever. accumulator -= 1 / fps; } }; // Smooth motion var Smooth = function(pos, dest, div) { return (dest - pos) / div; }; // Background image var bgImg = bgImg \|\| (function() { var canvas = createGraphics(700, 700, P2D); var design = function(x, y, sz) { canvas.noFill(); canvas.strokeWeight(1 + sz / 50); canvas.stroke(120, 150 + canvas.random(100), 255, 120 + canvas.random(100) - x / 10 + y / 10); canvas.ellipse(x, y, sz / 2.5, sz / 2.5); canvas.stroke(120, 150 + canvas.random(100), 255, (120 + canvas.random(100) - x / 10 + y / 10) / 2); canvas.ellipse(x, y, sz, sz); canvas.strokeWeight(2 + sz / 25); canvas.ellipse(x, y, sz, sz); }; canvas.randomSeed(25); canvas.background(10, 15, 25); design(50, 50, 60); design(110, 70, 40); design(170, 60, 30); design(60, 110, 100); design(210, 90, 20); design(260, 50, 40); design(290, 70, 20); design(500, 500, 220); design(420, 400, 50); design(350, 430, 35); design(310, 410, 20); design(280, 560, 40); design(310, 530, 20); design(230, 520, 30); design(440, 370, 30); design(50, 600, 80); design(500, 50, 60); design(460, 80, 25); design(70, 550, 40); return canvas.get(); })(); // Player sprites var playerFrame = 0; var lookingAt = 0; / Fonts and text / // { var titleWidths = { "A": 70, "B": 70, "C": 70, "D": 70, "E": 60, "F": 60, "G": 70, "H": 70, "I": 50, "J": 70, "K": 70, "L": 60, "M": 110, "N": 90, "O": 70, "P": 70, "Q": 80, "R": 70, "S": 70, "T": 70, "U": 70, "V": 80, "W": 110, "X": 60, "Y": 80, "Z": 60, "!": 30, " ": 40 }; var titleDesigns = { "A": function() { beginShape(); vertex(0, 100); vertex(0, 10); vertex(10, 0); vertex(30, 0); vertex(40, 10); vertex(40, 50); vertex(0, 50); vertex(40, 50); vertex(40, 100); endShape(); }, "B": function() { beginShape(); vertex(0, -10); vertex(0, 90); vertex(30, 90); vertex(40, 80); vertex(40, 60); vertex(30, 50); vertex(10, 50); vertex(30, 50); vertex(40, 40); vertex(40, 10); vertex(30, 0); vertex(10, 0); endShape(); }, "C": function() { beginShape(); vertex(40, 20); vertex(40, 10); vertex(30, 0); vertex(10, 0); vertex(0, 10); vertex(0, 80); vertex(10, 90); vertex(30, 90); vertex(40, 80); vertex(40, 70); endShape(); }, "D": function() { beginShape(); vertex(0, -10); vertex(0, 90); vertex(30, 90); vertex(40, 80); vertex(40, 10); vertex(30, 0); vertex(10, 0); endShape(); }, "E": function() { beginShape(); vertex(40, 0); vertex(0, 0); vertex(0, 50); vertex(30, 50); vertex(0, 50); vertex(0, 90); vertex(40, 90); endShape(); }, "F": function() { beginShape(); vertex(40, 0); vertex(0, 0); vertex(0, 50); vertex(30, 50); vertex(0, 50); vertex(0, 100); endShape(); }, "G": function() { beginShape(); vertex(40, 20); vertex(40, 10); vertex(30, 0); vertex(10, 0); vertex(0, 10); vertex(0, 80); vertex(10, 90); vertex(30, 90); vertex(40, 80); vertex(40, 60); vertex(20, 60); endShape(); }, "H": function() { beginShape(); vertex(0, -10); vertex(0, 50); vertex(40, 50); vertex(40, -10); vertex(40, 100); vertex(40, 50); vertex(0, 50); vertex(0, 100); endShape(); }, "I": function() { line(-10, 0, 30, 0); line(10, 10, 10, 80); line(-10, 90, 30, 90); }, "J": function() { line(10, 0, 50, 0); beginShape(); vertex(30, 10); vertex(30, 80); vertex(20, 90); vertex(10, 90); vertex(0, 80); vertex(0, 70); endShape(); }, "K": function() { beginShape(); vertex(0, -10); vertex(0, 50); vertex(10, 50); vertex(40, 10); vertex(40, -10); vertex(40, 10); vertex(10, 50); vertex(40, 80); vertex(40, 100); vertex(40, 80); vertex(10, 50); vertex(0, 50); vertex(0, 100); endShape(); }, "L": function() { beginShape(); vertex(0, -10); vertex(0, 90); vertex(40, 90); endShape(); }, "M": function() { beginShape(); vertex(0, 100); vertex(0, 0); vertex(20, 0); vertex(40, 40); vertex(60, 0); vertex(80, 0); vertex(80, 100); endShape(); }, "N": function() { beginShape(); vertex(0, 100); vertex(0, 0); vertex(10, 0); vertex(50, 90); vertex(60, 90); vertex(60, -10); endShape(); }, "O": function() { beginShape(); vertex(40, 20); vertex(40, 10); vertex(30, 0); vertex(10, 0); vertex(0, 10); vertex(0, 80); vertex(10, 90); vertex(30, 90); vertex(40, 80); vertex(40, 20); endShape(); }, "P": function() { beginShape(); vertex(0, 100); vertex(0, 50); vertex(30, 50); vertex(10, 50); vertex(30, 50); vertex(40, 40); vertex(40, 10); vertex(30, 0); vertex(10, 0); vertex(0, 0); vertex(0, 100); endShape(); }, "Q": function() { beginShape(); vertex(40, 20); vertex(40, 10); vertex(30, 0); vertex(10, 0); vertex(0, 10); vertex(0, 80); vertex(10, 90); vertex(30, 90); vertex(45, 90); vertex(40, 80); vertex(40, 20); endShape(); }, "R": function() { beginShape(); vertex(0, 100); vertex(0, 0); vertex(30, 0); vertex(40, 10); vertex(40, 40); vertex(30, 50); vertex(15, 50); vertex(40, 80); vertex(40, 100); endShape(); }, "S": function() { beginShape(); vertex(40, 20); vertex(40, 10); vertex(30, 0); vertex(10, 0); vertex(0, 10); vertex(0, 30); vertex(10, 40); vertex(30, 40); vertex(40, 50); vertex(40, 80); vertex(30, 90); vertex(10, 90); vertex(0, 80); vertex(0, 70); endShape(); }, "T": function() { line(-10, 0, 50, 0); line(20, 10, 20, 100); }, "U": function() { beginShape(); vertex(0, -10); vertex(0, 80); vertex(10, 90); vertex(30, 90); vertex(40, 80); vertex(40, -10); endShape(); }, "V": function() { beginShape(); vertex(0, -10); vertex(0, 40); vertex(20, 90); vertex(30, 90); vertex(50, 40); vertex(50, -10); endShape(); }, "W": function() { beginShape(); vertex(0, -10); vertex(0, 90); vertex(20, 90); vertex(40, 50); vertex(60, 90); vertex(80, 90); vertex(80, -10); endShape(); }, "X": function() { beginShape(); vertex(20, 50); vertex(0, 10); vertex(0, -10); vertex(0, 10); vertex(20, 50); vertex(40, 10); vertex(40, -10); vertex(40, 10); vertex(20, 50); vertex(40, 80); vertex(40, 100); vertex(40, 80); vertex(20, 50); vertex(0, 80); vertex(0, 100); endShape(); }, "Y": function() { beginShape(); vertex(0, -10); vertex(0, 20); vertex(25, 60); vertex(25, 100); vertex(25, 60); vertex(50, 20); vertex(50, -10); endShape(); }, "Z": function() { beginShape(); vertex(-10, 0); vertex(40, 0); vertex(0, 90); vertex(50, 90); endShape(); }, "!": function() { line(0, -10, 0, 70); line(0, 80, 0, 100); }, " ": function() {} }; var titleX = 0, titleAvg = 0; var title = function(txt, x, y, size, color) { txt = txt.toUpperCase(); strokeCap(SQUARE); strokeJoin(MITER); noFill(); titleX = 0; for (var i = 0; i < txt.length; i++) { titleX += titleWidths[txt.charAt(i)]; } titleAvg = titleX / txt.length; pushMatrix(); translate(x, y); scale(size / 100, size / 100); translate(-titleX / 2 + titleAvg / 4, 0); strokeWeight(20); stroke(color); for (var i = 0; i < txt.length; i++) { titleDesigns[txt.charAt(i)](); translate(titleWidths[txt.charAt(i)], 0); } popMatrix(); }; // } // LOGOS var Elogo = function(logo_x, logo_y) { noStroke(); fill(0, 0, 0); ellipse(logo_x + 131, logo_y - 202, 68, 51); fill(0, 0, 0); triangle(logo_x + 98, logo_y - 199, logo_x + 117, logo_y - 179, logo_x + 107, logo_y - 113); triangle(logo_x + 119, logo_y - 179, logo_x + 144, logo_y - 183, logo_x + 122, logo_y - 96); triangle(logo_x + 146, logo_y - 179, logo_x + 165, logo_y - 202, logo_x + 134, logo_y - 70); fill(255, 255, 255); arc(logo_x + 117, logo_y - 209, 15, 17, 36, 209); arc(logo_x + 143, logo_y - 209, 15, 17, -28, 147); }; var GGlogo = function(x, y, size, trans) { noStroke(); fill(97, 94, 97, trans); pushMatrix(); translate(x + 5, y + 5); scale(size / 600, size / 600); beginShape(); vertex(-270, 20); bezierVertex(-600, 250, -700, 600, -50, 600); vertex(-125, 400); vertex(-255, 480); bezierVertex(-305, 430, -395, 280, -205, 180); endShape(); beginShape(); vertex(270, 20); bezierVertex(600, 250, 700, 600, 50, 600); vertex(125, 400); vertex(255, 480); bezierVertex(305, 430, 395, 280, 205, 180); endShape(); arc(0, 600, 1200, 1300, 249, 291); popMatrix(); fill(0, 200, 0, trans); pushMatrix(); translate(x, y); scale(size / 600, size / 600); beginShape(); vertex(-270, 20); bezierVertex(-600, 250, -700, 600, -50, 600); vertex(-125, 400); vertex(-255, 480); bezierVertex(-305, 430, -395, 280, -205, 180); endShape(); beginShape(); vertex(270, 20); bezierVertex(600, 250, 700, 600, 50, 600); vertex(125, 400); vertex(255, 480); bezierVertex(305, 430, 395, 280, 205, 180); endShape(); arc(0, 600, 1200, 1300, 249, 291); popMatrix(); }; // Stats var colors = [ color(80, 200, 255), color(120, 230, 140), color(230, 70, 50), color(255, 225, 30), color(160, 100, 220), color(50, 50, 50) ]; var pstats = [{ name: "Plus++", price: 0, bought: true }, { name: "T_r_i", price: 10, bought: false }, { name: "Zig-zag", price: 25, bought: false }, { name: "SwIrL", price: 50, bought: false }, { name: "Celesttte", price: 70, bought: false }, { name: "VORTEX", price: 100, bought: false }]; var itemNames = [ "Coin", "Switch", "Saw", "Gem", "Skull", "Effect", "Shield", "Extra" ]; / Graphics / // { var star = function(x, y, sz, r) { beginShape(); for (var i = 0; i < 5; i++) { vertex(x + cos(i * 144 + r) * sz, y + sin(i * 144 + r) * sz); } endShape(); }; var spiral = function(x, y, sz, r) { beginShape(); for (var i = 0; i < 10; i++) { vertex(x + cos(i * 90 + r) * i * sz / 10, y + sin(i * 90 + r) * i * sz / 10); } endShape(); }; var drawPlayer = function(x, y, r, sz, num) { strokeCap(ROUND); pushMatrix(); translate(x, y); rotate(r); scale(sz / 100, sz / 100); noStroke(); fill(colors[num]); ellipse(0, 0, 100, 100); noFill(); stroke(lerpColor(colors[num], color(0, 0, 30), 0.3), 50); strokeWeight(15); arc(0, 0, 75, 75, 90, 180); stroke(255, 255, 230, 60); arc(0, 0, 75, 75, -90, 0); noStroke(); fill(0, 0, 0); rectMode(CENTER); switch (num) { case 0: rect(-20, -5, 10, 30, 5); rect(20, -5, 10, 30, 5); arc(0, 20, 20, 10, 0, 180); fill(lerpColor(colors[num], color(255, 255, 230), 0.5)); rect(0, -40, 10, 30); rect(0, -40, 30, 10); break; case 1: rect(-20, -7, 10, 25, 5, 5, 0, 0); rect(20, -7, 10, 25, 5, 5, 0, 0); arc(0, 20, 25, 25, 0, 180); fill(lerpColor(colors[num], color(255, 255, 230), 0.5)); triangle(-15, -35, 15, -35, 0, -60); break; case 2: rect(-20, -3, 10, 25, 0, 0, 5, 5); rect(20, -3, 10, 25, 0, 0, 5, 5); arc(0, 25, 25, 10, 181, 360); stroke(lerpColor(colors[num], color(255, 255, 230), 0.5)); noFill(); strokeWeight(10); beginShape(); vertex(0, -30); vertex(10, -40); vertex(-10, -50); vertex(0, -60); endShape(); break; case 3: fill(255, 255, 255); rect(-20, -5, 10, 30, 5, 5, 0, 5); rect(20, -5, 10, 30, 5, 5, 5, 0); stroke(lerpColor(colors[num], color(255, 255, 230), 0.8)); noFill(); strokeWeight(4); spiral(0, -35, 25, -180); line(-10, 20, 10, 20); break; case 4: rect(-20, -5, 20, 10, 5); rect(20, -5, 20, 10, 5); ellipse(0, 20, 20, 5); fill(200, 200, 230); rect(-20, 0, 15, 5, 5); rect(20, 0, 15, 5, 5); rect(-20, -10, 15, 5, 5); rect(20, -10, 15, 5, 5); fill(lerpColor(colors[num], color(255, 255, 230), 0.5)); star(0, -40, 20, -90); break; case 5: fill(255, 255, 255, 50); arc(0, 0, 100, 100, -90, 90); stroke(255, 255, 255); strokeWeight(3); noFill(); ellipse(-20, -5, 15, 10); ellipse(20, -5, 15, 10); ellipse(10, 20, 5, 5); ellipse(-10, 20, 5, 5); ellipse(0, 30, 5, 5); stroke(255, 170, 130); ellipse(0, -30, 40, 20); ellipse(0, -30, 10, 20); ellipse(0, -30, 10, 5); break; } popMatrix(); }; var portal = function(x, y, r, sz) { pushMatrix(); translate(x, y); rotate(r); scale(sz / 100, sz / 100); noStroke(); fill(130, 80, 195); ellipse(0, 0, 100, 100); fill(175, 130, 235); ellipse(3, -3, 80, 80); fill(200, 160, 255); ellipse(7, -7, 60, 60); fill(120, 60, 160); for (var i = 0; i < 12; i++) { star(cos(i * 30 + frameCount) * 60, sin(i * 30 + frameCount) * 60, 5, -frameCount); } star(-5, 10, 25, frameCount); star(20, -15, 10, frameCount); star(0, -30, 8, frameCount); popMatrix(); }; var drawItem = function(x, y, r, sz, num) { pushMatrix(); translate(x, y); rotate(r); scale(sz / 100, sz / 100); noStroke(); switch (num) { case 0: // Coin fill(255, 215, 0); ellipse(0, 0, 100, 100); fill(225, 185, 50); ellipse(0, 0, 80, 80); fill(180, 140, 80); textSize(80); textAlign(CENTER, CENTER); text("$", 0, 0); break; case 1: // Reverse fill(160, 80, 200); ellipse(0, 0, 100, 100); fill(190, 110, 210); ellipse(3, -3, 80, 80); fill(130, 50, 180); textSize(80); textAlign(CENTER, CENTER); text("\u21C6", 0, 0); break; case 2: // Saw fill(100, 100, 110); ellipse(0, 0, 100, 100); fill(160, 160, 160); ellipse(0, 0, 80, 80); rotate(frameCount * 2); for (var i = 0; i < 8; i++) { rotate(45); triangle(-20, 0, 20, 0, 0, -70); } stroke(30, 30, 30); strokeWeight(10); strokeCap(SQUARE); line(0, -25, 0, 25); line(-25, 0, 25, 0); noStroke(); break; case 3: // $5 fill(80, 180, 255); ellipse(0, 0, 100, 100); fill(120, 210, 255); ellipse(3, -3, 80, 80); fill(180, 240, 255); textSize(60); textAlign(CENTER, CENTER); text("5$", 0, 0); break; case 4: // Skull fill(230, 220, 210); ellipse(0, 0, 100, 100); fill(255, 240, 220); rectMode(CENTER); ellipse(3, -3, 80, 80); rect(0, 30, 60, 50, 5); fill(0, 0, 50, 150); triangle(-20, 55, -15, 55, -15, 40); triangle(0, 55, -5, 55, -5, 35); triangle(10, 55, 15, 55, 10, 40); arc(-20, 0, 30, 40, 20, 200); arc(20, 0, 30, 40, -20, 160); break; case 5: // ? fill(100, 100, 110); ellipse(0, 0, 100, 100); fill(255, 0, 0, 150); ellipse(-5, 0, 70, 80); fill(0, 255, 0, 150); ellipse(5, 0, 70, 80); fill(30, 30, 30); ellipse(0, 0, 70, 80); fill(255, 255, 255); textSize(70); textAlign(CENTER, CENTER); text("?", 0, 0); break; case 6: // Shield fill(100, 0, 30); ellipse(0, 0, 100, 100); fill(140, 50, 40); ellipse(3, -3, 80, 80); fill(230, 90, 90); beginShape(); vertex(-30, -20); bezierVertex(-25, -5, -5, -5, 0, -20); bezierVertex(5, -5, 25, -5, 30, -20); bezierVertex(30, 20, 10, 30, 0, 40); bezierVertex(-10, 30, -30, 20, -30, -20); endShape(); break; case 7: // Reset jumps fill(40, 0, 100); ellipse(0, 0, 100, 100); fill(80, 30, 110); ellipse(3, -3, 80, 80); fill(160, 120, 150); textSize(80); textAlign(CENTER, CENTER); text("+", 0, 0); break; } popMatrix(); }; // Draws hand var instructions = function(x, y, sz, c) { strokeWeight(3); stroke(c); noFill(); strokeJoin(ROUND); strokeCap(ROUND); pushMatrix(); translate(x, y); scale(sz / 100, sz / 100); pushMatrix(); translate(-13, -33); rotate(-10); for (var i = 0; i < 5; i++) { line(-15, 0, -20, 0); rotate(40); } popMatrix(); rotate(-30); beginShape(); vertex(0, 15); vertex(0, -35); bezierVertex(0, -40, 10, -40, 10, -35); vertex(10, 0); vertex(10, -15); bezierVertex(10, -20, 20, -20, 20, -15); vertex(20, 0); vertex(20, -10); bezierVertex(20, -15, 30, -15, 30, -10); vertex(30, 0); vertex(30, -5); bezierVertex(30, -10, 40, -10, 40, -5); vertex(40, 20); bezierVertex(35, 45, 10, 45, 0, 30); vertex(-20, 10); bezierVertex(-28, 5, -21, -4, -15, 0); endShape(CLOSE); popMatrix(); }; // } // Center constructor var Center = (function() { Center = function(radius) { this.radius = radius; }; Center.prototype.draw = function() { portal(width / 2, height / 2, frameCount / 3, this.radius * 2); }; return Center; })(); var center = new Center(50); // Draw score var stats = { moved: false, anim: 0, draw: function() { textAlign(LEFT, TOP); textSize(30); fill(255, 255, 255); text("Jumps: " + jumps + "/" + jumpLimit + "\nCoins: " + playerCoins + "\nHealth: " + playerHealth + "/3\nPoints: " + points, 15, 10); if (this.anim < 0.95) { rectMode(CENTER); noStroke(); fill(30, 30, 30, 100 - this.anim * 130); rect(width / 2, height / 2, width, height); instructions(300, 305, 300 + this.anim * 450, color(30, 30, 50, constrain(50 - this.anim * 50, 1, 255))); instructions(300, 300, 300 + this.anim * 450, color(255, 255, 255, constrain(255 - this.anim * 300, 0, 255))); } if (this.moved) { this.anim += Smooth(this.anim, 1, 8); } } }; // Scene transition changer = { sz: 120, pointer: 0, mode: 2, scene: undefined, dif: 5, points: (function() { this.sz = 120; var ret = []; for (var i = -1; i < width / this.sz; i++) { ret.push({ x1: i * this.sz, y1: 0, x2: 0, y2: i * this.sz, opac: 0, mode: 2 }); } for (var i = 0; i < height / this.sz + 1; i++) { ret.push({ x1: width, y1: i * this.sz, x2: i * this.sz, y2: height, opac: 0, mode: 2 }); } return ret; })(), display: function() { if (this.mode === 0) { this.pointer++; if (this.pointer >= this.points.length && this.points[this.points.length - 1].opac > 200) { this.mode = 1; this.pointer = 0; stage = this.scene; if (stage === play) { points = 0; } } else if (this.pointer < this.points.length) { this.points[this.pointer].mode = 0; prevTime = millis(); accumulator = 0; } } else if (this.mode === 1) { this.pointer++; if (this.pointer >= this.points.length && this.points[this.points.length - 1].opac < 1) { this.mode = 2; } else if (this.pointer < this.points.length) { this.points[this.pointer].mode = 1; } } strokeCap(PROJECT); for (var i = 0; i < this.points.length; i++) { if (this.points[i].mode === 0) { this.points[i].opac += Smooth(this.points[i].opac, 255, 3); } else { this.points[i].opac += Smooth(this.points[i].opac, 0, 3); } strokeWeight(this.sz + this.points[i].opac / 10); stroke(255, Math.floor(this.points[i].opac)); line( this.points[i].x1 + cos(frameCount * 171 + i * 53) * this.dif, this.points[i].y1 + sin(frameCount * 168 + i * 55) * this.dif, this.points[i].x2 + cos(frameCount * 177 + i * 51) * this.dif, this.points[i].y2 + cos(frameCount * 163 + i * 61) * this.dif ); } }, reset: function(scene) { if (this.mode === 0) { return; } this.scene = scene; this.mode = 0; this.pointer = 0; } }; // Player constructor Player = (function() { Player = function(x, y, radius, gravityS) { this.x = x; this.y = y; this.radius = radius; this.gravityS = gravityS; this.hasShield = false; this.touching = false; this.quake = 0; }; Player.prototype.draw = function() { var ellipseX = -sin(rotateAngle + 45) * (CenterRadius + this.radius - (PlayerX + 42)) + width / 2; var ellipseY = cos(rotateAngle + 45) * (CenterRadius + this.radius + (PlayerY - 42)) + height / 2; drawPlayer(ellipseX, ellipseY, rotateAngle * 3, 50, playerFrame); if (this.hasShield) { noStroke(); fill(255, 255, 255, 100); ellipse(ellipseX, ellipseY, 60, 60); ellipse(ellipseX, ellipseY, 90, 90); } }; Player.prototype.move = function() { this.quake -= 0.2; this.quake = constrain(this.quake, 0, 10); // Gravity pulling down if (initSpeed > 0) { playerSpeed = initSpeed - (60 * ((time - startJump) / 3000)); playerSpeed = constrain(playerSpeed, -10, 10); PlayerX -= playerSpeed; PlayerY += playerSpeed; } if (PlayerX >= -(CenterRadius - 8)) { this.touching = true; jumps = 0; initSpeed = abs(playerSpeed) / 1.4; startJump = millis(); PlayerY = (CenterRadius - 8); PlayerX = -(CenterRadius - 8); } rotateAngle += playerDir * speeed; while (rotateAngle > 360) { rotateAngle -= 360; } }; return Player; })(); // Make a new player player = new Player(PlayerX, PlayerY, 25, 2); // Make a trail behind the player var trail = { timer : 0, run: function() { this.timer --; if (this.timer <= 0) { this.timer = 10; var ellipseX = -sin(rotateAngle + 45) * (CenterRadius + 25 - (PlayerX + 42)) + width / 2; var ellipseY = cos(rotateAngle + 45) * (CenterRadius + 25 + (PlayerY - 42)) + height / 2; trailX.push(ellipseX); trailY.push(ellipseY); trailX.splice(0, 1); trailY.splice(0, 1); } }, draw: function() { for (var i = 0; i < trailX.length; i++) { fill(colors[playerFrame]); noStroke(); star(trailX[i], trailY[i], 10, rotateAngle * 2); } } }; // Item constructor Item = (function() { var itemSz = 30; var Item = function(type, r) { this.type = type; this.r = r; this.vel = 0; this.time = 0; }; Item.prototype.draw = function(i) { var ellipseX = sin(this.r + 45) * itemX[i] + width / 2; var ellipseY = cos(this.r + 45) * itemY[i] + height / 2; drawItem(ellipseX, ellipseY, this.r + frameCount / 2, itemSz, this.type); }; Item.prototype.move = function(i) { var ellipseX = sin(this.r + 45) * itemX[i] + width / 2; var ellipseY = cos(this.r + 45) * itemY[i] + height / 2; if (this.type === 4) { this.r += this.vel; this.vel += this.r > -rotateAngle - 90 ? -0.1 : 0.1; this.vel = constrain(this.vel, -5, 5); itemX[i] += 2; itemY[i] += 2; } if (this.type === 7) { this.time++; if (this.time < 300) { itemX[i] += Smooth(itemX[i], 150, 15); itemY[i] += Smooth(itemY[i], 150, 15); } else { itemX[i]++; itemY[i]++; } } else { itemX[i]++; itemY[i]++; } }; Item.prototype.collision = function(i) { var ellipseX = sin(this.r + 45) * itemX[i] + width / 2; var ellipseY = cos(this.r + 45) * itemY[i] + height / 2; var pX = -sin(rotateAngle + 45) * (CenterRadius + 25 - (PlayerX + 42)) + width / 2; var pY = cos(rotateAngle + 45) * (CenterRadius + 25 + (PlayerY - 42)) + height / 2; if (dist(ellipseX, ellipseY, pX, pY) <= (25 + itemSz / 2)) { if (this.type === 0) { playerCoins++; } else if (this.type === 1) { playerDir = -playerDir; } else if (this.type === 2) { if (player.hasShield) { player.hasShield = false; } else { player.quake = 10; playerHealth--; } playerDir = -playerDir; } else if (this.type === 3) { playerCoins += 5; } else if (this.type === 4) { if (player.hasShield) { player.hasShield = false; } else { player.quake = 10; playerHealth--; } playerDir = -playerDir; } else if (this.type === 5) { for (var i = 0; i < items.length; i++) { items[i].type = Math.floor(random(itemNames.length)); } } else if (this.type === 6) { player.hasShield = true; } else if (this.type === 7) { jumps = 0; } items.splice(i, 1); itemX.splice(i, 1); itemY.splice(i, 1); } if (ellipseX <= -20 \|\| ellipseX >= width + 20 \|\| ellipseY <= -20 \|\| ellipseY >= height + 20) { items.splice(i, 1); itemX.splice(i, 1); itemY.splice(i, 1); } }; return Item; })(); // Reset the whole game var resetGame = function() { prevTime = millis(); accumulator = 0; playerHealth = 3; PlayerX = width / 2; PlayerY = 100; trailX = [-10, -10, -10, -10, -10]; trailY = [-10, -10, -10, -10, -10]; initSpeed = 0; startHeight = 0; playerSpeed = 0; playerDir = 1; rotateAngle = 0; jumps = 0; itemX = []; itemY = []; items = []; itemTime = 120; gameStartTime = 120; player.quake = 0; pointTime = 10; }; // Buttons Button = (function() { Button = function(x, y, w, h, txt, func) { this.x = x; this.y = y; this.w = w; this.h = h; this.txt = "+" + txt.toUpperCase() + "+"; this.func = func; this.anim = 0; this.intro = 0; }; Button.prototype.check = function() { return Math.abs(this.x - mouseX) < this.w / 2 && Math.abs(this.y - mouseY) < this.h / 2; }; Button.prototype.display = function() { pushMatrix(); translate(this.x, this.y); scale(this.intro, 1); noFill(); rectMode(CENTER); strokeWeight(10); stroke(80, 255, 255, 100); rect(-this.anim / 20, -this.anim / 20, this.w, this.h, 5 - this.anim / 25); stroke(255, 80, 255, 100); rect(this.anim / 20, this.anim / 20, this.w, this.h, 5 - this.anim / 25); stroke(150 + this.anim); rect(0, 0, this.w, this.h, 5 - this.anim / 25); textSize(25); textAlign(CENTER, CENTER); fill(255, 255, 255); for (var i = 0; i < this.txt.length; i++) { text(this.txt.charAt(i), map( i, 0, this.txt.length - 1, -this.w / 3.5 * (1 + this.anim / 220), this.w / 3.5 * (1 + this.anim / 220) ), 0); } popMatrix(); }; Button.prototype.pack = function() { this.intro += Smooth(this.intro, 1, 15); if (this.check()) { overButton = true; this.anim += Smooth(this.anim, 100, 8); if (click) { this.func(); } } else { this.anim += Smooth(this.anim, 0, 8); } this.display(); }; return Button; })(); buttons = { play: new Button(300, 360, 200, 50, "Play", function() { resetGame(); changer.reset(play); }), shop: new Button(300, 430, 200, 50, "Shop", function() { changer.reset(shop); }), about: new Button(300, 500, 200, 50, "About", function() { changer.reset(about); }), back: new Button(120, 555, 200, 50, "Back", function() { changer.reset(menu); }), playAgain: new Button(480, 555, 200, 50, "Retry", function() { resetGame(); changer.reset(play); }), left: new Button(50, 430, 50, 50, "<", function() { lookingAt = (lookingAt - 1) < 0 ? colors.length - 1 : lookingAt - 1; buttons.use.txt = pstats[lookingAt].bought ? lookingAt === playerFrame ? "+Selected+" : "+Select+" : ("+Buy: " + pstats[lookingAt].price + "+"); }), right: new Button(550, 430, 50, 50, ">", function() { lookingAt = (lookingAt + 1) % colors.length; buttons.use.txt = pstats[lookingAt].bought ? lookingAt === playerFrame ? "+Selected+" : "+Select+" : ("+Buy: " + pstats[lookingAt].price + "+"); }), use: new Button(480, 555, 200, 50, "Selected", function() { if (pstats[lookingAt].bought) { if (lookingAt !== playerFrame) { playerFrame = lookingAt; this.txt = "+Selected+"; } } else if (pstats[lookingAt].price <= playerCoins) { playerCoins -= pstats[lookingAt].price; pstats[lookingAt].bought = true; playerFrame = lookingAt; this.txt = "+Selected+"; } }) }; // Control items var moveItems = function() { for (var i = items.length - 1; i >= 0; i--) { items[i].move(i); items[i].collision(i); } }; var itemSpawner = function() { var type; if (~~random(2) === 0) { type = 2 + ~~random(2) * 2; } else { type = Math.floor(random(itemNames.length)); } var item = new Item(type, floor(random(360))); items.push(item); itemX.push(0); itemY.push(0); }; // Scenes // { var runGame = function() { logoTrans = 255; time = millis(); moveItems(); if (stats.moved) { player.move(); } trail.run(); pointTime --; if (pointTime <= 0 && playerHealth > 0 && stats.moved && player.touching) { pointTime = 10; points++; } gameStartTime --; itemTime --; if ((frameCount % 100 === 0 \|\| itemTime <= 0) && stats.moved && gameStartTime <= 0) { itemSpawner(); itemTime = 120; } if (playerHealth <= 0) { changer.reset(over); logoTrans = 0; } if (click) { if (jumps < jumpLimit) { jumps++; initSpeed = 6; startJump = millis(); stats.moved = true; } player.touching = false; click = false; } totRot += playerDir * speeed; }; var drawGame = function() { background(10, 15, 25); pushMatrix(); translate(random(-player.quake, player.quake), random(-player.quake, player.quake)); pushMatrix(); translate(300, 300); rotate(-totRot / 4); imageMode(CENTER); image(bgImg, 50, 50); imageMode(CORNER); popMatrix(); center.draw(); stats.draw(); for (var i = items.length - 1; i >= 0; i--) { items[i].draw(i); } trail.draw(); player.draw(); popMatrix(); }; play = function() { frameRate(60); run(runGame, 60); drawGame(); }; menu = function() { lookingAt = 0; image(bgImg, 0, 0); logoTrans += Smooth(logoTrans, 255, 15); title("V O R T E X", 300, 205, 70, color(255, 255, 255, logoTrans / 3)); title("V O R T E X", 300, 200, 70, color(255, 255, 255, logoTrans)); fill(255, 255, 255, logoTrans); textAlign(CENTER, CENTER); textSize(25); text("\u2014\u2014 Element11 \u0436 Green Ghost \u2014\u2014", 300, 290); buttons.play.pack(); buttons.shop.pack(); buttons.about.pack(); }; shop = function() { image(bgImg, 0, 0); logoTrans = 255; title("S H O P", 300, 205, 70, color(255, 255, 255, 100)); title("S H O P", 300, 200, 70, color(255, 255, 255)); buttons.left.pack(); buttons.right.pack(); buttons.use.pack(); buttons.back.pack(); drawPlayer(300, 440, sin(frameCount * 2) * 10, 80, lookingAt); textSize(40); textAlign(CENTER, CENTER); fill(255, 255, 255); text(pstats[lookingAt].name, 300, 335); textAlign(LEFT, TOP); text("Coins: " + playerCoins, 10, 10); }; about = function() { image(bgImg, 0, 0); logoTrans = 255; title("A B O U T", 300, 205, 70, color(255, 255, 255, 100)); title("A B O U T", 300, 200, 70, color(255, 255, 255)); textSize(30); fill(255, 255, 255); textAlign(CENTER, CENTER); text("This game was started in\nApril 2020 by Green Ghost and\nElement11. It was released in\nMay 2020.", 300, 390); buttons.back.pack(); }; over = function() { highScore = Math.max(points, highScore); image(bgImg, 0, 0); logoTrans = 255; title("GAME OVER", 300, 205, 70, color(255, 255, 255, 100)); title("GAME OVER", 300, 200, 70, color(255, 255, 255)); textSize(30); fill(255, 255, 255); textAlign(CENTER, CENTER); text("Score: " + points + "\nHigh score: " + highScore + "\nCoins: " + playerCoins, 300, 390); buttons.back.pack(); buttons.playAgain.pack(); }; logo = function() { if (click) { changer.reset(menu); } logoTime++; switch (phase) { case 0: background(0, 0, 0); if (logoTime % 30 <= 15) { pushMatrix(); scale(5, 5); Elogo(-70, 260); popMatrix(); } if (logoTime > 90) { phase++; } break; case 1: background(65, 117, 48); fill(0, 0, 0, bgT); rect(0, 0, width, height); if (logoTime < 120) { bgT -= 3; } else { bgT += 3; } pushMatrix(); scale(5, 5); Elogo(-70, 260); popMatrix(); if (logoTime > 150) { phase++; } break; case 2: background(0, 0, 0); pushMatrix(); scale(5, 5); Elogo(-70, 260); popMatrix(); GGlogo(300, 192, 150, transparency); pushMatrix(); translate(300, 450); scale(1.5 + sin(frameCount * 5) / 5); transparency += Smooth(transparency, 255, 12); textSize(20); fill(255, 255, 255, transparency * 3 - 510); textAlign(CENTER, CENTER); text("GREEN GHOST-\u0436-ELEMENT11", 0, 0); popMatrix(); if (logoTime > 375) { changer.reset(menu); } break; } }; // } // Draw thumbnail var thumbnail = function() { background(20, 20, 20); for (var i = 0; i < itemNames.length; i++) { drawItem(300 + cos(i / (itemNames.length - 1) * 180 - 180) * 150, 380 + sin(i / (itemNames.length - 1) * 180 - 180) * 150, i / (itemNames.length - 1) * 120 - 60, 60, i); } noStroke(); fill(20, 20, 20, 100); rectMode(CORNER); rect(0, 0, width, height); portal(300, 600, 0, 300); drawPlayer(300, 375, 20, 150, 0); pushMatrix(); translate(300, 100); rotate(50); scale(1, 0.8); rotate(-44); title("V O R T E X", 0, 5, 85, color(255, 255, 255, 70)); title("V O R T E X", 0, 5, 90, color(255, 255, 255, 50)); title("V O R T E X", 0, 5, 100, color(255, 255, 255, 20)); title("V O R T E X", 0, 0, 85, color(255, 255, 255)); popMatrix(); textAlign(CENTER, CENTER); textSize(40); fill(20, 20, 20); text("ELEMENT11 x GREEN GHOST", 300, 527); text("ELEMENT11 x GREEN GHOST", 300, 533); fill(255, 255, 255); text("ELEMENT11 x GREEN GHOST", 300, 530); }; // Run the game stage = logo; draw = function() { stage(); click = false; cursor(overButton ? "pointer" : "default"); overButton = false; changer.display(); if (keys[32] && keys[16] && keys[84]) { thumbnail(); } }; mouseClicked = function() { click = true; }; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; };
Folds	25,69,78,108,111,113,116,156,163,540,543,557,559,602,605,612,613,637,638,647,650,947,950,960,964,986,989,1074,1077,1129,1135,1156,1159,1250,1253,1274,1277,1337,1339,1378,1381,1386,1388,1399,1402,1589,1592,1625,1630,1639,1641,1643,1645,1647,1649,1651
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLXVn9-zCQw
Votes	343
Spin-Offs	14
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Green Ghost
Author Name	GreenGhost1
Author ID	kaid_145655330786057731504264
Author Profile Access	PUBLIC

Archive Data

Added	11 months ago, 1735689205292
Updated	8 months ago, 1744828824010
Source Deleted	unknown