Viewing Program

Program Data

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

Title	Black & White (and Red) 2
ID	6638071521345536
Created	9 years ago, 1453048506101
Updated	9 years ago, 1454447529418
Code	/************************************** * Black & White (and Red) 2 * * by KιngKhαn007™ * *************************************** * @Notice * Yes, there will be a Black & White (and Red) 3! * * @About * It's finally here! * Black & White (and Red) 2 is my most ambitious * project to date, and my best. It took me * months to make, but It's finally done. * I hope you enjoy playing it as much as I enjoyed making it. :) * * @FirstWinner * Stαrɢαzεr (11 attempts) * * @FirstTries * TemporalFuzz * xxbaseballxx * Jeffrey Buglewicz * * @Thanks * A big thank-you goes to KonourPapa, * who wrote the code for the text * outlines, not to mention supported * me all the way. * * Thanks to Matt S for the array * key-presses, which I have used in * so many of my games. * * A big thanks goes to all my many testers, * who helped make the great game you see before you. * * Thanks to everybody who answered my * help requests, as well, and wrote * engouraging feedback. * * I couldn't have done it without you guys. * KιngKhαn007™ */ // Credit to KonourPapa for the text outline. // https://www.khanacademy.org/profile/KonurPapa/ // Credit to ♦Matt S.♦ for the array key-presses. // https://www.khanacademy.org/profile/JSGuru/ var tries = 0; var lvl = 0; var restart = false; var pause = false; var mice; var poses = [ new PVector(200, 300), new PVector(50, 40), new PVector(320, 315), new PVector(200, 320), new PVector(50, 50), new PVector(200, 320), new PVector(50, 50), new PVector(60, 60), new PVector(200, 280), new PVector(65, 300), new PVector(50, 310), new PVector(200, 80), new PVector(330, 40), new PVector(55, 35), new PVector(200, 335), new PVector(55, 35) ]; var inverts = [false, false, false, false, false, false, false, false, false, false, false, true, true, false, false, true]; var pos = new PVector(200, 300); var state = "menu"; var saved; var s = 2; var keys = []; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; var invert = function(x, y, s) { pushMatrix(); translate(x, y); scale(s/100); stroke(0); strokeWeight(5.5); line(-25, 10, -10, 10); line(-25, -10, -10, -10); line(-10, -10, 10, 10); line(-10, 10, 10, -10); line(10, -10, 25, -10); line(10, 10, 25, 10); fill(0); noStroke(); triangle(25, -18, 25, -2, 35, -10); triangle(25, 18, 25, 2, 35, 10); popMatrix(); }; var Player = function() { this.eyeY = 0; this.eyeX = 0; this.eyeSize = 5.5; this.blink = false; this.timer = 0; }; Player.prototype.draw= function() { this.eyeY = 0; this.eyeX = 0; if (keys[UP]) { pos.y -= s; if (inverts[lvl]===false) { this.eyeY = -2.5; } else { this.eyeY = 2.5; } } if (keys[DOWN]) { pos.y += s; if (inverts[lvl]===false) { this.eyeY = 2.5; } else { this.eyeY = -2.5; } } if (keys[RIGHT]) { pos.x += s; if (inverts[lvl]===false) { this.eyeX = 2; } else { this.eyeX = -2; } } if (keys[LEFT]) { pos.x -= s; if (inverts[lvl]===false) { this.eyeX = -2; } else { this.eyeX = 2; } } pos.x = constrain(pos.x, 16, 384); pos.y = constrain(pos.y, 16, 344); if (random(1) < 0.008) { this.blink = true; } if (this.blink===true) { this.timer++; this.eyeSize = 1; if (this.timer > 3) { this.timer = 0; this.blink = false; } } else { this.eyeSize = 5.5; } stroke(0); strokeWeight(2); fill(255); rectMode(CENTER); rect(pos.x, pos.y, 30, 30); fill(0); noStroke(); ellipse(pos.x - 6 + this.eyeX, pos.y - 5 + this.eyeY, 5.5, this.eyeSize); ellipse(pos.x + 6 + this.eyeX, pos.y - 5 + this.eyeY, 5.5, this.eyeSize); }; var Wall = function(x, y, w, h) { this.pos = new PVector(x, y); this.size = new PVector(w, h); }; Wall.prototype.draw = function() { rectMode(CENTER); fill(0); noStroke(); rect(this.pos.x, this.pos.y, this.size.x, this.size.y); if (pos.x > this.pos.x - 16 - this.size.x/2 && pos.x < this.pos.x && pos.y > this.pos.y - this.size.y/2 - 14 && pos.y < this.pos.y + this.size.y/2 + 14) { pos.x = this.pos.x - 16 - this.size.x/2; } if (pos.x < this.pos.x + 16 + this.size.x/2 && pos.x > this.pos.x && pos.y > this.pos.y - this.size.y/2 - 14 && pos.y < this.pos.y + this.size.y/2 + 14) { pos.x = this.pos.x + 16 + this.size.x/2; } if (pos.y > this.pos.y - 16 - this.size.y/2 && pos.y < this.pos.y && pos.x > this.pos.x - this.size.x/2 - 14 && pos.x < this.pos.x + this.size.x/2 + 14) { pos.y = this.pos.y - 16 - this.size.y/2; } if (pos.y < this.pos.y + 16 + this.size.y/2 && pos.y > this.pos.y && pos.x > this.pos.x - this.size.x/2 - 14 && pos.x < this.pos.x + this.size.x/2 + 14) { pos.y = this.pos.y + 16 + this.size.y/2; } }; var collide = function(x1, y1, w1, h1, x2, y2, w2, h2) { if (x1 > x2 - w2/2 - w1/2 && x1 < x2 + w2/2 + w1/2 && y1 > y2 - h2/2 - h1/2 && y1 < y2 + h2/2 + h1/2) { return true; } }; var TrackerEnemy = function(x, y) { this.bad = "yes"; this.pos = new PVector(x, y); this.save = new PVector(x, y); this.speed = new PVector(0, 0); }; TrackerEnemy.prototype.draw = function() { noStroke(); fill(255, 0, 0); rectMode(CENTER); rect(this.pos.x, this.pos.y, 34, 34); if (pos.x < this.pos.x) { this.pos.x--; } if (pos.x > this.pos.x) { this.pos.x++; } if (pos.y < this.pos.y) { this.pos.y--; } if (pos.y > this.pos.y) { this.pos.y++; } if (restart===true) { this.pos = new PVector(this.save.x, this.save.y); } }; TrackerEnemy.prototype.check = function() { if (collide(pos.x, pos.y, 30, 30, this.pos.x, this.pos.y, 34, 34)) { pos = new PVector(poses[lvl].x, poses[lvl].y); restart = true; } }; var BasicEnemy = function(x, y, w, h) { this.pos = new PVector(x, y); this.size = new PVector(w, h); }; BasicEnemy.prototype.draw = function() { rectMode(CENTER); fill(255, 0, 0); noStroke(); rect(this.pos.x, this.pos.y, this.size.x, this.size.y); if (collide(pos.x, pos.y, 30, 30, this.pos.x, this.pos.y, this.size.x, this.size.y)) { pos = new PVector(poses[lvl].x, poses[lvl].y); restart = true; } }; var Water = function(x, y, w, h) { this.pos = new PVector(x, y); this.size = new PVector(w, h); }; Water.prototype.draw = function() { rectMode(CENTER); fill(0, 170, 255, 50); noStroke(); rect(this.pos.x, this.pos.y, this.size.x, this.size.y); if (collide(pos.x, pos.y, 30, 30, this.pos.x, this.pos.y, this.size.x, this.size.y)) { if (inverts[lvl]===false) { s = 1; } else { s = -1; } } }; var Portal = function(x, y) { this.pos = new PVector(x, y); }; Portal.prototype.draw = function() { rectMode(CENTER); fill(0, 196, 0); noStroke(); rect(this.pos.x, this.pos.y, 40, 40); fill(0, 208, 0); rect(this.pos.x, this.pos.y, 30, 30); fill(0, 220, 0); rect(this.pos.x, this.pos.y, 20, 20); if (collide(pos.x, pos.y, 30, 30, this.pos.x, this.pos.y, 40, 40)) { if (lvl===15) { state = "congrats"; } else { lvl++; pos = new PVector(poses[lvl].x, poses[lvl].y); } } }; var Message = function(txt, x, y) { this.txt = txt; this.pos = new PVector(x, y); }; Message.prototype.draw = function() { textFont(createFont("calibri"), 18); fill(0); textAlign(CENTER, CENTER); text(this.txt, this.pos.x, this.pos.y); }; var Teleporter = function(x1, y1, x2, y2) { this.pos1 = new PVector(x1, y1); this.pos2 = new PVector(x2, y2); }; Teleporter.prototype.draw= function() { rectMode(CENTER); strokeWeight(4); stroke(200, 80, 255, 150); fill(200, 100, 255, 125); rect(this.pos1.x, this.pos1.y, 40, 40); fill(200, 80, 255, 150); textAlign(CENTER, CENTER); textSize(23); textFont(createFont("calibri")); text("In", this.pos1.x, this.pos1.y - 1); fill(200, 100, 255, 125); rect(this.pos2.x, this.pos2.y, 40, 40); fill(200, 80, 255, 150); textSize(18); text("Out", this.pos2.x - 0.5, this.pos2.y - 1); if (collide(pos.x, pos.y, 34, 34, this.pos1.x, this.pos1.y, 40, 40)) { pos = new PVector(this.pos2.x, this.pos2.y); } }; var MovingEnemy = function(x, y, xspeed, yspeed, xmin, xmax, ymin, ymax) { this.pos = new PVector(x, y); this.speed = new PVector(xspeed, yspeed); this.min = new PVector(xmin, ymin); this.max = new PVector(xmax, ymax); }; MovingEnemy.prototype.draw= function() { if (this.pos.x < this.min.x) { this.speed.x = -this.speed.x; } if (this.pos.x > this.max.x) { this.speed.x = -this.speed.x; } if (this.pos.y < this.min.y) { this.speed.y = -this.speed.y; } if (this.pos.y > this.max.y) { this.speed.y = -this.speed.y; } this.pos.x += this.speed.x; this.pos.y += this.speed.y; noStroke(); rectMode(CENTER); fill(255, 0, 0); rect(this.pos.x, this.pos.y, 38, 38); if (collide(this.pos.x, this.pos.y, 38, 38, pos.x, pos.y, 30, 30)) { pos = new PVector(poses[lvl].x, poses[lvl].y); restart = true; } }; var player = new Player(); var lvls = [ [ new Message("Welcome, little square.", 200, 240), new Message("Get to the green portal\nto continue your quest.", 200, 50), new Portal(50, 50) ], [ new Message("Walls block you.", 200, 40), new Message("There may be hope\nfor you yet, little square.", 200, 310), new Message("Red sends you back.", 200, 175), new Wall(100, 100, 500, 40), new BasicEnemy(300, 240, 500, 40), new Portal(350, 310) ], [ new MovingEnemy(200, 200, 2, 0, 19, 381), new BasicEnemy(200, 120, 300, 40), new BasicEnemy(80, 20, 200, 40), new BasicEnemy(320, 20, 200, 40), new Portal(200, 20), new Message("Some enemies move,\nand some don't.", 150, 310) ], [ new Message("Some of them\neven follow you!", 200, 50), new Portal(50, 50), new TrackerEnemy(200, 100) ], [ new Message("These are teleporters.\nTry using one!", 280, 80), new Wall(50, 135, 200, 30), new Wall(135, 50, 30, 200), new Teleporter(100, 100, 100, 300), new Portal (300, 300) ], [ new Water(200, 180, 400, 200), new Message("Water slows you down,\nbut not your enemies.", 200, 180), new Portal(200, 40), new TrackerEnemy(40, 340), new TrackerEnemy(360, 340) ], [ new BasicEnemy(200, 250, 400, 30), new BasicEnemy(200, 150, 400, 30), new Portal(350, 200), new Teleporter(50, 115, 50, 285), new Teleporter(150, 115, 50, 200), new Teleporter(350, 115, 350, 285), new Teleporter(250, 115, 200, 285) ], [ new Message("?!?!", 280, 80), new Wall(50, 140, 210, 30), new Wall(140, 50, 30, 210), new Teleporter(-18, 10, 100, 300), new Portal(300, 300) ], [ new Message("Better not touch\nthe sides!", 200, 200), new Portal(200, 100), new BasicEnemy(20, 200, 40, 400), new BasicEnemy(380, 200, 40, 400), new BasicEnemy(200, 20, 400, 40), new BasicEnemy(200, 340, 400, 40) ], [ new BasicEnemy(20, 200, 40, 400), new BasicEnemy(380, 200, 40, 400), new BasicEnemy(200, 20, 400, 40), new BasicEnemy(200, 350, 400, 40), new BasicEnemy(110, 285, 40, 400), new BasicEnemy(200, 85, 40, 400), new BasicEnemy(290, 285, 40, 400), new Portal(335, 305), new MovingEnemy(200, 130, -2, 0, 19, 381, 19, 381), new MovingEnemy(200, 230, 2, 0, 19, 381, 19, 381) ], [ new Message("Think fast!", 200, 200), new Portal(350, 50), new TrackerEnemy(200, 50), new TrackerEnemy(100, 50), new TrackerEnemy(350, 300), new TrackerEnemy(350, 200) ], [ new Message("On some levels, the\ncontrols are inverted.", 200, 175), new Portal(200, 280) ], [ new Water(200, 180, 200, 200), new Message("Roadblocked.", 200, 180), new Portal(60, 320), new MovingEnemy(50, 30, 2, 2, 39, 361, 19, 341), new MovingEnemy(350, 330, -2, -2, 39, 361, 19, 341), new MovingEnemy(150, 130, -2, -2, 39, 361, 19, 341), new MovingEnemy(250, 230, 2, 2, 39, 361, 19, 341), new Wall(400, 200, 40, 400), new Wall(0, 200, 40, 400) ], [ new Message("Whoa.", 200, 180), new Portal(340, 320), new MovingEnemy(200, 180, 2, 1, 39, 361, 19, 341), new MovingEnemy(200, 180, 1, 2, 39, 361, 19, 341), new MovingEnemy(200, 180, -2, -1, 39, 361, 19, 341), new MovingEnemy(200, 180, -1, -2, 39, 361, 19, 341), new MovingEnemy(200, 180, 1, -2, 39, 361, 19, 341), new MovingEnemy(200, 180, -1, 2, 39, 361, 19, 341), new MovingEnemy(200, 180, 2, -1, 39, 361, 19, 341), new MovingEnemy(200, 180, -2, 1, 39, 361, 19, 341), new Wall(400, 200, 40, 400), new Wall(0, 200, 40, 400) ], [ new Water(200, 185, 400, 250), new Message("WARNING: You may rage quit.", 200, 185), new Portal(200, 30), new MovingEnemy(200, 185, 2, 0, 19, 381, 19, 381), new MovingEnemy(200, 185, -2, 0, 19, 381, 19, 381), new MovingEnemy(19, 223, 2, 0, 19, 381, 19, 381), new MovingEnemy(381, 223, -2, 0, 19, 381, 19, 381), new MovingEnemy(19, 147, 2, 0, 19, 381, 19, 381), new MovingEnemy(381, 147, -2, 0, 19, 381, 19, 381), new MovingEnemy(200, 261, 2, 0, 19, 381, 19, 381), new MovingEnemy(200, 261, -2, 0, 19, 381, 19, 381), new MovingEnemy(200, 109, 2, 0, 19, 381, 19, 381), new MovingEnemy(200, 109, -2, 0, 19, 381, 19, 381) ], [ new Water(130, 200, 340, 450), new Message("Last level.", 200, 180), new Portal(340, 320), new MovingEnemy(200, 180, 2, 1, 39, 361, 19, 341), new MovingEnemy(200, 180, 1, 2, 39, 361, 19, 341), new MovingEnemy(200, 180, -2, -1, 39, 361, 19, 341), new MovingEnemy(200, 180, -1, -2, 39, 361, 19, 341), new MovingEnemy(200, 180, 1, -2, 39, 361, 19, 341), new MovingEnemy(200, 180, -1, 2, 39, 361, 19, 341), new MovingEnemy(200, 180, 2, -1, 39, 361, 19, 341), new MovingEnemy(200, 180, -2, 1, 39, 361, 19, 341), new TrackerEnemy(340, 40), new TrackerEnemy(340, 320), new TrackerEnemy(60, 320), new Teleporter(0, -20, 400, -20), new Wall(400, 200, 40, 400), new Wall(0, 200, 40, 400) ] ]; var hexagon = function(x, y) { var fills = [color(0), color(255), color(255, 0, 0)]; pushMatrix(); translate(x, y); noStroke(); fill(fills[round(random(0, fills.length-1))]); for (var r = 0; r < 360; r += 60) { pushMatrix(); rotate(r); triangle(-12, -20, 12, -20, 0, 1); popMatrix(); } popMatrix(); }; for (var y = 0; y < 440; y += 38) { for (var x = 0; x < 440; x += 68) { hexagon(x, y); hexagon(x - 34, y - 19); } } fill(255, 255, 255, 150); rectMode(CENTER); noStroke(); rect(200, 150, 450, 185); filter(BLUR, 3); var img = get(0, 0, 400, 400); var textOutline = function(Text, TextSize, outlineWidth, textX, textY, textColor, outlineColor) { textAlign(CENTER, CENTER); textFont(createFont("calibri"), TextSize); fill(outlineColor); text(Text, textX - outlineWidth, textY - outlineWidth); text(Text, textX + outlineWidth, textY + outlineWidth); text(Text, textX - outlineWidth, textY + outlineWidth); text(Text, textX + outlineWidth, textY - outlineWidth); fill(textColor); text(Text, textX, textY); }; var x = 400; var Button = function(txt, x, y, fun) { this.pos = new PVector(x, y); this.txt = txt; this.fun = fun; this.cols = { one: 255, two: 0 }; }; Button.prototype.draw = function() { if (mice.x > this.pos.x - 70 && mice.x < this.pos.x + 70 && mice.y > this.pos.y - 35 && mice.y< this.pos.y + 35) { cursor(HAND); this.cols.one -= 20; this.cols.two += 20; } this.cols.one = constrain(this.cols.one, 0, 255); this.cols.two = constrain(this.cols.two, 0, 255); stroke(0); strokeWeight(2); fill(this.cols.one); rectMode(CENTER); rect(this.pos.x, this.pos.y, 140, 70, 20); fill(this.cols.two); textAlign(CENTER, CENTER); textFont(createFont("calibri"), 30); text(this.txt, this.pos.x, this.pos.y); }; Button.prototype.basic = function() { if (mice.x > this.pos.x - 70 && mice.x < this.pos.x + 70 && mice.y > this.pos.y - 35 && mice.y< this.pos.y + 35) {} else { this.cols.one += 20; this.cols.two -= 20; } }; Button.prototype.clicked = function() { if (mice.x > this.pos.x - 70 && mice.x < this.pos.x + 70 && mice.y > this.pos.y - 35 && mice.y< this.pos.y + 35) { this.fun(); pos = new PVector(poses[lvl].x, poses[lvl].y); } }; var b = new Button("Play", 200, 300, function() { state = "play"; }); var draw= function() { mice = new PVector(mouseX/(width/400), mouseY/(width/400)); pushMatrix(); scale(width/400); restart = false; for (var i = 0; i < lvls[lvl].length; i++) { if (lvls[lvl][i].bad==="yes") { lvls[lvl][i].check(); } } cursor(ARROW); background(255); if (state==="menu") { image(img, 0, 0); textOutline("Black & White", 55, 1, 200 - x, 95, color(255, 255, 255), color(0, 0, 0)); textOutline("(and Red) 2", 55, 1, 200 + x, 155, color(255, 0, 0), color(0, 0, 0)); fill(0); textSize(24); text("by KingKhan007", 200 - x, 205); b.draw(); x /= 1.25; } else if (state==="play") { s = 2; if (inverts[lvl]===true) { s = -2; } if (mice.x > 270 && mice.x < 330 && mice.y > 365 && mouseIsPressed) { restart = true; } if (restart===true) { pos = new PVector(poses[lvl].x, poses[lvl].y); tries++; } if (pause===false) { for (var i = 0; i < lvls[lvl].length; i++) { lvls[lvl][i].draw(); } player.draw(); } if (mice.x > 44 && mice.x < 96 && mice.y > 365 && mouseIsPressed) { pause = true; } if (pause===true) { if (mice.y < 360) { cursor(HAND); if (mouseIsPressed) { pause = false; } } image(saved, 0, 0, 400, 400); fill(255, 255, 255, 100); filter(BLUR, 2); fill(0); textSize(40); text("Game Paused", 200, 165); textSize(22); text("Click to resume.", 200, 210); textSize(18); } fill(255); stroke(0); strokeWeight(2); rect(200, 385, 404, 50, 10); fill(0); if (inverts[lvl]===false) { text("Level " + (lvl + 1), 200, 380); } else { text("Level " + (lvl + 1), 185, 380); invert(235, 381, 36); } text("Pause", 70, 380); text("Reset", 330, 380); text("\|", 130, 380); text("\|", 270, 380); if (mice.x > 44 && mice.x < 96 && mice.y > 365) { cursor(HAND); text("_____", 70, 382); } if (mice.x > 304 && mice.x < 356 && mice.y > 365) { cursor(HAND); text("_____", 330, 382); } } else if (state==="congrats") { fill(0); textAlign(CENTER, CENTER); textFont(createFont("calibri"), 45); text("Congrats!", 200, 170); textSize(28); text("You win!", 200, 210); textSize(22); text("It only took you " + (tries + 1) + " attempt(s).", 200, 255); imageMode(CENTER); pushMatrix(); translate(55, 180); rotate(sin(frameCount4)8); image(getImage("creatures/Hopper-Jumping"), 0, 0, 85, 90); popMatrix(); pushMatrix(); translate(345, 180); rotate(cos(frameCount4)*8); image(getImage("creatures/Hopper-Jumping"), 0, 0, 85, 90); popMatrix(); imageMode(CORNER); } b.basic(); popMatrix(); // background(255, 0, 0); }; mousePressed = function() { if (state==="menu") { b.clicked(); } else if (state==="play") { if (mice.x > 44 && mice.x < 96 && mice.y > 365 && pause===false) { saved = get(0, 0, width, height); } } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJi4p6nlCww
Votes	446
Spin-Offs	23
Type	PJS
Width	500
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	KingKhan007
Author Name	kingkhan007
Author ID	kaid_1169361567713928601841618
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739460180835
Updated	8 months ago, 1744828259497
Source Deleted	unknown