Viewing Program

Program Data

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

Title	Octopi
ID	4658019446587392
Created	7 years ago, 1529328182333
Updated	3 years ago, 1661753015647
Code	// Octopi, my nineteenth game. // Started 4/18/2018 // Finished 6/17/2018 // 6/18/2018: Released! 96 votes, was first, but dropped to second when Tegoon released his game, Aurora. // 6/19/2018: 118 votes, still second! // 6/20/2018: 146 votes, dropped to fourth. // 6/21/2018: 160 votes, dropped to seventh. // 6/22/2018: 172 votes. // 10/26/2018: 197 votes. // 1/2/2019: 208 votes! // 8/28/2022: 304 votes! smooth(); textFont(createFont("sans-serif")); // Variables var yearReleased = 2018; var scene = "load"; var click = false, drag = false, start = false, score = 0, highscore = 0, nextScore = 0, newHigh = false; var fish = []; var fishY = 0; var fishS = 0; var loadAmount = 0; var showCont = false; var seenHow = false; var howY = -300; // Smooth motion var Smooth = function(pos1, pos2, div) { return (pos2 - pos1) / div; }; // Scene transition var slide = { part : 1, size : 0, sizeTo : Math.sqrt(600 * 600 + 600 * 600) * 2, scene : "menu", moving : false, display : function() { noStroke(); fill(255, 255, 255, map(this.size, 0, this.sizeTo, 0, 255)); if (this.part === 0) { ellipse(0, 0, this.size, this.size); this.size += Smooth(this.size, this.sizeTo, 5); if (this.size > this.sizeTo - 5) { this.part = 1; scene = this.scene; } } else { ellipse(600, 600, this.size, this.size); this.size += Smooth(this.size, 0, 5); if (this.size < 2) { this.moving = false; } } }, reset : function(scene) { if (!this.moving) { this.moving = true; this.size = 0; this.part = 0; this.scene = scene; } } }; // Octopus graphics //{ var basicOcto = function(x, y, color, size) { noStroke(); fill(color); ellipse(x, y, size, size); ellipse(x - size / 2.9, y + size / 2, size / 4, size / 4); ellipse(x + size / 2.9, y + size / 2, size / 4, size / 4); ellipse(x - size / 8, y + size / 2, size / 4, size / 4); ellipse(x + size / 8, y + size / 2, size / 4, size / 4); }; var redOcto = function(x, y, size) { basicOcto(x, y, color(255, 0, 0), size); noFill(); stroke(255, 100, 200); strokeWeight(size / 15); ellipse(x, y + size / 6, size / 3, size / 4); noStroke(); fill(0, 0, 0); ellipse(x - size / 6, y - size / 8, size / 10, size / 10); ellipse(x + size / 6, y - size / 8, size / 10, size / 10); }; var purpleOcto = function(x, y, size) { basicOcto(x, y, color(160, 0, 255), size); fill(255, 255, 255); ellipse(x - size / 5, y, size / 4, size / 4); ellipse(x + size / 5, y, size / 4, size / 4); fill(0, 0, 0); ellipse(x - size / 5, y, size / 10, size / 10); ellipse(x + size / 5, y, size / 10, size / 10); arc(x, y + size / 5, size / 3, size / 3, 0, 180); }; var blueOcto = function(x, y, size) { strokeCap(SQUARE); basicOcto(x, y, color(0, 100, 230), size); fill(255, 255, 255); ellipse(x, y, size / 2, size / 2); noFill(); strokeWeight(size / 5); stroke(0, 50, 150); arc(x, y, size / 3.2, size / 3, 181, 360); stroke(255, 255, 255); arc(x, y, size / 3.2, size / 10, 180, 361); strokeWeight(size / 20); stroke(0, 0, 0); arc(x, y + size / 3.5, size / 3, size / 4, 20, 161); line(x, y - size / 6, x, y - size / 3); line(x - size / 10, y - size / 6.4, x - size / 5, y - size / 4); line(x + size / 10, y - size / 6.4, x + size / 5, y - size / 4); noStroke(); fill(0, 0, 0); ellipse(x, y, size / 4, size / 4); }; var greenOcto = function(x, y, size) { strokeCap(SQUARE); basicOcto(x, y, color(0, 200, 0), size); fill(255, 255, 255); ellipse(x, y, size / 2, size / 2); noFill(); strokeWeight(size / 5); stroke(0, 100, 50); arc(x, y, size / 3.2, size / 3, 181, 360); stroke(255, 255, 255); arc(x, y, size / 3.2, size / 10, 180, 361); strokeWeight(size / 20); stroke(0, 0, 0); arc(x, y + size / 2.2, size / 3, size / 4, 200, 341); noStroke(); fill(0, 0, 0); ellipse(x, y, size / 4, size / 4); }; var yellowOcto = function(x, y, size) { basicOcto(x, y, color(255, 255, 0), size); stroke(0, 0, 0); strokeWeight(size / 20); line(x - size / 15, y, x - size / 4, y); line(x + size / 15, y, x + size / 4, y); line(x + size / 6, y + size / 5, x - size / 6, y + size / 5); fill(255, 100, 200); beginShape(); vertex(x - size / 20, y + size / 5); vertex(x - size / 20, y + size / 3); bezierVertex(x - size / 30, y + size / 2.5, x + size / 30, y + size / 2.5, x + size / 20, y + size / 3); vertex(x + size / 20, y + size / 5); endShape(); }; var specialOcto = function(x, y, size) { noStroke(); strokeCap(SQUARE); basicOcto(x, y, color(215, 190, 65), size); noFill(); strokeWeight(size / 15); stroke(0, 0, 0); beginShape(); vertex(x - size / 3, y); vertex(x - size / 4.6, y - size / 8); vertex(x - size / 10, y); endShape(); beginShape(); vertex(x + size / 3, y); vertex(x + size / 4.6, y - size / 8); vertex(x + size / 10, y); endShape(); noStroke(); fill(0, 0, 0); arc(x, y + size / 8, size / 2, size / 2, 0, 180); }; var skins = []; var skins2 = [ redOcto, purpleOcto, blueOcto, greenOcto, yellowOcto ]; //} var bubbles = []; // Bubble constructor //{ var Bubble = function() { this.size = random(10, 25); this.x = random(0, width); this.y = height + Math.ceil(this.size / 2); this.speed = random(1, 2); this.vel = random(20, 40); }; Bubble.prototype.act = function() { fill(255, 255, 255, 100); ellipse(this.x + sin(this.y * this.speed) * this.vel, this.y, this.size, this.size); this.y -= this.speed; }; Bubble.prototype.dead = function() { return this.y < Math.ceil(-this.size / 2); }; //} var overButton = false; var restartGame; // Button constructor //{ var Button = function(x, y, size, pic, func) { this.x = x; this.y = y; this.size = size; this.pic = pic; this.func = func; this.plus = 1; this.r = 0; }; Button.prototype.display = function() { fill(255, 255, 255, 100); pushMatrix(); translate(this.x, this.y); scale(this.plus, this.plus); stroke(255, 255, 255); strokeWeight(10); ellipse(0, 0, this.size, this.size); this.pic(); popMatrix(); }; Button.prototype.check = function(x, y) { return dist(x, y, this.x, this.y) < this.size / 2; }; Button.prototype.pack = function() { this.display(); this.plus = 1; if (this.check(mouseX, mouseY)) { this.plus = 1.1; overButton = true; if (click) { this.func(); } } }; var play = new Button( 400, 515, 250, function() { rotate(this.r); noStroke(); fill(255, 255, 255); triangle(70, 0, -30, -60, -30, 60); if (this.check(mouseX, mouseY)) { this.r += Smooth(this.r, 120, 5); } else { this.r += Smooth(this.r, 0, 5); } }, function() { restartGame(); if (!seenHow) { seenHow = true; slide.reset("how"); } else { slide.reset("game"); } } ); var continueB = new Button( 300, 300, 150, function() { fill(255, 255, 255); textSize(30); text("Continue", 0, 0); }, function() { slide.reset("logo"); } ); var back = new Button( 100, 515, 200, function() { scale(this.r, this.r); noStroke(); fill(255, 255, 255); triangle(-70, 0, 0, -40, 0, 40); rect(-1, -15, 50, 30); if (this.check(mouseX, mouseY)) { this.r = Math.abs(sin(frameCount * 5) / 2) + 0.5; } else { this.r = 1; } }, function() { slide.reset("menu"); } ); var next = new Button( 520, 55, 140, function() { scale(this.r, this.r); noStroke(); fill(255, 255, 255); triangle(50, 0, 0, -30, 0, 30); rect(-39, -15, 40, 30); if (this.check(mouseX, mouseY)) { this.r = Math.abs(sin(frameCount * 5) / 2) + 0.5; } else { this.r = 1; } }, function() { slide.reset("game"); } ); //} // Main menu heading var heading = function() { noFill(); stroke(255, 255, 255); strokeCap(ROUND); strokeWeight(15); pushMatrix(); translate(330, 280); // c rotate(-25); arc(0, -200, 60, 60, 45, 315); // t rotate(17); line(0, -240, 0, -170); line(-25, -210, 25, -210); // o rotate(20); ellipse(0, -200, 60, 60); // p rotate(20); ellipse(5, -200, 40, 40); line(-15, -230, -20, -150); // i rotate(20); line(-20, -200, -20, -170); ellipse(-20, -230, 1, 1); popMatrix(); }; // Other graphics //{ var littleGuy = function(x, y, size) { pushMatrix(); translate(x, y); scale(size / 100, size / 100); noStroke(); fill(200, 0, 0, 100); ellipse(0, 0, 200, 200); ellipse(-35, 35, 70, 70); ellipse(50, 10, 45, 45); ellipse(-10, -40, 25, 25); pushMatrix(); rotate(frameCount / 1.5); for (var i = 0; i < 8; i++) { rotate(45); rect(-30, 90, 60, 20); } popMatrix(); pushMatrix(); rotate(frameCount); for (var i = 0; i < 10; i++) { rotate(36); ellipse(-15, 130, 30, 30); } popMatrix(); fill(0, 0, 0); ellipse(-35, -20, 25, 25); ellipse(35, -20, 25, 25); arc(0, 20, 30, 30, 0, 180); popMatrix(); }; var pile = function(x, y, size) { quad(x - size, y + size, x + size, y + size, x + size / 2, y - size, x - size / 2, y - size); }; var seaweed = function(x, y) { pushMatrix(); translate(x, y); beginShape(); vertex(0, 0); vertex(30, 0); bezierVertex(60 + sin(frameCount) * 10, -45, sin(frameCount) * 10, -90, 30 + sin(frameCount) * 10, -150); bezierVertex(-30 + sin(frameCount) * 10, -90, 30 + sin(frameCount) * 10, -45, 0, 0); endShape(); popMatrix(); }; var stack1 = function(x, y, w, h) { (rect)(x, y, w, h, 20, 20, 0, 0); }; var stack2 = function(x, y, w, h) { rect(x + w, y, -w, h - 20, 20); rect(x, y + h - 20, w, w / 2); }; var corral = function(x, y) { noFill(); strokeWeight(25); strokeCap(ROUND); stroke(constrain(map(y, 400, 550, 255, 0), 0, 255), 100, constrain(map(y, 400, 550, 140, 255), 140, 255)); arc(x, y, 60, 60, 40, 140); }; var rock = function(x, y, size, direc) { pushMatrix(); translate(x, y); if (direc === "left") { scale(-1, 1); } fill(100, 100, 100); (rect)(0, 0, size, size / 5 * 4, size / 5, size, 0, 0); fill(120, 120, 120); (rect)(size / 5, size / 5, size / 3 * 2, size / 5 * 3, size / 15 * 2, size / 3 * 2, 0, 0); popMatrix(); }; //} // Backgrounds //{ var bg = function() { background(30, 150, 210); noStroke(); fill(0, 100, 170); pile(0, 225, 150); pile(300, 255, 150); pile(570, 270, 120); pile(600, 150, 50); rect(0, 300, 600, 300); fill(30, 130, 190); pile(0, 300, 75); pile(225, 300, 120); pile(555, 300, 90); rect(0, 360, 600, 270); fill(0, 100, 170); pile(-30, 450, 150); pile(240, 450, 120); pile(210, 375, 90); rect(0, 450, 600, 150); fill(60, 160, 230); rect(0, 525, 600, 75); fill(190, 180, 115); rect(375, 540, 225, 75); rect(300, 540, 150, 30, 30); rect(345, 585, 75, -15, 30); rect(255, 585, 150, 30, 30); fill(100, 200, 0); seaweed(75, 540); seaweed(100, 550); seaweed(450, 540); rock(55, 495, 75, "right"); rock(525, 510, 60, "left"); for (var i = 0; i < fish.length; i++) { fill(0, 40, 120); bezier(fish[i].x, fish[i].y, fish[i].x + fish[i].direc * 40, fish[i].y + 50, fish[i].x + fish[i].direc * 40, fish[i].y - 30, fish[i].x, fish[i].y + 20); } for (var i = 0; i < fish.length; i++) { fish[i].x += fish[i].direc * fish[i].fishS; if (fish[i].x > 700 \|\| fish[i].x < -100) { fish.splice(i, 1); } } if (frameCount % 150 === 0) { if (Math.floor(random(2)) === 0) { if (Math.floor(random(2)) === 0) { fish.push({x : -40, y : random(10, 500), direc : 1, fishS : random(0.5, 1.3)}); } else { fish.push({x : 640, y : random(10, 500), direc : -1, fishS : random(0.5, 1.3)}); } } else { fishY = random(60, 450); fishS = random(0.5, 1.3); if (Math.floor(random(2)) === 0) { for (var i = 0; i < 6; i++) { fish.push({x : -40 - random(50), y : fishY + random(-50, 50), direc : 1, fishS : fishS}); } } else { for (var i = 0; i < 6; i++) { fish.push({x : 640 + random(50), y : fishY + random(-50, 50), direc : -1, fishS : fishS}); } } } } }; var bg2 = function() { background(30, 150, 210); noStroke(); fill(0, 100, 170); pile(400, 250, 150); fill(30, 130, 190); pile(270, 305, 95); pile(525, 280, 120); fill(190, 180, 115); rect(20, 400, 600, 30, 30); rect(70, 445, 600, -15, 30); (rect)(35, 445, 570, 30, 30, 0, 30, 30); rect(200, 490, 300, -15, 30); rect(100, 490, 450, 30, 30); fill(150, 70, 70); beginShape(); vertex(200, 410); bezierVertex(150, 360, 150, 330, 200, 300); bezierVertex(250, 280, 240, 200, 270, 200); bezierVertex(340, 190, 280, 290, 300, 300); bezierVertex(330, 300, 340, 280, 350, 290); bezierVertex(360, 290, 360, 350, 300, 340); bezierVertex(240, 330, 290, 420, 320, 380); bezierVertex(330, 360, 340, 360, 350, 410); endShape(); fill(0, 0, 0, 150); ellipse(270, 270, 30, 30); ellipse(230, 350, 40, 40); fill(100, 200, 0); pushMatrix(); translate(500, 420); scale(1.3, 2); seaweed(-30, 5); seaweed(0, 0); seaweed(30, 10); popMatrix(); rock(85, 395, 75, "right"); rock(595, 365, 100, "left"); rock(580, 410, 60, "left"); }; var bg3 = function() { background(30, 150, 210); noStroke(); fill(0, 100, 170); pile(400, 250, 150); pile(100, 270, 130); fill(30, 130, 190); pile(240, 295, 105); pile(525, 280, 120); fill(190, 180, 115); stack1(-5, 220, 40, 200); stack2(35, 300, 40, 120); stack1(75, 260, 40, 160); stack2(115, 295, 40, 125); stack1(155, 200, 40, 220); stack2(195, 330, 100, 60); stack1(295, 245, 40, 175); stack2(335, 280, 30, 145); stack1(365, 160, 40, 260); stack2(405, 205, 10, 230); stack1(415, 180, 30, 50); stack2(415, 320, 70, 85); stack1(485, 270, 40, 150); stack2(545, 360, 95, 32); (rect)(415, 230, 30, 30, 0, 0, 20, 0); (rect)(525, 300, 20, 120, 0, 20, 0, 0); rect(0, 420, 600, 180); fill(60, 160, 230); rect(0, 420, 300, 180); rect(0, 420, 400, 30, 20); rect(0, 470, 350, -20, 20); rect(0, 470, 420, 30, 20); rect(0, 520, 330, -20, 20); rect(0, 520, 410, 30, 20); rect(0, 600, 350, -50, 20); fill(0, 0, 0, 15); rect(0, 370, 600, 50); rect(0, 395, 600, 25); frameCount -= 10; fill(70, 170, 0); seaweed(410, 445); frameCount += 70; seaweed(450, 445); frameCount -= 60; fill(100, 200, 0); seaweed(430, 455); frameCount += 50; seaweed(470, 455); frameCount -= 120; seaweed(385, 455); frameCount += 70; corral(100, 400); corral(60, 425); corral(120, 450); corral(20, 470); corral(105, 475); corral(60, 490); corral(10, 500); corral(135, 500); corral(100, 520); littleGuy(80, 340, 15); fill(150, 0, 0); beginShape(); vertex(290, 450); bezierVertex(270, 450, 270, 350, 280, 300); vertex(305, 305); bezierVertex(280, 350, 295, 450, 300, 450); vertex(310, 450); bezierVertex(300, 400, 300, 360, 320, 340); vertex(335, 345); bezierVertex(315, 370, 315, 410, 320, 450); endShape(); fill(255, 0, 0); pushMatrix(); translate(567, 470); rotate(20); ellipse(0, 0, 60, 35); arc(-30, 15, 25, 25, 150, 450); arc(30, 15, 25, 25, 90, 390); fill(0, 0, 0); ellipse(-12, -2, 7, 7); ellipse(12, -2, 7, 7); arc(0, 5, 10, 10, 0, 180); popMatrix(); rock(250, 400, 80, "right"); rock(470, 435, 90, "left"); rock(520, 490, 30, "left"); }; //} // Menu stuff var octoR = 0; var octoY = -100; // Game Stuff var points = []; var curPoint = {x : 0, y : 0}; var curType = 0; var octopi = []; // Octopus constructor //{ var Octopus = function(x, y, type) { this.x = x; this.y = y; this.type = type; this.size = 30; this.checkDirecs = [ {x : -1, y : 0}, {x : 0, y : -1}, {x : 1, y : 0}, {x : 0, y : 1} ]; }; Octopus.prototype.display = function() { noStroke(); if (this.type === 5) { pushMatrix(); translate(this.x * 50 + 75, this.y * 50 + 50); fill(255, 200, 0, 100); ellipse(0, 0, this.size * 1.6, this.size * 1.6); rotate(frameCount); for (var i = 0; i < 8; i++) { rotate(45); quad(0, -this.size / 12, 0, this.size / 12, this.size + sin(frameCount * 2) * this.size / 10, this.size / 6, this.size + sin(frameCount * 2) * this.size / 10, -this.size / 6); } popMatrix(); } imageMode(CENTER); image(skins[this.type], this.x * 50 + 75, this.y * 50 + 50, this.size / 100 * 89, this.size); this.size += Smooth(this.size, 30, 10); }; Octopus.prototype.reset = function() { this.type = Math.floor(random(5)); this.size = 0.001; }; //} var fish = [], fishY, fishS; var tiles = []; for (var i = 0; i < 10; i++) { for (var j = 0; j < 10; j++) { tiles.push({x : j * 50 + 50, y : i * 50 + 25}); } } // Image loading var curImg = 0; var bgImg, redImg, purpleImg, blueImg, greenImg, yellowImg, specialImg; var loadedImages = [], loading = true; var imagesToLoad = [ { display : function() { for (var i = 0; i < tiles.length; i++) { stroke(255, 255, 255, 50); strokeWeight(2); fill(50, 170, 230, 150); rect(tiles[i].x, tiles[i].y, 50, 50); } }, width : 600, height : 600 }, { display : function() { redOcto(178, 178, 355); }, width : 356, height : 400 }, { display : function() { purpleOcto(178, 178, 355); }, width : 356, height : 400 }, { display : function() { blueOcto(178, 178, 355); }, width : 356, height : 400 }, { display : function() { greenOcto(178, 178, 355); }, width : 356, height : 400 }, { display : function() { yellowOcto(178, 178, 355); }, width : 356, height : 400 }, { display : function() { specialOcto(178, 178, 355); }, width : 356, height : 400 } ]; // Ending var dieObj = { y : -100, display : function() { textAlign(CENTER, CENTER); fill(255, 255, 255); textSize(100); text("Time's up!", 300, this.y); textSize(40); text("Score: " + score, this.y + 200, 300); text("High score: " + highscore, this.y + 200, 350); this.y += Smooth(this.y, 100, 10); back.pack(); }, reset : function() { this.y = -100; } }; // Countdown before game var countdown = { time : 3, m : millis() + 1000, act : function() { if (millis() > this.m && !slide.moving) { this.time --; this.m = millis() + 1000; } else if (slide.moving) { this.m = millis() + 1000; } textAlign(CENTER, CENTER); textSize(150); fill(255, 255, 255, map(this.m - millis(), 1000, 0, 255, 0)); if (this.time > 0) { text(this.time, 300, 300); } else if (this.time === 0) { text("Go!", 300, 300); } }, reset : function() { this.time = 3; }, done : function() { return this.time < 0; } }; // Timer var timer = { time : 60, m1 : millis(), m2 : millis() + 1000, tick : function() { this.m1 = millis(); if (this.m1 > this.m2) { this.m2 = millis() + 1000; if (countdown.done()) { this.time --; } } }, reset : function() { this.time = 60; } }; // Game functions var checkMouse = function() { for (var i = -1; i < 2; i++) { for (var j = -1; j < 2; j++) { if (Math.floor(map(mouseX, 50, 550, 0, 10)) === curPoint.x + i && Math.floor(map(mouseY, 25, 525, 0, 10)) === curPoint.y + j) { return true; } } } return false; }; var checkSame = function() { for (var i = 0; i < points.length; i++) { if (Math.floor(map(mouseX, 50, 550, 0, 10)) === points[i].x && Math.floor(map(mouseY, 25, 525, 0, 10)) === points[i].y) { return true; } } return false; }; var checkOctopi = function(x, y) { return octopi[y][x].type === curType \|\| octopi[y][x].type === 5; }; var setPoint = function() { if (!start) { start = true; points.push({x : Math.floor(map(mouseX, 50, 550, 0, 10)), y : Math.floor(map(mouseY, 25, 525, 0, 10))}); curPoint.x = Math.floor(map(mouseX, 50, 550, 0, 10)); curPoint.y = Math.floor(map(mouseY, 25, 525, 0, 10)); curType = octopi[curPoint.y][curPoint.x].type; } }; var showOctopi = function() { for (var i = 0; i < octopi.length; i++) { for (var j = 0; j < octopi[i].length; j++) { octopi[i][j].display(); } } }; var showLine = function() { noFill(); stroke(255, 255, 255, 150); strokeWeight(5); beginShape(); for (var i = 0; i < points.length; i++) { vertex(points[i].x * 50 + 75, points[i].y * 50 + 50); if (octopi[points[i].y][points[i].x].type === 5) { nextScore = 2; } } endShape(); }; var showScore = function() { fill(255, 255, 255); textSize(30); textAlign(LEFT, TOP); text("Score: " + score + " \| Time: " + timer.time, 30, 550); }; var testStart = function() { if (mouseIsPressed) { if (mouseX > 50 && mouseX < 550 && mouseY > 25 && mouseY < 525 && countdown.done()) { overButton = true; setPoint(); noStroke(); fill(0, 0, 0, 100); ellipse(mouseX + 45, mouseY - 45, 40, 40); if (points.length > 2) { fill(255, 255, 255); textSize(30); textAlign(CENTER, CENTER); text(nextScore, mouseX + 45, mouseY - 45); } else { stroke(255, 0, 0); strokeWeight(3); strokeCap(SQUARE); pushMatrix(); translate(mouseX + 45, mouseY - 45); line(-10, -10, 10, 10); line(-10, 10, 10, -10); popMatrix(); } } } }; var testForOver = function() { if (timer.time <= 0) { if (score > highscore) { highscore = score; newHigh = true; } slide.reset("gameOver"); } }; var newSeg = function() { if (mouseX > 50 && mouseX < 550 && mouseY > 25 && mouseY < 525) { if (drag && start && checkMouse() && !checkSame() && checkOctopi(Math.floor(map(mouseX, 50, 550, 0, 10)), Math.floor(map(mouseY, 25, 525, 0, 10))) && countdown.done()) { points.push({x : Math.floor(map(mouseX, 50, 550, 0, 10)), y : Math.floor(map(mouseY, 25, 525, 0, 10))}); curPoint.x = Math.floor(map(mouseX, 50, 550, 0, 10)); curPoint.y = Math.floor(map(mouseY, 25, 525, 0, 10)); } } }; var delSeg = function() { if (drag && start && checkMouse()) { if (mouseX > 50 && mouseX < 550 && mouseY > 25 && mouseY < 525) { try { if (Math.floor(map(mouseX, 50, 550, 0, 10)) === points[points.length - 2].x && Math.floor(map(mouseY, 25, 525, 0, 10)) === points[points.length - 2].y) { points.pop(); } } catch (e) {} } } }; var showDate = function() { fill(255, 255, 255); textSize(10); textAlign(LEFT, BOTTOM); if (year() !== yearReleased) { text("©" + yearReleased + " - " + year() + " Green Ghost", 5, 595); } else { text("©" + yearReleased + " Green Ghost", 5, 595); } }; // The game var game = function() { bg(); imageMode(CORNER); image(bgImg, 0, 0); nextScore = points.length points.length; showOctopi(); showLine(); testStart(); newSeg(); delSeg(); timer.tick(); showScore(); testForOver(); countdown.act(); }; // The menu var menu = function() { newHigh = false; bg2(); if (frameCount % 30 === 0) { bubbles.push(new Bubble()); } heading(); pushMatrix(); translate(150, 130); rotate(-40); basicOcto(0, 0, color(255, 255, 255), 100); fill(30, 150, 210); ellipse(0, 0, 55, 55); popMatrix(); noStroke(); fill(255, 255, 255, octoR * 2); rect(0, 0, width, height); for (var i = bubbles.length - 1; i > -1; i--) { bubbles[i].act(); if (bubbles[i].dead()) { bubbles.splice(i, 1); } } imageMode(CENTER); pushMatrix(); translate(340, octoY); rotate(map(octoR, 0, 35, 0, 100)); for (var i = skins.length - 2; i > -1; i--) { rotate(-octoR); image(skins[i], 0, -100, map(i, 0, skins.length - 1, 116, 45), map(i, 0, skins.length - 1, 130, 50)); } popMatrix(); octoY += Smooth(octoY, 300, 10); if (octoY > 295) { octoR += Smooth(octoR, 35, 10); } play.pack(); showDate(); }; // Instructions var how = function() { bg(); howY += Smooth(howY, 300, 10); pushMatrix(); translate(0, howY); stroke(255, 255, 255, 50); strokeWeight(2); fill(50, 170, 230, 150); for (var i = 0; i < 3; i++) { for (var j = 0; j < 3; j++) { rect(125 + i * 50, -75 + j * 50, 50, 50); } } redOcto(150, 0, 30); redOcto(200, 0, 30); redOcto(250, -50, 30); redOcto(150, 50, 30); purpleOcto(150, -50, 30); blueOcto(200, -50, 30); blueOcto(250, 0, 30); greenOcto(200, 50, 30); yellowOcto(250, 50, 30); noFill(); stroke(255, 255, 255, 150); strokeWeight(5); beginShape(); vertex(250, -50); vertex(200, 0); vertex(150, 0); vertex(150, 50); endShape(); fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(30); text("Click and drag a line that connects octopuses of the same color. The line must be at least three octopuses long.", 325, -200, 250, 400); textSize(20); text("Get a line ten octopuses long or\nlonger to get a special octopus\nthat gives you x2 points!", 300, 225); popMatrix(); textSize(70); text("Instructions", 230, 70); next.pack(); }; // Loading function var load = function() { background(255, 255, 255, 0); imagesToLoad[curImg].display(); loadedImages.push(get(0, 0, imagesToLoad[curImg].width, imagesToLoad[curImg].height)); curImg ++; loadAmount = map(curImg, 0, imagesToLoad.length, 0, 100); if (curImg >= imagesToLoad.length) { loading = false; bgImg = loadedImages[0]; redImg = loadedImages[1]; purpleImg = loadedImages[2]; blueImg = loadedImages[3]; greenImg = loadedImages[4]; yellowImg = loadedImages[5]; specialImg = loadedImages[6]; skins = [ redImg, purpleImg, blueImg, greenImg, yellowImg, specialImg ]; showCont = true; } }; // Game over function var gameOver = function() { bg2(); if (frameCount % 30 === 0) { bubbles.push(new Bubble()); } for (var i = bubbles.length - 1; i > -1; i--) { bubbles[i].act(); if (bubbles[i].dead()) { bubbles.splice(i, 1); } } dieObj.display(); if (newHigh) { fill(255, 0, 0, map(dieObj.y, -100, 100, 0, 255)); textSize(35); pushMatrix(); translate(470, 250); rotate(30); text("New highscore!", 0, 0); stroke(255, 0, 0, map(dieObj.y, -100, 100, 0, 255)); strokeWeight(2); noFill(); rectMode(CENTER); rect(0, 0, textWidth("New highscore!") + 10, 50); rectMode(CORNER); popMatrix(); } }; // Background for loading screen var loadBG = function() { bg3(); strokeWeight(4); stroke(100, 100, 100); line(30, 550, 30 + map(loadAmount, 0, 100, 0, 540), 550); for (var i = 0; i < skins2.length; i++) { if (map(loadAmount, 0, 100, 0, skins2.length) - 0.5 >= i) { skins2[i](90 + map(i, 0, skins2.length, 0, 540), 545, 50); } else { basicOcto(90 + map(i, 0, skins2.length, 0, 540), 545, color(100, 100, 100), 50); } } fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(60); text("Loading", 300, 40); stroke(255, 255, 255); strokeCap(SQUARE); strokeWeight(3); line(30, 40, 160, 40); line(440, 40, 570, 40); if (showCont) { continueB.pack(); } }; // Resets game restartGame = function() { dieObj.reset(); timer.reset(); countdown.reset(); fish = []; tiles = []; for (var i = 0; i < 10; i++) { for (var j = 0; j < 10; j++) { tiles.push({x : j * 50 + 50, y : i * 50 + 25}); } } octopi = []; for (var i = 0; i < 10; i++) { octopi.push([]); for (var j = 0; j < 10; j++) { octopi[i].push(new Octopus(j, i, Math.floor(random(5)))); } } points = []; curPoint = {x : 0, y : 0}; curType = 0; start = false; score = 0; }; // Logo //{ var GGlogo = function(x, y, size) { noStroke(); fill(0, 0, 0, 100); 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, 150, 0); 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(); }; var fish = function(x, y, w, h, left, eye) { pushMatrix(); if (left) { translate(x * 2, 0); scale(-1, 1); } noStroke(); beginShape(); vertex(x, y - h / 2); bezierVertex(x + w / 2, y - h / 3, x + w / 2, y + h / 3, x, y + h / 2); bezierVertex(x - w / 1.5, y + h / 6, x - w / 1.5, y - h / 6, x, y - h / 2); endShape(); triangle(x + w / 8, y - h / 2.2, x - w / 8, y - h / 3, x - w / 8, y - h); triangle(x + w / 8, y + h / 2.2, x - w / 8, y + h / 3, x - w / 6, y + h / 1.3); triangle(x - w / 2.5, y, x - w / 1.5, y - h / 2, x - w / 1.7, y + h / 3); if (eye) { fill(255, 255, 255); ellipse(x + w / 4, y, Math.min(w, h) / 3, Math.min(w, h) / 3); fill(0, 0, 0); ellipse(x + w / 4, y, Math.min(w, h) / 5, Math.min(w, h) / 5); } popMatrix(); }; var logoY = 0, logoX = 0; var logoStart = 30; var logoSize = 0; var logoName = "Green Ghost"; var bubblePos = [ [200, 2500, 50], [400, 2600, 100], [300, 2750, 170] ]; var logo = function() { logoStart --; if (logoStart < -530 \|\| click) { slide.reset("menu"); } background(150, 215, 255); noStroke(); for (var i = 0; i < 10; i++) { fill(0, 0, 200 - i * 15, 50 + i * 15); rect(0, i * 200 - logoY + 300, width, height); } fill(0, 0, 50); fish(200, 1700 - logoY, 100, 40); fish(300, 1900 - logoY, 120, 50, true); fish(300, 1590 - logoY, 200, 50); arc(500, 1800 - logoY, 100, 100, 181, 360); for (var i = 0; i < 4; i++) { stroke(0, 0, 50); strokeCap(ROUND); strokeWeight(3); line(470 + i * 20, 1800 - logoY, 470 + i * 20, 1905 - logoY); } fill(255, 170, 0); fish(300, 900 - logoY, 150, 40, true, true); fill(255, 100, 0); fish(300, 600 - logoY, 210, 50, false, true); fill(50, 0, 100); fish(100, 1250 - logoY, 80, 30, true, true); fill(160, 160, 200); fish(500, 510 - logoY, 120, 20, true, true); fill(100, 100, 100); rect(400, 1000 - logoY, 300, 200, 40); fill(255, 255, 255); ellipse(450, 1090 - logoY, 40, 40); fill(0, 0, 0); ellipse(450, 1090 - logoY, 25, 25); if (logoY < 1700 && logoStart < 1) { logoY += 5; } else { if (bubblePos[bubblePos.length - 1][1] > 2050) { for (var i in bubblePos) { bubblePos[i][1] -= 5; } } else { logoSize += Smooth(logoSize, 900, 7); } } fill(255, 255, 255); rect(50, 50 - logoY, 150, 30, 20); rect(400, 70 - logoY, 150, 30, 20); rect(200, 105 - logoY, 160, 30, 20); fill(150, 135, 90); rect(0, 2250 - logoY, 600, 50); for (var i = 0; i < bubblePos.length; i++) { fill(0, 255, 0, 150); ellipse(bubblePos[i][0], bubblePos[i][1] - logoY, bubblePos[i][2], bubblePos[i][2]); noFill(); strokeCap(SQUARE); strokeWeight(bubblePos[i][2] / 10); stroke(255, 255, 255, 100); arc(bubblePos[i][0], bubblePos[i][1] - logoY, bubblePos[i][2] / 1.3, bubblePos[i][2] / 1.3, -60, 10); noStroke(); } fill(80, 255, 80); ellipse(300, 300, logoSize, logoSize); fill(255, 255, 255, map(logoSize, 0, 900, 0, 140)); quad(0, 500, 0, 600, 600, 600, 600, 0); GGlogo(300, 350 - logoSize / 4, logoSize / 3); fill(0, 0, 0); logoX = 0; textSize(60); textAlign(CENTER, CENTER); if (logoY >= 1700 && logoSize > 0) { for (i = 0; i < logoName.length; i++) { text(logoName[i], logoX + 133, 1400 - logoSize + sin(logoStart + i * 5 + 45) * (900 - logoSize)); logoX += textWidth(logoName[i]) / 1.04; } } }; //} // Puts it all together draw = function() { cursor(overButton ? "pointer" : "default"); overButton = false; if (loading) { load(); } switch (scene) { case "load": loadBG(); break; case "logo": logo(); break; case "menu": menu(); break; case "game": game(); break; case "how": how(); break; case "gameOver": gameOver(); break; } slide.display(); click = false; drag = false; }; // Click event mouseClicked = function() { click = true; }; // Drag event mouseDragged = function() { drag = true; }; // Release event mouseReleased = function() { if (scene !== "game") { return; } if (points.length > 2) { nextScore = points.length * points.length; for (var i = 0; i < points.length; i++) { if (octopi[points[i].y][points[i].x].type === 5) { nextScore *= 2; } octopi[points[i].y][points[i].x].reset(); } score += nextScore; } if (points.length >= 10) { octopi[points[0].y][points[0].x].type = 5; } points = []; start = false; mouseIsPressed = false; };
Folds	35,37,40,72,75,199,204,222,229,349,352,383,386,469,472,689,704,741,746,750,756,811,814,830,833,859,862,878,881,890,892,899,901,903,905,913,915,921,923,935,937,942,944,970,972,980,982,990,992,1002,1004,1013,1016,1039,1042,1091,1094,1140,1143,1169,1172,1203,1206,1235,1238,1267,1270,1441,1444,1475,1478,1480,1483,1485,1488,1511
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOLTmo6jCAw
Votes	322
Spin-Offs	17
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	10 months ago, 1739365663688
Updated	8 months ago, 1744828930731
Source Deleted	unknown