Viewing Program

Program Data

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

Title	Unblock Me
ID	6708397035618304
Created	10 years ago, 1438601957117
Updated	9 years ago, 1470792567230
Code	var screen = "mainMenu"; var level = 1; var colors = [color(175, 150, 25), color(255, 185, 25), color(135, 100, 0)]; var levelCompleted = []; var Piece = function(x, y, w, h) { this.x = x; this.y = y; this.w = w; this.h = h; this.hit = {up: false, down: false, left: false, right: false}; }; Piece.prototype.draw = function() { stroke(colors[2]); fill(colors[1]); rect(this.x, this.y, this.w, this.h, 5); fill(colors[2]); textSize(35); textFont(createFont("Tahoma")); if (this.w > this.h) { text("←", this.x + 25, this.y + 25); text("→", this.x + this.w - 25, this.y + 25); } else { text("↑", this.x + 25, this.y + 25); text("↓", this.x + 25, this.y + this.h - 25); } textFont(createFont("Chalkboard")); }; Piece.prototype.clicked = function() { if (levelCompleted[level - 1] === false) { if (this.w > this.h) { if (mouseY > this.y && mouseY < this.y + this.h) { if (mouseX > this.x && mouseX < this.x + 50 && this.x > 50 && this.hit.left !== true) { this.x -= 50; } else if (mouseX > this.x + this.w - 50 && mouseX < this.x + this.w && this.x + this.w < 350 && this.hit.right !== true) { this.x += 50; } } } else { if (mouseX > this.x && mouseX < this.x + this.w) { if (mouseY > this.y && mouseY < this.y + 50 && this.y > 50 && this.hit.up !== true) { this.y -= 50; } else if (mouseY > this.y + this.h - 50 && mouseY < this.y + this.h && this.y + this.h < 350 && this.hit.down !== true) { this.y += 50; } } } } }; Piece.prototype.move = function() { if (levelCompleted[level - 1] === false) { if (this.w > this.h) { if (((mouseX > this.x && mouseX < this.x + 50) \|\| (mouseX > this.x + this.w - 50 && mouseX < this.x + this.w)) && mouseY > this.y && mouseY < this.y + this.h) { cursor(HAND); } } else { if (((mouseY > this.y && mouseY < this.y + 50) \|\| (mouseY > this.y + this.h - 50 && mouseY < this.y + this.h)) && mouseX > this.x && mouseX < this.x + this.w) { cursor(HAND); } } } }; var Block = function(x, y, w, h, hit) { Piece.call(this, x, y, w, h, hit); }; Block.prototype = Object.create(Piece.prototype); Block.prototype.draw = function() { stroke(colors[2]); fill(255, 0, 0); rect(this.x, this.y, this.w, this.h, 5); fill(255); textSize(35); textFont(createFont("Tahoma")); text("←", this.x + 25, this.y + 25); text("→", this.x + this.w - 25, this.y + 25); textFont(createFont("Chalkboard")); }; var pieces = [ //Level 1 - Beginner [ new Piece(50, 50, 150, 50), new Piece(300, 50, 50, 150), new Piece(150, 100, 50, 150), new Piece(50, 200, 50, 100), new Piece(50, 300, 150, 50), new Piece(250, 200, 100, 50), new Piece(250, 250, 50, 100), new Block(50, 150, 100, 50) ], //Level 2 - Beginner [ new Piece(150, 100, 50, 100), new Piece(200, 100, 50, 150), new Piece(250, 100, 50, 150), new Piece(150, 200, 50, 100), new Piece(50, 200, 100, 50), new Piece(100, 250, 50, 100), new Piece(150, 300, 100, 50), new Block(50, 150, 100, 50) ], //Level 3 - Beginner [ new Piece(50, 50, 50, 100), new Piece(100, 50, 100, 50), new Piece(200, 50, 100, 50), new Piece(150, 100, 50, 100), new Piece(200, 150, 50, 150), new Piece(250, 150, 50, 150), new Piece(50, 250, 150, 50), new Block(50, 150, 100, 50) ], //Level 4 - Beginner [ new Piece(200, 100, 50, 150), new Piece(250, 100, 50, 150), new Piece(300, 100, 50, 100), new Piece(50, 200, 100, 50), new Piece(100, 250, 50, 100), new Piece(150, 250, 100, 50), new Piece(150, 300, 100, 50), new Block(50, 150, 100, 50) ], //Level 5 - Beginner [ new Piece(150, 50, 50, 150), new Piece(250, 50, 100, 50), new Piece(300, 100, 50, 150), new Piece(300, 100, 50, 150), new Piece(100, 200, 50, 100), new Piece(150, 200, 150, 50), new Piece(150, 250, 100, 50), new Piece(250, 250, 50, 100), new Block(50, 150, 100, 50) ], //Level 6 - Beginner [ new Piece(150, 50, 50, 150), new Piece(200, 50, 50, 150), new Piece(250, 50, 100, 50), new Piece(250, 100, 50, 100), new Piece(250, 200, 50, 100), new Piece(100, 200, 50, 100), new Piece(150, 250, 100, 50), new Block(50, 150, 100, 50) ], //Level 7 - Beginner [ new Piece(50, 50, 50, 100), new Piece(200, 50, 50, 100), new Piece(200, 150, 50, 100), new Piece(300, 150, 50, 150), new Piece(50, 200, 150, 50), new Piece(100, 250, 50, 100), new Piece(150, 250, 100, 50), new Piece(150, 300, 100, 50), new Block(50, 150, 100, 50) ], //Level 8 - Beginner [ new Piece(100, 100, 150, 50), new Piece(150, 150, 50, 100), new Piece(200, 150, 50, 150), new Piece(50, 250, 150, 50), new Piece(300, 100, 50, 100), new Piece(250, 200, 100, 50), new Piece(300, 250, 50, 100), new Block(50, 150, 100, 50) ], //Level 9 - Beginner [ new Piece(50, 50, 150, 50), new Piece(50, 100, 50, 150), new Piece(100, 100, 100, 50), new Piece(200, 50, 50, 150), new Piece(250, 100, 100, 50), new Piece(300, 150, 50, 150), new Piece(150, 200, 50, 100), new Piece(50, 300, 150, 50), new Piece(200, 200, 100, 50), new Piece(250, 250, 50, 100), new Block(100, 150, 100, 50) ], //Level 10 - Beginner [ new Piece(50, 50, 50, 100), new Piece(100, 50, 150, 50), new Piece(100, 100, 150, 50), new Piece(100, 150, 50, 150), new Piece(250, 100, 50, 150), new Piece(150, 200, 100, 50), new Piece(50, 300, 150, 50), new Piece(200, 250, 50, 100), new Piece(250, 250, 100, 50), new Block(150, 150, 100, 50) ], //Level 11 - Intermediate [ new Piece(100, 50, 50, 100), new Piece(150, 50, 50, 150), new Piece(200, 50, 50, 100), new Piece(250, 50, 100, 50), new Piece(250, 100, 100, 50), new Piece(50, 200, 50, 100), new Piece(100, 200, 150, 50), new Piece(300, 200, 50, 150), new Piece(50, 300, 100, 50), new Piece(150, 300, 100, 50), new Block(50, 150, 100, 50) ], //Level 12 - Intermediate [ new Piece(100, 50, 50, 100), new Piece(150, 50, 150, 50), new Piece(150, 100, 150, 50), new Piece(300, 50, 50, 150), new Piece(150, 150, 50, 150), new Piece(200, 200, 50, 150), new Piece(250, 200, 50, 100), new Piece(50, 200, 100, 50), new Piece(100, 300, 100, 50), new Piece(50, 250, 50, 100), new Block(50, 150, 100, 50) ], //Level 13 - Advanced [ new Piece(100, 50, 50, 100), new Piece(150, 50, 100, 50), new Piece(150, 100, 100, 50), new Piece(250, 50, 50, 100), new Piece(150, 150, 50, 100), new Piece(150, 250, 50, 100), new Piece(200, 150, 50, 150), new Piece(50, 200, 50, 150), new Piece(250, 250, 100, 50), new Piece(200, 300, 150, 50), new Block(50, 150, 100, 50) ], //Level 14 - Advanced [ new Piece(50, 100, 50, 100), new Piece(100, 50, 50, 150), new Piece(150, 50, 150, 50), new Piece(300, 50, 50, 100), new Piece(250, 100, 50, 150), new Piece(50, 200, 100, 50), new Piece(150, 200, 50, 100), new Piece(200, 250, 150, 50), new Piece(100, 300, 100, 50), new Piece(200, 300, 100, 50), new Block(150, 150, 100, 50) ], //Level 15 - Expert [ new Piece(50, 50, 50, 150), new Piece(50, 200, 100, 50), new Piece(50, 250, 100, 50), new Piece(150, 200, 100, 50), new Piece(150, 250, 100, 50), new Piece(150, 50, 50, 100), new Piece(200, 50, 150, 50), new Piece(200, 100, 50, 100), new Piece(300, 150, 50, 150), new Block(100, 150, 100, 50) ], ]; for (var i = 0; i < pieces.length; i++) { levelCompleted.push(false); } Piece.prototype.checkIfOpen = function() { this.hit.left = false; this.hit.right = false; this.hit.up = false; this.hit.down = false; for (var i = 0; i < pieces[level - 1].length; i++) { if (this.x !== pieces[level - 1][i].x \|\| this.y !== pieces[level - 1][i].y) { if (this.w > this.h) { if (this.y + this.h > pieces[level - 1][i].y && this.y < pieces[level - 1][i].y + pieces[level - 1][i].h) { if (this.x <= pieces[level - 1][i].x + pieces[level - 1][i].w && this.x > pieces[level - 1][i].x) { this.hit.left = true; } if (this.x + this.w >= pieces[level - 1][i].x && this.x + this.w < pieces[level - 1][i].x + pieces[level - 1][i].w) { this.hit.right = true; } } } else { if (this.x + this.w > pieces[level - 1][i].x && this.x < pieces[level - 1][i].x + pieces[level - 1][i].w) { if (this.y <= pieces[level - 1][i].y + pieces[level - 1][i].h && this.y > pieces[level - 1][i].y) { this.hit.up = true; } if (this.y + this.h >= pieces[level - 1][i].y && this.y + this.h < pieces[level - 1][i].y + pieces[level - 1][i].h) { this.hit.down = true; } } } } } }; Block.prototype.win = function() { if (this.x >= 250) { this.x++; } if (this.x > 400) { levelCompleted[level - 1] = true; } }; var button = function(x, y, label, nextScreen) { stroke(colors[2]); strokeWeight(3); if (mouseX > x && mouseX < x + 150 && mouseY > y && mouseY < y + 50) { fill(red(color(255, 185, 25)) - 10, green(color(255, 185, 25)) - 10, blue(color(255, 185, 25))); cursor(HAND); if (mouseIsPressed) { screen = nextScreen; } } else { fill(colors[1]); } rect(x, y, 150, 50); fill(colors[2]); textSize(25); text(label, x + 75, y + 25); }; var mainMenu = function() { background(colors[0]); fill(255); textSize(50); text("Unblock Me", 200, 75); button(125, 165, "Play", "play"); button(125, 245, "Instructions", "instructions"); fill(255); textSize(25); text("Made by Kevin23", 200, 350); }; var instructions = function() { background(colors[0]); fill(255); textSize(50); text("Instructions", 200, 50); textSize(20); textAlign(LEFT, CENTER); text("1) Your goal is to move the red piece\nacross and out of the board.\n2) You can move the pieces by clicking\non their arrows.\n3) If a level is too hard, you can move\nonto the next one and come back to\nthat one later.\n4) Have fun!", 35, 200); textAlign(CENTER, CENTER); button(125, 325, "Back", "mainMenu"); }; var beatGame = function() { background(colors[0]); fill(255); textSize(50); text("Congratulations!", 200, 75); textSize(25); text("You cleared all 15 levels.\n Thanks for playing!", 200, 200); }; var play = function() { background(colors[0]); fill(colors[2]); rect(50, 50, 300, 300, 5); rect(325, 150, 100, 50, 5); fill(255); textSize(12); text("Puzzle", 200, 12); textSize(30); text(level, 200, 32); textSize(20); if (level > 1) { text("<", 149, 30); noFill(); stroke(255); ellipse(150, 32, 20, 20); if (dist(mouseX, mouseY, 150, 32) < 12) { cursor(HAND); } } if (level < pieces.length) { text(">", 251, 30); noFill(); stroke(255); ellipse(250, 32, 20, 20); if (dist(mouseX, mouseY, 250, 32) < 12) { cursor(HAND); } } fill(colors[0]); noStroke(); for (var y = 155; y <= 185; y += 15) { triangle(370, y, 370, y + 10, 380, y + 5); } for (var i = 0; i < pieces[level - 1].length; i++) { pieces[level - 1][i].draw(); pieces[level - 1][i].move(); pieces[level - 1][i].checkIfOpen(); pieces[level - 1][pieces[level - 1].length - 1].win(); } if (levelCompleted[level - 1] === true) { fill(0, 255, 0); textSize(75); pushMatrix(); translate(200, 200); rotate(25); text("Cleared", 0, 0); popMatrix(); } }; var game = function() { textFont(createFont("sans-serif")); textAlign(CENTER, CENTER); cursor(ARROW); switch (screen) { case "mainMenu": mainMenu(); break; case "instructions": instructions(); break; case "play": play(); break; } if (levelCompleted[0] === true && levelCompleted[1] === true && levelCompleted[2] === true && levelCompleted[3] === true && levelCompleted[4] === true && levelCompleted[5] === true && levelCompleted[6] === true && levelCompleted[7] === true && levelCompleted[8] === true && levelCompleted[9] === true && levelCompleted[10] === true && levelCompleted[11] === true && levelCompleted[12] === true && levelCompleted[13] === true && levelCompleted[14] === true) { beatGame(); } }; var mouseClicked = function() { for (var i = 0; i < pieces[level - 1].length; i++) { pieces[level - 1][i].clicked(); } if (mouseX > 135 && mouseX < 165 && mouseY > 20 && mouseY < 40 && level > 1) { level--; } if (mouseX > 235 && mouseX < 265 && mouseY > 20 && mouseY < 40 && level < pieces.length) { level++; } }; var draw = function() { game(); };
Folds	5,12,14,34,36,57,59,72,74,76,80,92,97,106,108,117,119,128,130,139,141,151,153,162,164,174,176,185,187,199,201,212,214,226,228,240,242,254,256,268,270,281,289,325,327,337,339,361,363,376,378,389,391,399,401,462,464,486,488,501,503,506
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMiyhqj1Cww
Votes	453
Spin-Offs	12
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Kevin23
Author Name	kevin2339
Author ID	kaid_963177212814900086422279
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739063693020
Updated	4 months ago, 1744828212326
Source Deleted	unknown