Viewing Program

Program Data

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

Title	The Wanderer
ID	6648034770321408
Created	7 years ago, 1524085524267
Updated	6 years ago, 1568226137908
Code	/* I've been programming 19 months, and I have learned 100% of Intro to JS. / // Testers: Supersonic and Talha Muhib. / Started: 4/2/2018 Finished: 4/18/2018 Released: 4/18/2018 4/18/2018: It's out! 37 votes, third on the hotlist! 4/19/2018: 169 votes, top of the hotlist! 4/20/2018: 216 votes, dropped to third. 4/20/2018: 232 votes, dropped to fifth. 4/21/2018: Tenth on the hotlist, 238 votes. 5/8/2018: 257 votes! 8/27/2018: 277 votes! 9/11/2019: 380 votes, updated the menu with one of my graphics, The Misty Gate! / smooth(); randomSeed(25); textFont(createFont("FreeSans")); var blockSize = 50; var blockAmount = width / blockSize, startX = 0, startY = 0; var Changer; var scene = "logo"; var click = false; var player, sample, types, collisions, traders; /* Smooth motion */ var Smooth = function(pos1, pos2, div) { return (pos1 - pos2) / div; }; noStroke(); // Create a Collatz sequence function var collatz = function(num) { num = Math.floor(num); if (num % 2 === 0) { return num / 2; } return num 3 + 1; }; // This variable is the reset number var startNum = 1000; // Number used to change the y of the stars var starNum = startNum; // Use the "collatz" function to create a star pattern var showStars = function(x, y, r, c) { c.pushMatrix(); c.translate(x, y); c.rotate(r); for (var i = 0; i < width; i++) { c.fill(255, 255, 255, sin(starNum - 90 + sin(r) * 400 + i / 10) * 120 + collatz(starNum * 100) / 200); c.ellipse(i, starNum, 2, 2); starNum = collatz(starNum); if (starNum === 1) { starNum = startNum; } } starNum = starNum; c.popMatrix(); }; // Glow positions array var glowPos = [ [117, 506], [180, 475], [80, 427], [382, 532], [502, 500], [480, 412], [568, 454], [547, 553], [47, 276], [34, 541], [467, 317], [577, 272] ]; // Function for the bricks var brick = function(x, y, c) { c.noStroke(); c.fill(140, 140, 150); c.pushMatrix(); c.translate(x, y); c.rect(0, 0, 60, 40, 10); c.fill(90, 90, 100); c.rect(0, 15, 40, 25, 10); c.rect(0, 25, 50, 15, 10); c.rect(0, 0, 25, 40, 10); c.ellipse(40, 20, 10, 10); c.ellipse(35, 8, 10, 10); c.ellipse(50, 15, 10, 10); c.popMatrix(); }; // Funtion for the glowing things var glow = function(x, y, c) { c.pushMatrix(); c.translate(x, y); c.scale(map(sin(x + y * 173), -1, 1, 0.3, 1)); c.fill(100, 220, 255, 150); c.ellipse(0, 0, 10, 10); for (var i = 0; i < 30; i++) { // Uses sin and cos to create a glow effect. c.fill(100, 220, 255, 15); c.ellipse(sin(i * 12) * 8, cos(i * 12) * 8, 10, 10); } c.popMatrix(); }; // Cloud function var cloud = function(x, y, size, c) { c.rect(x, y, size, size / 3, size); c.rect(x + size / 3, y - size / 6, size / 2, size / 6, size, size, 0, 0); }; // Leaf function var leaf = function(x, y, r, c) { c.noStroke(); c.pushMatrix(); c.translate(x, y); c.rotate(r); c.fill(0, 80, 50); c.beginShape(); c.vertex(0, -20); c.vertex(7, -3); c.vertex(15, 0); c.vertex(10, 15); c.bezierVertex(6, 20, 3, 20, 0, 15); c.bezierVertex(-3, 20, -6, 20, -10, 15); c.vertex(-15, 0); c.vertex(-7, -3); c.endShape(); c.popMatrix(); }; / Scene Transitions / // { Changer = function() { this.y = 600; this.sceneTo = "menu"; this.start = -8; this.gravity = 0; this.size = 1; this.rotate = 0; this.timer = 5; this.go = false; }; Changer.prototype.display = function() { fill(0, 0, 0); noStroke(); pushMatrix(); translate(300, this.y + 300); rotate(this.rotate); scale(this.size, this.size); rect(-300, this.y - 300, 600, 600); popMatrix(); if (this.start < 0) { this.y += this.gravity; this.gravity += 0.8; } else { scene = this.sceneTo; this.timer --; if (scene === "game" && startX === 24 && startY === 0 && this.size > 0.2) { player.x = blockSize * 2; player.y = blockSize * 5; } } if (this.y > 0 && this.y < 500) { this.y = 0; this.gravity = this.start; this.start = Math.ceil(this.start / 2); } if (this.timer < 0) { this.size -= Smooth(this.size, 0, 8); this.rotate -= Smooth(this.rotate, 180, 10); } if (this.size < 0.2) { this.go = false; } }; Changer.prototype.reset = function(sceneTo) { this.sceneTo = sceneTo; this.y = -600; this.start = -8; this.gravity = 2; this.size = 1; this.rotate = 0; this.timer = 5; this.go = true; }; // } var changer = new Changer(); / Logo / // { var logoText = "Green Ghost"; var logoSize = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var logoVel = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var diamonds = []; for (var i = 0; i < 30; i++) { diamonds.push({x : random(0, 600), y : random(0, 600), size : random(50, 80), vel : random(5, 10)}); } var logoNum = 1; var logoTimer = 0; var bounceText = function(x, y, string, list, vel) { x -= textWidth(string) / 2; for (var i = 0; i < string.length; i++) { if (vel[i] >= 0 \|\| list[i] > 60) { list[i] += vel[i]; } else { list[i] = 60; } textSize(list[i]); text(string[i], x - (string[i] === "r" ? 9 : 0), y); textSize(60); x += textWidth(string[i]); } }; var logo = function() { logoTimer ++; background(100, 100, 100); for (var i = 0; i < diamonds.length; i++) { fill(50, 50, 50); quad(diamonds[i].x, diamonds[i].y, diamonds[i].x + diamonds[i].size / 2, diamonds[i].y + diamonds[i].size, diamonds[i].x, diamonds[i].y + diamonds[i].size * 2, diamonds[i].x - diamonds[i].size / 2, diamonds[i].y + diamonds[i].size); if (diamonds[i].size > 70) { fill(100, 100, 100); quad(diamonds[i].x, diamonds[i].y + diamonds[i].size / 2, diamonds[i].x + diamonds[i].size / 4, diamonds[i].y + diamonds[i].size, diamonds[i].x, diamonds[i].y + diamonds[i].size * 1.5, diamonds[i].x - diamonds[i].size / 4, diamonds[i].y + diamonds[i].size); } diamonds[i].y += diamonds[i].vel; if (diamonds[i].y > 600) { diamonds[i].y = -diamonds[i].size * 2; diamonds[i].x = random(0, 600); } } textAlign(CENTER, CENTER); fill(0, 200, 0); bounceText(323, 500, logoText, logoSize, logoVel); for (var i = 0; i < logoNum; i++) { if (logoSize[i] < 60) { if (logoVel[i] >= 0) { logoVel[i] += 0.5; } } else { logoVel[i] -= 0.5; } } if (frameCount % 10 === 0) { logoNum ++; } pushMatrix(); translate(0, 50); noStroke(); arc(300, 300, 200, 250, 250, 290); beginShape(); vertex(250, 185); bezierVertex(150, 250, 150, 300, 285, 300); vertex(272, 260); vertex(240, 270); bezierVertex(230, 260, 220, 230, 262, 225); endShape(); beginShape(); vertex(350, 185); bezierVertex(450, 250, 450, 300, 315, 300); vertex(328, 260); vertex(360, 270); bezierVertex(370, 260, 380, 230, 338, 225); endShape(); popMatrix(); if (logoTimer > 360 && !changer.go \|\| click && !changer.go) { changer.reset("menu"); } }; // } var newLevel, mapCopy, Copy = [], badNum = [], items; var playerSpeed = 3; / Image data / // { var graphics = [ { display : function() { this.canvas.noStroke(); this.pixelY = 0; for (var i = 0; i < this.canvas.width; i++) { this.noiseAmount = noise(this.pixelX, this.pixelY); this.mapToColor = map(this.noiseAmount, 0, 1, 0, 355); this.canvas.fill(this.mapToColor - 100, this.mapToColor - 160, this.mapToColor - 200, 150); this.canvas.rect(i, this.pixY, 1, 1); this.pixelY += 0.02; } this.pixelX += 0.02; this.pixY ++; }, noiseAmount : 0, mapToColor : 0, pixelX : 0, pixelY : 0, pixY : 0, canvas : createGraphics(400, 400, P2D) }, { display : function() { this.canvas.background(255, 255, 255, 0); this.canvas.noStroke(); this.canvas.fill(90, 65, 20); this.canvas.rect(0, 0, blockSize, blockSize); this.canvas.strokeCap(SQUARE); this.canvas.strokeWeight(4); this.canvas.stroke(140, 100, 50); this.canvas.line(0, blockSize / 4, blockSize / 3 * 2, blockSize / 4); this.canvas.line(0, blockSize / 4 * 3, blockSize / 2, blockSize / 4 * 3); this.canvas.line(blockSize - 1, blockSize / 2, blockSize / 3, blockSize / 2); this.pixY = blockSize; }, pixY : 0, canvas : createGraphics(blockSize, blockSize, P2D) }, { display : function() { this.canvas.background(255, 255, 255, 0); this.canvas.noStroke(); this.canvas.fill(100, 100, 100); this.canvas.rect(0, 0, blockSize, blockSize); this.canvas.fill(70, 70, 70); this.canvas.rect(0,blockSize / 14, blockSize / 7 * 3, blockSize / 7 * 3); this.canvas.rect(blockSize / 7 * 4, blockSize / 14, blockSize / 7 * 3, blockSize / 7 * 3); this.canvas.rect(0, blockSize / 7 * 4, blockSize / 7 * 4, blockSize / 7 * 3); this.canvas.rect(blockSize / 7 * 4, blockSize / 7 * 4, blockSize / 7 * 2, blockSize / 7 * 3); this.pixY = blockSize; }, pixY : 0, canvas : createGraphics(blockSize, blockSize, P2D) }, { display : function() { this.canvas.background(255, 255, 255, 0); this.canvas.fill(255, 255, 255); this.canvas.ellipse(200, 200, 400, 400); this.pixY = 400; }, pixY : 0, canvas : createGraphics(400, 400, P2D) }, { display : function() { this.canvas.angleMode = "degrees"; this.canvas.background(0, 15, 70); // Background glow for (var i = 0; i < 100; i++) { this.canvas.fill(100, 100, 255, 3); this.canvas.ellipse(300, 500, 50 + i * 10, 50 + i * 10); } // Stars // { this.canvas.pushMatrix(); this.canvas.translate(0, -40); showStars(0, 100, -10, this.canvas); showStars(600, 170, 170, this.canvas); showStars(0, 0, 10, this.canvas); showStars(600, 300, 180, this.canvas); this.canvas.popMatrix(); // } // Moon // { this.canvas.fill(0, 0, 150, 10); for (var i = 0; i < 30; i++) { this.canvas.ellipse(100, 100, 100 + i, 100 + i); } this.canvas.fill(220, 220, 220); this.canvas.ellipse(100, 100, 100, 100); this.canvas.fill(0, 0, 0, 30); this.canvas.arc(100, 100, 100, 100, 60, 220); this.canvas.pushMatrix(); this.canvas.translate(100, 100); this.canvas.rotate(-45); this.canvas.fill(220, 220, 220); this.canvas.ellipse(0, 0, 60, 100); this.canvas.popMatrix(); // } // Clouds // { this.canvas.fill(255, 255, 255, 20); this.canvas.beginShape(); this.canvas.vertex(0, 0); this.canvas.vertex(600, 0); this.canvas.vertex(600, 100); this.canvas.bezierVertex(505, 200, 180, 80, 0, 100); this.canvas.endShape(); this.canvas.beginShape(); this.canvas.vertex(0, 0); this.canvas.vertex(600, 0); this.canvas.vertex(600, 200); this.canvas.bezierVertex(480, 180, 230, 380, 0, 200); this.canvas.endShape(); this.canvas.fill(255, 255, 255, 100); cloud(100, 100, 100, this.canvas); cloud(400, 50, 120, this.canvas); cloud(450, 200, 110, this.canvas); this.canvas.rect(50, 200, 100, 30, 10); this.canvas.rect(320, 100, 100, 30, 10); // } // Background city // { this.canvas.fill(0, 0, 0); this.canvas.beginShape(); this.canvas.vertex(0, 300); this.canvas.vertex(100, 300); this.canvas.vertex(100, 250); this.canvas.vertex(90, 250); this.canvas.vertex(120, 220); this.canvas.vertex(150, 250); this.canvas.vertex(140, 250); this.canvas.vertex(140, 270); this.canvas.vertex(170, 270); this.canvas.vertex(200, 300); this.canvas.vertex(200, 240); this.canvas.bezierVertex(220, 240, 260, 260, 270, 300); this.canvas.vertex(300, 300); this.canvas.vertex(300, 270); this.canvas.vertex(330, 270); this.canvas.vertex(330, 250); this.canvas.vertex(360, 250); this.canvas.vertex(360, 300); this.canvas.vertex(400, 300); this.canvas.vertex(420, 230); this.canvas.vertex(440, 300); this.canvas.vertex(460, 250); this.canvas.vertex(480, 300); this.canvas.vertex(500, 300); this.canvas.vertex(500, 250); this.canvas.vertex(520, 250); this.canvas.vertex(520, 230); this.canvas.vertex(525, 230); this.canvas.vertex(525, 250); this.canvas.vertex(545, 250); this.canvas.vertex(545, 300); this.canvas.vertex(600, 300); this.canvas.vertex(600, 600); this.canvas.vertex(0, 600); this.canvas.endShape(); // } // Background ground // { this.canvas.fill(60, 115, 30); this.canvas.ellipse(300, 500, 600, 200); // } // Wall // { this.canvas.fill(50, 50, 60); this.canvas.rect(0, 290, 180, 310); this.canvas.rect(420, 290, 180, 310); this.canvas.fill(100, 100, 110); this.canvas.rect(0, 280, 180, 10); this.canvas.rect(420, 280, 180, 10); for (var i = 0; i < 5; i++) { for (var j = 0; j < 5; j++) { brick((i + j / 2) * 70 % 350 - 200, j * 50 + 300, this.canvas); } } for (var i = 0; i < 5; i++) { for (var j = 0; j < 5; j++) { brick((i + j / 2) * 70 % 350 + 430, j * 50 + 300, this.canvas); } } // } // Gate // { this.canvas.noFill(); this.canvas.stroke(140, 140, 140); this.canvas.strokeWeight(4); this.canvas.strokeCap(SQUARE); this.canvas.beginShape(); this.canvas.vertex(180, 290); this.canvas.bezierVertex(200, 265, 250, 200, 300, 200); this.canvas.bezierVertex(350, 200, 400, 265, 420, 290); this.canvas.vertex(420, 550); this.canvas.vertex(180, 550); this.canvas.vertex(180, 290); this.canvas.endShape(); for (var i = 0; i < 15; i++) { this.canvas.line(i * 16 + 180, 290 - sin(i * 12) * 87, i * 16 + 180, 550); } this.canvas.strokeWeight(6); this.canvas.line(300, 200, 300, 550); // } // Vines // { this.canvas.noFill(); this.canvas.strokeWeight(4); this.canvas.stroke(0, 80, 50); this.canvas.bezier(100, 550, 100, 480, 140, 470, 150, 400); this.canvas.bezier(450, 550, 400, 480, 540, 470, 420, 400); this.canvas.bezier(550, 550, 500, 520, 580, 470, 560, 450); leaf(152, 390, 10, this.canvas); leaf(155, 430, 40, this.canvas); leaf(120, 450, -30, this.canvas); leaf(130, 490, 70, this.canvas); leaf(90, 510, -40, this.canvas); leaf(412, 390, -40, this.canvas); leaf(450, 400, 0, this.canvas); leaf(450, 450, -60, this.canvas); leaf(470, 490, 70, this.canvas); leaf(420, 510, -40, this.canvas); leaf(555, 435, -20, this.canvas); leaf(535, 475, -50, this.canvas); leaf(550, 520, 40, this.canvas); // } // Grass // { this.canvas.noStroke(); this.canvas.fill(0, 60, 40); this.canvas.beginShape(); this.canvas.vertex(0, 550); this.canvas.vertex(40, 550); this.canvas.vertex(40, 520); this.canvas.vertex(50, 550); this.canvas.vertex(50, 510); this.canvas.vertex(60, 540); this.canvas.vertex(70, 530); this.canvas.vertex(65, 550); this.canvas.vertex(400, 550); this.canvas.vertex(400, 500); this.canvas.vertex(410, 550); this.canvas.vertex(430, 520); this.canvas.vertex(425, 550); this.canvas.vertex(600, 550); this.canvas.vertex(600, 600); this.canvas.vertex(0, 600); this.canvas.endShape(); // } // Glowing things for (var i = 0; i < glowPos.length; i++) { glow(glowPos[i][0], glowPos[i][1], this.canvas); } // Mist // { this.canvas.fill(255, 255, 255, 50); this.canvas.beginShape(); this.canvas.vertex(0, 500); this.canvas.bezierVertex(200, 450, 400, 550, 600, 530); this.canvas.vertex(600, 600); this.canvas.vertex(0, 600); this.canvas.endShape(); this.canvas.beginShape(); this.canvas.vertex(0, 530); this.canvas.bezierVertex(200, 570, 500, 485, 600, 510); this.canvas.vertex(600, 600); this.canvas.vertex(0, 600); this.canvas.endShape(); // } this.pixY = 600; }, pixY : 0, canvas : createGraphics(600, 600, P2D) }, { display : function() { this.canvas.fill(255, 255, 255, 6 - this.pixY / 64); this.canvas.ellipse(200 + this.pixY / 8, 200 - this.pixY / 8, 400 - this.pixY * 5 / 4, 400 - this.pixY * 5 / 4); this.pixY += 8; }, pixY : 0, canvas : createGraphics(400, 400, P2D) } ]; var loaded = loaded \|\| false; var imageToLoad = 0; var images = []; var planetImg, pathImg, wallImg, fadeImg, glowImg; var maxLoad, curLoad; var loadStr = "Loading"; var loadSquares = []; for (var i = 0; i < 16; i++) { loadSquares.push({x : (i % 4) * width / 4, y : Math.floor(i / 4) * height / 4, num : random(0, 360)}); } // } / Variables / // { var sparkles = []; for (var i = 0; i < width; i += 60) { sparkles.push({x : i, y : 530}); } var stars = []; for (var i = 0; i < 100; i++) { stars.push({x : random(600), y : random(200), size : random(3, 4)}); } var stars2 = []; for (var i = 0; i < 40; i++) { stars2.push({x : random(3, 77), y : random(3, 77), size : random(2, 5)}); } var stars3 = []; for (var i = 0; i < 300; i++) { stars3.push({x : random(0, 600), y : random(0, 600), size : random(2, 5)}); } var loseSize = 2; var fade = [ 0, 0, 0, 0 ]; var fade2 = [ 0, 0 ]; var endX = 0; // } var Get = [ "key", "coin", "charm", "shell" ]; var MAP = [ "oooooooooooo0 [[[[[[ 00\|\|\|\|\|\|\|\|\|\|0 ", "o 000 [[^[[[ 00 0 ", "o oo 0000 000 00 0 ", "o oo o0000000 00 0 ", "o o ooo 00oooooooooo0 ", "o o o0oo ooo0 00 ", "o o o oo0 00oooooooooo0 ", "o o o0 oo oo0 00 0 ", "o o oo oo0 00 0 ", "o o oooooo o0 00 0 ", "o o o0\|\|\|\|\|\|\|\|\|\|00 0 ", "o ooooooooo000000000000000000000000 ", "0 0000000000\|\|\|\|\|\|\|\|\|\|\|000000000000000000000000", "0 00 000000000 00000", "000000 0@\|\|00 00000000 \|@\|\| 000", "000 000000 00 \|\|\|\|\|\|\| 00", "000000 000 0000 00000 \| \|@\| 00", "0 aoo 00 00 \| \|\| @ 0", "0 00000 00 0000000000 \| \|\|\|\|\|\|\|0 0", "00 \|00 00 x00 @ \|00\|x\|00 00", "000 \|00 00000 @000000000 \| \|\|\|\| \|000 00", "000 @00 000 000000000 00000 000", "000 0 1 00 \| \|\|\|\|\|0000000 00000", "000000000000000000000100000\| \|000000000000000000", "oooooooooooo000000000 00\|\|\|\| \|\|\|\|\|\|0", " # o0 o o00 \|@ \|@ 0", " oooooo o0 o o00 0", " o o0 o o00 0", " o o0 o o00 0", "x ooo o0 o0\|\|\|@\|\|\|\|\|\|\|0", " o o o o0 b o0 ", " o o o0 o0 ", "oooo o o 1 oooo0 ", " o o o0 0 ", " o o0 0 ", "x o000000000000 " ]; var keys = []; / Buttons / // { var Button = function(x, y, scene, graphic, sides, size, rotate) { this.sides = []; for (var i = 0; i < sides + 1; i++) { this.sides.push({x : x + sin(i * 360 / sides + rotate) * size, y : y + cos(i * 360 / sides + rotate) * size}); } this.pos1 = 0; this.pos2 = 0; this.count = 0; this.point1 = {x : 0, y : 0}; this.point2 = {x : 0, y : 0}; this.point3 = {x : 0, y : 0}; this.point4 = {x : 0, y : 0}; this.color = color(120, 120, 120); this.x = x; this.y = y; this.scene = scene; this.graphic = graphic; }; Button.prototype.display = function() { strokeWeight(3); stroke(255, 255, 255, 100); fill(this.color); beginShape(); for (var i = 0; i < this.sides.length; i++) { vertex(this.sides[i].x, this.sides[i].y); } endShape(); noStroke(); fill(255, 255, 245, 70); quad( lerp(this.sides[0].x, this.sides[1].x, 0.2), lerp(this.sides[0].y, this.sides[1].y, 0.2), lerp(this.sides[0].x, this.sides[1].x, 0.8), lerp(this.sides[0].y, this.sides[1].y, 0.8), lerp(this.sides[3].x, this.sides[4].x, 0.2), lerp(this.sides[3].y, this.sides[4].y, 0.2), lerp(this.sides[3].x, this.sides[4].x, 0.8), lerp(this.sides[3].y, this.sides[4].y, 0.8) ); fill(0, 0, 0); this.graphic(this.x, this.y); }; Button.prototype.check = function() { this.pos1 = 0; this.pos2 = 0; this.count = 0; this.point1 = {x : 0, y : 0}; this.point2 = {x : 0, y : 0}; this.point3 = {x : 0, y : 0}; this.point4 = {x : 0, y : 0}; for (var i = 1; i < this.sides.length; i++) { this.point1 = {x : this.sides[i].x, y : this.sides[i].y}; this.point2 = {x : this.sides[i - 1].x, y : this.sides[i - 1].y}; this.point3 = this.point1; this.point4 = this.point2; if (this.point1.x >= this.point2.x) { this.point3 = this.point2; this.point4 = this.point1; } this.pos1 = (this.point4.x - this.point3.x) * (mouseY - this.point3.y); this.pos2 = (mouseX - this.point3.x) * (this.point4.y - this.point3.y); if (this.pos1 <= this.pos2 && mouseX >= this.point3.x && mouseX <= this.point4.x) { this.count ++; } } return this.count % 2 === 1; }; Button.prototype.pack = function() { this.color = color(120, 120, 120); if (this.check()) { this.color = color(150, 150, 150); if(!changer.go) { cursor("pointer"); } if (click && !changer.go) { if (this.scene === "trade") { if (player.hasShell) { changer.reset("game"); startX = 24; startY = 0; newLevel(); player.hasShell = false; items.items[Get[3]] = 0; } } else { changer.reset(this.scene); if (scene === "menu") { MAP = [ "oooooooooooo0 [[[[[[ 00\|\|\|\|\|\|\|\|\|\|0 ", "o 000 [[^[[[ 00 0 ", "o oo 0000 000 00 0 ", "o oo o0000000 00 0 ", "o o ooo 00oooooooooo0 ", "o o o0oo ooo0 00 ", "o o o oo0 00oooooooooo0 ", "o o o0 oo oo0 00 0 ", "o o oo oo0 00 0 ", "o o oooooo o0 00 0 ", "o o o0\|\|\|\|\|\|\|\|\|\|00 0 ", "o ooooooooo000000000000000000000000 ", "0 0000000000\|\|\|\|\|\|\|\|\|\|\|000000000000000000000000", "0 00 000000000 00000", "000000 0@\|\|00 00000000 \|@\|\| 000", "000 000000 00 \|\|\|\|\|\|\| 00", "000000 000 0000 00000 \| \|@\| 00", "0 aoo 00 00 \| \|\| @ 0", "0 00000 00 0000000000 \| \|\|\|\|\|\|\|0 0", "00 \|00 00 x00 @ \|00\|x\|00 00", "000 \|00 00000 @000000000 \| \|\|\|\| \|000 00", "000 @00 000 000000000 00000 000", "000 0 1 00 \| \|\|\|\|\|0000000 00000", "000000000000000000000100000\| \|000000000000000000", "oooooooooooo000000000 00\|\|\|\| \|\|\|\|\|\|0", " # o0 o o00 \|@ \|@ 0", " oooooo o0 o o00 0", " o o0 o o00 0", " o o0 o o00 0", "x ooo o0 o0\|\|\|@\|\|\|\|\|\|\|0", " o o o o0 b o0 ", " o o o0 o0 ", "oooo o o 1 oooo0 ", " o o o0 0 ", " o o0 0 ", "x o000000000000 " ]; startX = 0; startY = 0; player.life = 100; player.x = blockSize; player.y = blockSize; newLevel(); player.coins = 0; player.hasCharm = false; player.hasShell = 0; player.keys = 0; for (var i in items.items) { items.items[i] = 0; } loseSize = 2; fade = [ 0, 0, 0, 0 ]; fade2 = [ 0, 0 ]; } } } } this.display(); }; var play = new Button(220, 300, "story", function(x, y) { triangle(x + 30, y, x - 20, y - 30, x - 20, y + 30); fade = [ 0, 0, 0, 0 ]; }, 6, 80, 0); var how = new Button(380, 300, "how", function(x, y) { textAlign(CENTER, CENTER); textSize(80); text("?", x, y); }, 6, 80, 0); var backToGame = new Button(50, 550, "game", function(x, y) { triangle(x - 20, y, x, y - 15, x, y + 15); rect(x, y - 5, 10, 10); }, 4, 40, 0); var back = new Button(50, 550, "menu", function(x, y) { triangle(x - 20, y, x, y - 15, x, y + 15); rect(x, y - 5, 10, 10); }, 4, 40, 0); var trade = new Button(300, 500, "trade", function(x, y) { textSize(40); textAlign(CENTER, CENTER); text("Trade", x, y); }, 4, 90, 45); // } / Graphics / // { var Path = function(x, y) { image(pathImg, x, y, blockSize, blockSize); }; var Wall = function(x, y) { image(wallImg, x, y, blockSize, blockSize); }; var Tree = function(x, y) { Path(x, y); noFill(); strokeWeight(blockSize / 18); stroke(185, 160, 115); bezier(x + blockSize / 2, y + blockSize / 10 * 9, x + blockSize / 5 * 2, y + blockSize / 2, x + blockSize / 3 * 2, y, x + blockSize / 3 * 2, y - blockSize / 4); bezier(x + blockSize / 4, y + blockSize / 4, x + blockSize / 5 * 2, y + blockSize / 2, x + blockSize / 3 * 2, y, x + blockSize / 2, y + blockSize / 2); bezier(x + blockSize / 6 * 5, y + blockSize / 3, x + blockSize / 5 * 3, y + blockSize / 4 * 3, x + blockSize / 5 * 4, y, x + blockSize / 2, y + blockSize / 5 * 3); noStroke(); fill(150, 255, 20); ellipse(x + blockSize / 3 * 2, y - blockSize / 4, blockSize / 2, blockSize / 2); ellipse(x + blockSize / 4, y + blockSize / 7, blockSize / 3, blockSize / 3); ellipse(x + blockSize / 6 * 5, y + blockSize / 5, blockSize / 3, blockSize / 3); fill(255, 255, 255, 100); ellipse(x + blockSize / 7 * 5, y - blockSize / 3, blockSize / 4, blockSize / 4); ellipse(x + blockSize / 10 * 3, y + blockSize / 8, blockSize / 6, blockSize / 6); ellipse(x + blockSize / 11 * 10, y + blockSize / 6, blockSize / 6, blockSize / 6); }; var Bush = function(x, y) { noStroke(); fill(60, 40, 20); rect(x + blockSize / 8 * 3, y + blockSize / 4 * 3, blockSize / 4, blockSize / 6); fill(0, 100, 0); rect(x, y, blockSize, blockSize / 4 * 3, 6); rectMode(CENTER); fill(0, 125, 0); (rect)(x + blockSize / 2, y + blockSize / 8 * 3, blockSize / 4 * 3, blockSize / 8 * 5, 0, 0, 6, 6); fill(0, 150, 0); (rect)(x + blockSize / 2, y + blockSize / 3, blockSize / 2, blockSize / 2, 0, 0, 6, 6); rectMode(CORNER); fill(0, 125, 0); (rect)(x, y, blockSize, blockSize / 12, 2, 2, 0, 0); }; var Door = function(x, y) { fill(60, 40, 10); noStroke(); rect(x, y, blockSize, blockSize); strokeWeight(3); stroke(140, 95, 30); noStroke(); fill(100, 100, 100); rect(x + blockSize / 3, y + blockSize / 3, blockSize / 3, blockSize / 3); fill(0, 0, 0); ellipse(x + blockSize / 2, y + blockSize / 2, blockSize / 6, blockSize / 6); rect(x + blockSize / 16 * 7, y + blockSize / 2, blockSize / 8, blockSize / 7); }; var Key = function(x, y) { noFill(); pushMatrix(); translate(x + blockSize / 2, y + blockSize / 2); rotate(30); strokeWeight(4); stroke(195, 165, 15); ellipse(0, 0, blockSize / 4, blockSize / 4); line(0, -blockSize / 8, 0, -blockSize / 2); line(-blockSize / 6, -blockSize / 3, 0, -blockSize / 3); popMatrix(); }; var Goblin = function(x, y) { noStroke(); fill(100, 200, 50); rect(x, y, blockSize, blockSize); fill(0, 0, 0); arc(x + blockSize / 2, y + blockSize / 16 * 9, blockSize / 5, blockSize / 3, 0, 181); fill(255, 0, 0); arc(x + blockSize / 4, y + blockSize / 4, blockSize / 4, blockSize / 4, 20, 201); arc(x + blockSize / 4 * 3, y + blockSize / 4, blockSize / 4, blockSize / 4, -20, 161); fill(115, 115, 115); beginShape(); vertex(x, y + blockSize / 4 * 3); vertex(x, y + blockSize); vertex(x + blockSize, y + blockSize); vertex(x + blockSize, y + blockSize / 4 * 3); vertex(x + blockSize / 2, y + blockSize / 6 * 5); endShape(); }; var OldMan = function(x, y, blink) { noStroke(); fill(0, 0, 0); rect(x, y, blockSize, blockSize); fill(50, 50, 70); rect(x + blockSize / 6, y + blockSize / 5, blockSize / 3 * 2, blockSize / 2); fill(255, 255, 255, 150); if (blink > 120) { fill(0, 0, 0, 150); } ellipse(x + blockSize / 3, y + blockSize / 8 * 3, blockSize / 6, blockSize / 6); ellipse(x + blockSize / 3 * 2, y + blockSize / 8 * 3, blockSize / 6, blockSize / 6); strokeWeight(blockSize / 15); stroke(0, 0, 0); noFill(); arc(x + blockSize / 2, y + blockSize / 2, blockSize / 1.2, blockSize / 1.2, 180, 360); }; var Charm = function(x, y) { noStroke(); pushMatrix(); translate(x, y); fill(0, 35, 155); ellipse(0, 0, blockSize / 3, blockSize / 2); ellipse(0, -blockSize / 4, blockSize / 4, blockSize / 5); strokeCap(SQUARE); strokeWeight(blockSize / 25); stroke(0, 35, 155); noFill(); beginShape(); vertex(-blockSize / 3, blockSize / 10); vertex(-blockSize / 4, 0); vertex(0, -blockSize / 10); vertex(blockSize / 4, 0); vertex(blockSize / 3, blockSize / 10); endShape(); beginShape(); vertex(-blockSize / 8, blockSize / 3); vertex(-blockSize / 5, blockSize / 5); vertex(0, blockSize / 8); vertex(blockSize / 5, blockSize / 5); vertex(blockSize / 8, blockSize / 3); endShape(); beginShape(); vertex(-blockSize / 4, -blockSize / 4); vertex(-blockSize / 5, -blockSize / 2.5); vertex(-blockSize / 6, -blockSize / 2.5); vertex(-blockSize / 4, -blockSize / 4); vertex(0, -blockSize / 10); vertex(blockSize / 4, -blockSize / 4); vertex(blockSize / 6, -blockSize / 2.5); vertex(blockSize / 5, -blockSize / 2.5); vertex(blockSize / 4, -blockSize / 4); endShape(); stroke(255, 255, 255, 100); beginShape(); vertex(-blockSize / 7, -blockSize / 6); vertex(0, 0); vertex(blockSize / 7, -blockSize / 6); endShape(); noStroke(); fill(255, 255, 255, 100); pushMatrix(); translate(0, 0); rotate(45); rect(-blockSize / 10, -blockSize / 10, blockSize / 5, blockSize / 5); popMatrix(); popMatrix(); }; var Coin = function(x, y) { fill(215, 180, 85); stroke(200, 160, 60); strokeWeight(blockSize / 20); ellipse(x, y, blockSize / 3, blockSize / 3); fill(180, 140, 40); textSize(blockSize / 4); textAlign(CENTER, CENTER); text("1", x, y); }; var CoinTree = function(x, y, obj) { Coin(x + obj.x2 + blockSize / 3 * 2, y - blockSize / 4); if (mouseX > obj.x && mouseX < obj.x + blockSize && mouseY > obj.y && mouseY < obj.y + blockSize) { obj.x2 -= Smooth(obj.x2, -blockSize, 10); if (click) { player.coins ++; obj.type = "\|"; obj.replace("\|"); items.items[Get[1]] ++; } } else { obj.x2 -= Smooth(obj.x2, 0, 10); } Tree(x, y); }; var tenCoin = function(x, y) { noStroke(); fill(255, 255, 255); ellipse(x, y, blockSize * 2, blockSize); triangle(x - blockSize / 4, y, x + blockSize / 4, y, x, y + blockSize / 1.2); Coin(x - blockSize / 2, y); fill(0, 0, 0); text("x 10", x + blockSize / 6, y); }; var Happy = function(x, y) { noStroke(); fill(255, 255, 255); ellipse(x, y, blockSize * 2, blockSize); triangle(x - blockSize / 4, y, x + blockSize / 4, y, x, y + blockSize / 1.2); fill(255, 255, 0); stroke(0, 0, 0); strokeWeight(blockSize / 35); ellipse(x, y, blockSize / 1.5, blockSize / 1.5); noFill(); arc(x - blockSize / 6, y, blockSize / 6, blockSize / 4, 181, 360); arc(x + blockSize / 6, y, blockSize / 6, blockSize / 4, 181, 360); arc(x, y + blockSize / 8, blockSize / 4, blockSize / 6, 6, 175); }; var Wood = function(x, y) { pushMatrix(); translate(x, y); noStroke(); fill(120, 65, 20); rect(0, 0, blockSize, blockSize); strokeCap(SQUARE); strokeWeight(blockSize / 25); stroke(150, 100, 50); line(0, 0, 0, blockSize); line(blockSize / 3, 0, blockSize / 3, blockSize); line(blockSize / 5 * 4, 0, blockSize / 5 * 4, blockSize); line(blockSize / 3 * 2, 0, blockSize / 3 * 2, blockSize); line(blockSize / 8, 0, blockSize / 8, blockSize); line(blockSize / 2.5, 0, blockSize / 2.5, blockSize); popMatrix(); }; var toShop = function(x, y) { Wood(x, y); noStroke(); fill(0, 0, 0, 50); rect(x, y, blockSize, blockSize); fill(100, 100, 100); ellipse(x + blockSize / 4, y + blockSize / 1.7, blockSize / 8, blockSize / 8); fill(255, 255, 0); rect(x + blockSize / 6, y + blockSize / 6, blockSize / 3 * 2, blockSize / 3); }; var TwoHead = function(x, y, blink) { strokeCap(SQUARE); noStroke(); pushMatrix(); translate(x, y); fill(100, 100, 120); rect(0, 0, blockSize, blockSize); strokeWeight(blockSize / 3); stroke(100, 100, 120); noFill(); bezier(blockSize / 6, blockSize / 1.5 - blockSize / 2, blockSize / 6, blockSize / 3 - blockSize / 2, blockSize / 6, blockSize / 4 - blockSize / 2, 0, -blockSize / 2); bezier(blockSize / 6 * 5, blockSize / 1.5 - blockSize / 2, blockSize / 6 * 5, blockSize / 3 - blockSize / 2, blockSize / 6 * 5, -blockSize / 4, blockSize / 4 * 3, -blockSize / 2); noStroke(); fill(120, 120, 140); ellipse(0, -blockSize / 2, blockSize / 2, blockSize / 2); ellipse(blockSize / 4 * 3, -blockSize / 2, blockSize / 2, blockSize / 2); fill(255, 255, 255); if (blink > 120) { fill(20, 20, 20); } stroke(0, 0, 0); strokeWeight(blockSize / 15); ellipse(-blockSize / 8, -blockSize / 20 * 11, blockSize / 6, blockSize / 6); ellipse(blockSize / 8, -blockSize / 20 * 11, blockSize / 6, blockSize / 6); ellipse(blockSize / 8 * 5, -blockSize / 20 * 11, blockSize / 6, blockSize / 6); ellipse(blockSize / 8 * 7, -blockSize / 20 * 11, blockSize / 6, blockSize / 6); noFill(); arc(0, -blockSize / 2.4, blockSize / 4, blockSize / 5, 0, 180); arc(blockSize / 4 * 3, -blockSize / 2.4, blockSize / 4, blockSize / 5, 0, 180); noStroke(); fill(0, 0, 0); beginShape(); vertex(0, blockSize / 3); vertex(blockSize / 2, blockSize / 2); vertex(blockSize, blockSize / 3); vertex(blockSize, blockSize); vertex(0, blockSize); endShape(); popMatrix(); }; var CharmBubble = function(x, y) { noStroke(); fill(255, 255, 255); ellipse(x, y, blockSize * 2, blockSize); triangle(x - blockSize / 4, y, x + blockSize / 4, y, x, y + blockSize / 1.2); Charm(x, y); }; var Shell = function(x, y) { noStroke(); pushMatrix(); translate(x + blockSize / 2, y + blockSize / 1.3); fill(255, 70, 50); arc(0, 0, blockSize, blockSize, 225, 315); triangle(0, -blockSize / 4, -blockSize / 8, blockSize / 20, blockSize / 8, blockSize / 20); rotate(-40); strokeWeight(blockSize / 25); stroke(200, 60, 0); for (var i = 0; i < 3; i++) { rotate(20); line(0, -blockSize / 8, 0, -blockSize / 2.5); } popMatrix(); }; var Fish = function(x, y) { noStroke(); fill(100, 100, 100); rect(x - 55, y + 45, 110, 30); ellipse(x, y + 45, 110, 10); ellipse(x, y + 75, 110, 10); strokeWeight(4); fill(255, 255, 255, 100); stroke(255, 255, 255, 100); ellipse(x, y, 100, 100); strokeCap(SQUARE); noFill(); arc(x, y, 80, 80, 270, 340); noStroke(); pushMatrix(); translate(0, sin(frameCount) * 5); fill(255, 150, 0); bezier(x - 15, y - 15, x + 35, y + 70, x + 35, y - 70, x - 15, y + 15); fill(0, 0, 0); ellipse(x + 15, y, 10, 10); popMatrix(); }; // } / Collision types / // { var collideLeft = function(obj) { if (this.solid) { obj.x = this.x - blockSize; } }; var collideRight = function(obj) { if (this.solid) { obj.x = this.x + blockSize; } }; var collideTop = function(obj) { if (this.solid) { obj.y = this.y - blockSize; } }; var collideBottom = function(obj) { if (this.solid) { obj.y = this.y + blockSize; } }; var collect = function(obj) { obj.keys ++; items.items[Get[0]] ++; this.type = " "; this.replace(" "); this.left = collisions[" "][0]; this.right = collisions[" "][1]; this.top = collisions[" "][2]; this.bottom = collisions[" "][3]; }; var collect2 = function(obj) { obj.hasShell = true; items.items[Get[3]] ++; this.type = " "; this.replace(" "); this.left = collisions[" "][0]; this.right = collisions[" "][1]; this.top = collisions[" "][2]; this.bottom = collisions[" "][3]; }; var hurt = function(obj) { obj.life -= 3; }; var go = function(obj) { if (!changer.go) { changer.reset("shop"); } }; // } var types = { " " : Path, "0" : Wall, "\|" : Tree, "1" : Door, "" : Key, "x" : Goblin, "o" : Bush, "@" : CoinTree, "[" : Wood, "#" : Shell, "^" : toShop }; var collisions = { " " : [ function() {return;}, function() {return;}, function() {return;}, function() {return;} ], "0" : [ collideLeft, collideRight, collideTop, collideBottom ], "\|" : [ collideLeft, collideRight, collideTop, collideBottom ], "1" : [ collideLeft, collideRight, collideTop, collideBottom ], "" : [ collect, collect, collect, collect ], "x" : [ hurt, hurt, hurt, hurt ], "o" : [ collideLeft, collideRight, collideTop, collideBottom ], "@" : [ collideLeft, collideRight, collideTop, collideBottom ], "[" : [ collideLeft, collideRight, collideTop, collideBottom ], "#" : [ collect2, collect2, collect2, collect2 ], "^" : [ go, go, go, go ] }; var traders = { "a" : OldMan, "b" : TwoHead }; var wants = { "a" : [tenCoin, function() { return player.coins >= 10; }], "b" : [CharmBubble, function() { return player.hasCharm; }] }; var rewards = { "a" : function() { player.hasCharm = true; items.items[Get[2]] = 1; player.coins = 0; items.items[Get[1]] = 0; }, "b" : function() { player.hasCharm = false; player.keys ++; items.items[Get[2]] = 0; items.items[Get[0]] ++; } }; var howTo = { "a" : function(y) { Tree(25, y); Coin(20, y - 15); fill(255, 255, 255); textSize(20); textAlign(CENTER, CENTER); text("<-", 38, y - 15); text("Hover", 50, y + 40); }, "b" : function(y) { OldMan(25, y - 25); Charm(10, y); fill(255, 255, 255); textSize(20); textAlign(CENTER, CENTER); text("<-", 25, y - 5); text("Trade", 50, y + 40); } }; var blocks = []; / Player constructor / // { var Player = function(x, y) { this.x = x * blockSize; this.y = y * blockSize; this.moveX = 0; this.moveY = 0; this.direc = "right"; this.keys = 0; this.life = 100; this.coins = 0; this.hasShell = false; this.hasCharm = false; this.blink = 0; }; Player.prototype.display = function() { pushMatrix(); translate(this.x, this.y); if (this.direc === "left") { translate(blockSize, 0); scale(-1, 1); } noStroke(); fill(235, 200, 140); rect(0, 0, blockSize, blockSize); fill(45, 70, 15); beginShape(); vertex(0, blockSize / 4 * 3); vertex(0, blockSize); vertex(blockSize, blockSize); vertex(blockSize, blockSize / 4 * 3); vertex(blockSize / 2, blockSize / 6 * 5); endShape(); this.blink ++; if (this.blink > 120) { fill(210, 180, 140); ellipse(this.moveX + blockSize / 3, this.moveY + blockSize / 3, blockSize / 6, blockSize / 3); ellipse(this.moveX + blockSize / 3 * 2, this.moveY + blockSize / 3, blockSize / 6, blockSize / 3); if (this.blink > 150) { this.blink = 0; } } else { fill(0, 0, 0); ellipse(this.moveX + blockSize / 3, this.moveY + blockSize / 3, blockSize / 6, blockSize / 3); ellipse(this.moveX + blockSize / 3 * 2, this.moveY + blockSize / 3, blockSize / 6, blockSize / 3); fill(255, 255, 255); ellipse(this.moveX + blockSize / 3.2, this.moveY + blockSize / 3.2, blockSize / 10, blockSize / 5); ellipse(this.moveX + blockSize / 1.55, this.moveY + blockSize / 3.2, blockSize / 10, blockSize / 5); } strokeWeight(3); stroke(205, 175, 0); pushMatrix(); translate(this.moveX, this.moveY); line(blockSize / 2.3, blockSize / 5, blockSize / 6, blockSize / 6); line(blockSize / 1.7, blockSize / 5, blockSize / 6 * 5, blockSize / 6); strokeWeight(2); noFill(); stroke(0, 0, 0); arc(blockSize / 2, blockSize / 4 * 3, blockSize / 2, blockSize / 3, 220, 320); popMatrix(); noStroke(); fill(205, 175, 0); beginShape(); vertex(0, 0); vertex(0, blockSize / 4); vertex(blockSize / 3, blockSize / 8); vertex(blockSize, blockSize / 8); vertex(blockSize, 0); vertex(blockSize / 8 * 7, 0); vertex(blockSize, -blockSize / 5); vertex(blockSize / 3 * 2, 0); bezierVertex(blockSize / 4 * 3, -blockSize / 6, blockSize / 5 * 4, -blockSize / 5, blockSize / 4 * 3, -blockSize / 3); vertex(blockSize / 4, 0); vertex(blockSize / 2.5, -blockSize / 4); bezierVertex(blockSize / 4, -blockSize / 4, blockSize / 6, -blockSize / 6, 0, 0); endShape(); popMatrix(); }; Player.prototype.move = function() { if (keys[LEFT]) { this.x -= playerSpeed; this.moveX += 2; this.direc = "left"; } if (keys[RIGHT]) { this.x += playerSpeed; this.moveX += 2; this.direc = "right"; } if(keys[UP]) { this.y -= playerSpeed; this.moveY -= 2; } if (keys[DOWN]) { this.y += playerSpeed; this.moveY += 2; } this.moveX = constrain(this.moveX, -6, 6); this.moveY = constrain(this.moveY, -6, 6); this.moveX -= this.moveX > 0 ? 1 : 0; this.moveY += this.moveY < 0 ? 1 : 0; this.moveY -= this.moveY > 0 ? 1 : 0; for (var i = 0; i < blocks.length; i++) { blocks[i].collide(this); } if (this.x > width - blockSize / 2) { if (startX === 24 && startY === 0 && !changer.go) { changer.reset("story2"); } if (startX + blockAmount < MAP[0].length) { if (startX !== 24 \|\| startY !== 0) { blocks = []; startX += blockAmount; newLevel(); this.x = -blockSize / 2; } } else { this.x = width - blockSize / 2; } } if (this.y > height - blockSize / 2) { if (startY + blockAmount < MAP.length) { blocks = []; startY += blockAmount; newLevel(); this.y = -blockSize / 2; } else { this.y = height - blockSize / 2; } } if (this.x < -blockSize / 2) { if (startX > 0) { blocks = []; startX -= blockAmount; newLevel(); this.x = width - blockSize / 2; } else { this.x = -blockSize / 2; } } if (this.y < -blockSize / 2) { if (startY > 0) { blocks = []; startY -= blockAmount; newLevel(); this.y = height - blockSize / 2; } else { this.y = -blockSize / 2; } } this.life = constrain(this.life, 0, 100); if (this.life < 1 && !changer.go) { changer.reset("lose"); loseSize = 2; } }; Player.prototype.showLife = function() { noStroke(); fill(lerpColor(color(255, 0, 0), color(0, 255, 0), map(this.life, 0, 100, 0, 1))); rect(55, 580, this.life, 10); fill(150, 150, 150); rect(5, 545, 50, 50); rectMode(CENTER); fill(255, 0, 0); pushMatrix(); translate(30, 575); rotate(45); rect(0, 0, 15, 15); (rect)(-10, 0, 20, 15, 5, 0, 0, 5); (rect)(0, -10, 15, 20, 5, 5, 0, 0); popMatrix(); rectMode(CORNER); }; // } player = new Player(1, 1);player.hasShell = true; sample = new Player(0, 0); / Block constructor / // { var Block = function(x, y, type) { this.x = x * blockSize; this.y = y * blockSize; this.x2 = 0; this.slideX = 0; this.slideY = 0; this.type = type; this.vertical = 0; this.horizontal = 0; this.left = collisions[type][0]; this.right = collisions[type][1]; this.top = collisions[type][2]; this.bottom = collisions[type][3]; this.solid = true; this.Function1 = null; if (type === "x") { this.xMove = 0; this.yMove = 0; this.map = mapCopy(); this.cells = []; this.pos = 0; for (var i = 0; i < this.map.length; i++) { this.cells.push([]); for (var j = 0; j < this.map[i].length; j++) { if (this.map[i][j] === "0" \|\| this.map[i][j] === "\|" \|\| this.map[i][j] === "@" \|\| this.map[i][j] === "o") { this.cells[i].push(99); } else { this.cells[i].push(-1); } } } this.checkDirecs = [ [0, 1], [1, 0], [0, -1], [-1, 0] ]; this.toDo = [[], []]; this.targetX = Math.floor(player.x / blockSize); this.targetY = Math.floor(player.y / blockSize); this.add(); this.num = 0; while (this.toDo[0].length > 0) { this.num ++; this.change(this.num); } this.getAt(); } }; Block.prototype.display = function() { if (this.type === "" \|\| this.type === "#" \|\| this.type === "o") { Path(this.x, this.y); } types[this.type](this.x + this.slideX, this.y + (this.type === "" ? sin(frameCount * 2) * blockSize / 6 : 0) + this.slideY, this); if (this.type === "x") { this.getAt(); this.check(); this.move(); } }; Block.prototype.add = function() { for (var i = 0; i < this.checkDirecs.length; i++) { this.toDo[0].push([this.targetY + this.checkDirecs[i][0], this.targetX + this.checkDirecs[i][1]]); } }; Block.prototype.change = function(num) { for (var i = 0; i < this.toDo[0].length; i++) { try { if (this.cells[this.toDo[0][i][0]][this.toDo[0][i][1]] === -1) { this.cells[this.toDo[0][i][0]][this.toDo[0][i][1]] = num; for (var j = 0; j < this.checkDirecs.length; j++) { this.toDo[1].push([this.toDo[0][i][0] + this.checkDirecs[j][0], this.toDo[0][i][1] + this.checkDirecs[j][1]]); } } } catch(e) {} } this.toDo = [this.toDo[1], []]; }; Block.prototype.replace = function(str) { MAP[this.y / blockSize + startY] = MAP[this.y / blockSize + startY].substring(0, this.x / blockSize + startX) + str + MAP[this.y / blockSize + startY].substring(this.x / blockSize + 1 + startX); }; Block.prototype.collide = function(other) { if (this.type === "1" && player.keys > 0 && player.x < this.x + blockSize && player.x + blockSize > this.x && player.y < this.y + blockSize && player.y + blockSize > this.y) { this.type = " "; this.solid = false; player.keys --; items.items[Get[0]] --; this.replace(" "); this.left = collisions[" "][0]; this.right = collisions[" "][1]; this.top = collisions[" "][2]; this.bottom = collisions[" "][3]; return; } this.vertical = blockSize - Math.abs(other.y - this.y); this.horizontal = blockSize - Math.abs(other.x - this.x); if (this.x >= other.x && this.vertical > this.horizontal && this.horizontal > 0) { this.left(other); } if (other.x > this.x && this.vertical > this.horizontal && this.horizontal > 0) { this.right(other); } if (this.y > other.y && this.horizontal >= this.vertical && this.vertical > 0) { this.top(other); } if (other.y >= this.y && this.horizontal >= this.vertical && this.vertical > 0) { this.bottom(other); } }; Block.prototype.move = function() { if (frameCount % 60 === 0) { this.reset(); } if (frameCount % (60 / playerSpeed) === 0) { this.x += this.xMove * blockSize; this.y += this.yMove * blockSize; this.slideX = 0; this.slideY = 0; } this.slideX += this.xMove * playerSpeed; this.slideY += this.yMove * playerSpeed; this.slideX = constrain(this.slideX, -blockSize, blockSize); this.slideY = constrain(this.slideY, -blockSize, blockSize); for (var i = 0; i < blocks.length; i++) { if (blocks[i].type === "\|" \|\| blocks[i].type === "0" \|\| blocks[i].type === "@" \|\| blocks[i].type === "o") { blocks[i].collide(this); } } }; Block.prototype.check = function() { this.xMove = 0; this.yMove = 0; for (var i = 0; i < this.checkDirecs.length; i++) { this.Function1 = Math.round; if (this.checkDirecs[i][0] < 0) { this.Function1 = Math.ceil; } else if (this.checkDirecs[i][0] > 0) { this.Function1 = Math.floor; } try { if (this.cells[Math.max(this.Function1(this.y / blockSize), 0) + this.checkDirecs[i][1]][Math.max(Math.round(this.x / blockSize), 0) + this.checkDirecs[i][0]] < this.pos) { this.xMove = this.checkDirecs[i][0]; this.yMove = this.checkDirecs[i][1]; } } catch (e) {} } }; Block.prototype.getAt = function() { this.pos = this.cells[Math.max(Math.round(this.y / blockSize), 0)][Math.max(Math.round(this.x / blockSize), 0)]; }; Block.prototype.reset = function() { this.cells = []; for (var i = 0; i < this.map.length; i++) { this.cells.push([]); for (var j = 0; j < this.map[i].length; j++) { if (this.map[i][j] === "0" \|\| this.map[i][j] === "\|" \|\| this.map[i][j] === "@" \|\| this.map[i][j] === "o") { this.cells[i].push(99); } else { this.cells[i].push(-1); } } } this.toDo = [[], []]; this.targetX = Math.floor(player.x / blockSize); this.targetY = Math.floor(player.y / blockSize); this.add(); this.num = 0; while (this.toDo[0].length > 0) { this.num ++; this.change(this.num); } }; // } / Trader constructor / // { var Trader = function(x, y, type) { this.x = x * blockSize; this.y = y * blockSize; this.type = type; this.blink = random(20, 100); this.how = 0; }; Trader.prototype.display = function() { traders[this.type](this.x, this.y, this.blink); this.blink ++; if (this.blink > 150) { this.blink = 0; } if (this.collide(player)) { this.how -= Smooth(this.how, 100, 10); wants[this.type][0](this.x + blockSize / 2, this.y - blockSize); if (wants[this.type][1]()) { wants[this.type][0] = Happy; rewards[this.type](); } } else { this.how -= Smooth(this.how, 0, 10); } noStroke(); fill(150, 150, 150); rect(0, this.how - 100, 100, 100); howTo[this.type](this.how - 60); }; Trader.prototype.collide = function(obj) { if (obj.x + blockSize > this.x && obj.x - blockSize < this.x && obj.y + blockSize > this.y && obj.y - blockSize < this.y) { return true; } return false; }; // } / Items bar constructor / // { var Items = function() { this.items = { "key" : 0, "coin" : 0, "charm" : 0, "shell" : 0 }; this.displays = { "key" : Key, "coin" : Coin, "charm" : Charm, "shell" : Shell }; this.subs = { "key" : {x : 25, y : 20}, "coin" : {x : 0, y : 0}, "charm" : {x : 0, y : 0}, "shell" : {x : 25, y : 35} }; this.x = 0; this.y = 600; this.yTo = 600; }; Items.prototype.display = function() { this.x = 0; this.y -= Smooth(this.y, this.yTo, 10); fill(150, 150, 150); strokeWeight(2); stroke(170, 170, 170); for (var i = 0; i < 4; i++) { rect(width / 2 - 100 + i * 50, this.y, 50, 50); } rect(260, this.y - 20, 80, 20); line(270, this.y - 14, 330, this.y - 14); line(270, this.y - 8, 330, this.y - 8); for (var i in this.items) { if (this.items[i] > 0) { this.displays[i](this.x + width / 2 - 75 - this.subs[i].x, this.y + 30 - this.subs[i].y); if (this.items[i] > 1) { fill(255, 255, 255); textSize(20); textAlign(LEFT, TOP); text("x" + this.items[i], this.x + width / 2 - 95, this.y); } this.x += 50; } } if (this.check() \|\| this.checkTwo()) { cursor("pointer"); this.yTo = 550; } else { this.yTo = 600; } }; Items.prototype.check = function() { return mouseX > width / 2 - 100 && mouseX < width / 2 + 100 && mouseY > this.y && mouseY <= this.y + 50; }; Items.prototype.checkTwo = function() { return mouseX > 260 && mouseX < 340 && mouseY > this.y - 20 && mouseY <= this.y; }; // } items = new Items(); mapCopy = function() { Copy = []; for (var i = startY; i < startY + blockAmount; i++) { Copy.push(""); for (var j = startX; j < startX + blockAmount; j++) { Copy[i - startY] += MAP[i][j]; } } return Copy; }; newLevel = function() { badNum = []; blocks = []; for (var i = startY; i < startY + blockAmount; i++) { for (var j = startX; j < startX + blockAmount; j++) { if (MAP[i][j] === "x") { badNum.push({x : j - startX, y : i - startY}); blocks.push(new Block(j - startX, i - startY, " ")); } else if (MAP[i][j] in traders) { blocks.push(new Trader(j - startX, i - startY, MAP[i][j])); } else { blocks.push(new Block(j - startX, i - startY, MAP[i][j])); } } } for (var i = 0; i < badNum.length; i++) { blocks.push(new Block(badNum[i].x, badNum[i].y, "x")); } }; newLevel(); var Pattern = function() { fill(0, 30, 20); for (var i = 0; i < 5; i++) { for (var j = 0; j < width / 50 + 1; j ++) { ellipse(j * 50 + (i % 2) * 25, 600 - i * 30, 50 - i * 10, 50 - i * 10); } } }; var Title = function(x, y, c) { pushMatrix(); translate(x, y); strokeCap(SQUARE); // The fill(c); rect(285, 30, 30, 10); rect(285, 20, 10, 30); rect(305, 30, 10, 20); rect(245, 20, 30, 10); rect(255, 20, 10, 30); rect(325, 30, 10, 20); rect(325, 30, 30, 3); rect(325, 37, 30, 3); rect(325, 47, 30, 3); rect(345, 30, 10, 10); // W beginShape(); vertex(105, 70); vertex(105, 130); vertex(175, 130); vertex(175, 70); vertex(165, 80); vertex(160, 115); vertex(150, 115); vertex(140, 95); vertex(130, 115); vertex(120, 115); vertex(115, 80); endShape(); // A strokeWeight(10); stroke(c); noFill(); rect(190, 100, 25, 25); triangle(215, 120, 215, 125, 220, 125); // N line(240, 95, 240, 130); line(240, 105, 274, 105); line(270, 110, 270, 130); // D rect(290, 95, 30, 30); line(320, 70, 320, 95); triangle(320, 120, 320, 125, 323, 125); // E stroke(c); noFill(); beginShape(); vertex(342, 115); vertex(342, 95); vertex(372, 95); vertex(372, 110); vertex(342, 110); vertex(342, 125); vertex(377, 125); endShape(); // R noStroke(); fill(c); rect(385, 90, 10, 40); triangle(385, 100, 385, 120, 415, 100); // E stroke(c); noFill(); beginShape(); vertex(425, 115); vertex(425, 95); vertex(455, 95); vertex(455, 110); vertex(425, 110); vertex(425, 125); vertex(460, 125); endShape(); // R noStroke(); fill(c); rect(468, 90, 10, 40); triangle(468, 100, 468, 120, 498, 100); noStroke(); popMatrix(); }; graphics[0].canvas.background(255, 255, 255, 0); var load = function() { graphics[imageToLoad].display(); if (graphics[imageToLoad].pixY >= graphics[imageToLoad].canvas.height) { images.push(graphics[imageToLoad].canvas.get()); imageToLoad ++; if (imageToLoad < graphics.length) { graphics[imageToLoad].canvas.background(255, 255, 255, 0); graphics[imageToLoad].canvas.noStroke(); } } if (imageToLoad >= graphics.length) { loaded = true; planetImg = images[0]; planetImg.mask(images[3]); pathImg = images[1]; wallImg = images[2]; fadeImg = images[4]; glowImg = images[5]; } background(0, 0, 0); noStroke(); for (var i = 0; i < loadSquares.length; i++) { fill(60 + sin(frameCount * 2 + loadSquares[i].num) * 25, 60 + sin(frameCount * 2 + loadSquares[i].num) * 25, 60 + sin(frameCount * 2 + loadSquares[i].num) * 25); rect(loadSquares[i].x, loadSquares[i].y, width / 4, height / 4); } fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(100); text(loadStr, 300, 300); if (frameCount % 15 === 0) { loadStr += "."; loadStr = loadStr === "Loading...." ? "Loading" : loadStr; } maxLoad = 0; curLoad = 0; if (imageToLoad < graphics.length) { for (var i = 0; i < graphics.length; i++) { maxLoad += graphics[i].canvas.height; curLoad += graphics[i].pixY; } rect(20, 400, (curLoad / maxLoad) * 560, 20); } }; var game = function() { player.move(); for (var i = 0; i < blocks.length; i++) { if (blocks[i].type !== "\|" \|\| blocks[i].type !== "@") { blocks[i].display(); } } for (var i = 0; i < blocks.length; i++) { if (blocks[i].type === "\|" \|\| blocks[i].type === "@") { blocks[i].display(); } if (player.x < blocks[i].x + blockSize && player.x + blockSize > blocks[i].x && player.y < blocks[i].y + blockSize && player.y + blockSize > blocks[i].y) { player.display(); } } items.display(); player.showLife(); }; var menu = function() { background(0, 0, 100); image(fadeImg, 0, 0); for (var i = 0; i < stars.length; i++) { fill(255, 255, 255, 120 + sin(frameCount * 3 + i * 5 + stars[i].x + stars[i].y + stars[i].size) * 30); ellipse(stars[i].x, stars[i].y, stars[i].size, stars[i].size); } play.pack(); how.pack(); Pattern(); Title(-5, 5, color(0, 0, 50, 100)); Title(5, 5, color(0, 0, 50, 100)); Title(0, 0, color(255, 255, 255)); textSize(35); textAlign(CENTER, CENTER); text("Green Ghost - 2018", 300, 550); }; var instructions = function() { background(0, 0, 0); for (var i = sparkles.length - 1; i > -1; i--) { noStroke(); fill(0, 200, 255, 100); ellipse(sparkles[i].x, sparkles[i].y + sin(sparkles[i].x) * 25, 10, 10); fill(0, 200, 255, 50); for (var j = 0; j < 360; j += 30) { ellipse(sparkles[i].x + sin(j) * 5, sparkles[i].y + sin(sparkles[i].x) * 25 - cos(j) * 5, 10, 10); } sparkles[i].x += 0.4; if (sparkles[i].x > width + 10) { sparkles.splice(i, 1); sparkles.push({x : -10, y : 530}); } } fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(80); text("Instructions", 300, 60); textSize(40); text("Use the arrow keys to\nnavigate the maze. Move\nover people who want to\ntrade to see what they want\nand how to get it.\nAvoid Goblins!", 300, 300); back.pack(); }; var story = function() { noStroke(); background(0, 0, 0); if (!changer.go) { fade[0] += 10; for (var i = 1; i < fade.length; i++) { if (fade[i - 1] > 400) { fade[i] += 10; } } } fill(0, 180, 70, 55); for (var i = 0; i < 5; i++) { ellipse(105, 190, 160 + i * 4, 80 + i * 4); } Bush(45, 180); Bush(105, 180); fill(0, 0, 0, 100); ellipse(105, 190, 180, 100); fill(0, 0, 0, 255 - fade[0]); rect(15, 100, 180, 180); fill(0, 180, 70, 55); for (var i = 0; i < 5; i++) { ellipse(300, 190, 160 + i * 4, 120 + i * 4); } Bush(245, 180); Bush(305, 180); fill(0, 0, 0, 50); ellipse(300, 190, 180, 140); fill(0, 0, 0, 255 - fade[1]); rect(210, 100, 180, 180); fill(0, 180, 70, 55); for (var i = 0; i < 5; i++) { ellipse(495, 190, 160 + i * 4, 160 + i * 4); } Bush(445, 180); Bush(505, 180); fill(0, 0, 0, 255 - fade[2]); rect(405, 100, 180, 180); fill(0, 180, 70); rect(15, 350, 570, 150); pushMatrix(); scale(1.5, 1.5); for (var i = 0; i < 6; i++) { Bush(i * blockSize * 1.5, 250); } popMatrix(); pushMatrix(); translate(100, 450); rotate(-20); scale(1.5, 1.5); sample.display(); popMatrix(); fill(0, 0, 0); rect(0, 500, 600, 100); rect(0, 0, 15, 600); rect(585, 0, 15, 600); fill(255, 255, 255); ellipse(300, 400, 150, 80); triangle(300, 390, 300, 420, 200, 460); textAlign(CENTER, CENTER); textSize(25); fill(0, 0, 0); text("Where\nam I?", 300, 400); fill(0, 0, 0, 255 - fade[3]); rect(15, 350, 570, 150); if (fade[3] > 1300 && !changer.go \|\| click && !changer.go) { changer.reset("game"); } }; var shop = function() { player.x = blockSize * 5; player.y = blockSize * 2; background(70, 40, 5); noStroke(); fill(50, 25, 0); rect(350, 0, 30, 600); rect(350, 0, 250, 30); rect(350, 100, 250, 30); rect(350, 200, 250, 30); rect(400, 150, 30, 60, 5); rect(450, 80, 60, 20, 5); ellipse(530, 185, 40, 40); fill(100, 70, 35); rect(0, 300, 600, 300); fill(75, 45, 10); rect(0, 400, 600, 200); Fish(100, 250); fill(255, 255, 255); ellipse(300, 150, 200, 130); triangle(300, 150, 300, 180, 160, 230); ellipse(300, 300, 200, 130); triangle(300, 300, 300, 330, 160, 240); fill(0, 0, 0); beginShape(); vertex(290, 200); vertex(310, 200); vertex(310, 240); vertex(320, 240); vertex(300, 270); vertex(280, 240); vertex(290, 240); endShape(); pushMatrix(); translate(300, 285); scale(0.5, 0.5); for (var i = 0; i < 3; i++) { Path(i * blockSize - blockSize * 1.5, 0); } popMatrix(); pushMatrix(); translate(250, 100); scale(2, 2); Shell(0, 0); popMatrix(); backToGame.pack(); trade.pack(); }; var story2 = function() { noStroke(); background(0, 0, 0); for (var i = 0; i < stars3.length; i++) { fill(255, 255, 255, random(100, 150)); ellipse(stars3[i].x, stars3[i].y, stars3[i].size, stars3[i].size); } for (var i = 0; i < 8; i++) { fill(255, 190 + i * 2, 130 + i * 10, 15); ellipse(300, 300, 480 - i * 10, 480 - i * 10); } image(planetImg, 100, 100); image(glowImg, 100, 100); fill(255, 255, 255); textSize(65); textAlign(CENTER, CENTER); text("To be continued...", 300, 450); if (fade2[1] > 1300) { endX += 10; back.pack(); } pushMatrix(); translate(endX, 0); noStroke(); fill(0, 0, 0); rect(0, 0, 600, 600); if (!changer.go) { fade2[0] += 10; if (fade2[0] > 400) { fade2[1] += 10; } } fill(235, 200, 140); rect(15, 100, 570, 200); fill(0, 0, 0); ellipse(200, 200, 80, 160); ellipse(400, 200, 80, 160); fill(255, 255, 255); ellipse(190, 180, 40, 80); ellipse(390, 180, 40, 80); pushMatrix(); translate(300, 200); for (var i = 0; i < 18; i++) { rotate(20); fill(255, 255, 255, 50); triangle(100, 0, 300, 20, 300, -20); } popMatrix(); fill(0, 0, 0); rect(0, 0, 15, 600); rect(585, 0, 15, 600); rect(0, 0, 600, 100); rect(0, 300, 600, 300); fill(0, 0, 0, 255 - fade2[0]); rect(15, 100, 570, 200); fill(135, 120, 75); rect(15, 350, 570, 150); fill(0, 0, 0, 50); rect(15, 460, 570, 40); fill(85, 75, 110); rect(200, 370, 80, 80); for (var i = 0; i < stars2.length; i++) { fill(255, 255, 255, random(100, 150)); ellipse(200 + stars2[i].x, 370 + stars2[i].y, stars2[i].size, stars2[i].size); } pushMatrix(); translate(100, 400); scale(1.5, 1.5); sample.display(); fill(205, 175, 0); rect(0, 0, blockSize, blockSize); fill(235, 200, 140); rect(0, blockSize / 2, blockSize, blockSize / 2); fill(45, 70, 15); rect(0, blockSize / 1.5, blockSize, blockSize / 3); popMatrix(); fill(0, 0, 0); rect(0, 500, 600, 100); rect(0, 0, 15, 600); rect(585, 0, 15, 600); fill(255, 255, 255); rect(480, 428, 40, 20, 15); fill(200, 0, 0); (rect)(400, 440, 130, 30, 10, 10, 0, 0); fill(255, 255, 255); ellipse(300, 400, 160, 90); triangle(300, 385, 300, 415, 185, 440); fill(0, 0, 0); textSize(25); text("I wish\nI could\nleave...", 300, 400); fill(0, 0, 0, 255 - fade2[1]); rect(15, 350, 570, 150); popMatrix(); }; var lose = function() { background(0, 0, 0); pushMatrix(); translate(300, 300); scale(loseSize, loseSize); translate(-blockSize / 2, -blockSize / 2); sample.display(); popMatrix(); loseSize -= 0.007; noStroke(); fill(0, 0, 0, (-loseSize + 2) * 120); rect(0, 0, width, height); fill(255, 0, 0, (-loseSize + 2) * 120); arc(170, 150, 150, 150, 30, 210); arc(430, 150, 150, 150, -30, 150); textSize(100); textAlign(CENTER, CENTER); text("You Lose", 300, 400); back.pack(); }; draw = function() { if (!loaded) { load(); } else { textAlign(CENTER, CENTER); cursor("default"); background(255, 255, 255); switch(scene) { case "logo": logo(); break; case "game": game(); break; case "menu": menu(); break; case "how": instructions(); break; case "story": story(); break; case "shop": shop(); break; case "story2": story2(); break; case "lose": lose(); break; } click = false; changer.display(); } }; mouseClicked = function() { click = true; }; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; };
Folds	43,45,50,56,65,79,82,95,98,112,115,127,130,133,136,153,156,212,217,299,306,630,633,664,666,671,673,710,715,905,908,1242,1245,1301,1303,1315,1317,1384,1386,1389,1391,1398,1400,1413,1415,1434,1439,1617,1624,1830,1833,1870,1873,1942,1946,1955,1957,1975,1979,1986,1988,2077,2080,2122,2124,2141,2143,2159,2161,2184,2186,2259,2261,2308,2310,2419,2421,2440,2442,2478,2480,2482,2484,2486,2488,2490
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMK3o8vnCww
Votes	553
Spin-Offs	21
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"6042847359827968","title":"Contest: A-maze-ing Game","deleted":"false","official":"false"}
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, 1739460313060
Updated	8 months ago, 1744820948439
Source Deleted	unknown