Viewing Program

Program Data

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

Title	SLAB
ID	5927192830312448
Created	6 years ago, 1542120357430
Updated	6 years ago, 1557173978313
Code	// SLAB, my twenty-sixth game! // Started: 9/7/2018 // Finished: 11/11/2018 // Released: 11/13/2018 // 11/13/2018: It's out! 75 votes, 2nd on the hotlist. // 11/14/2018: 134 votes, 1st on the hotlist! The program above mine, Donkey Kong, turned out to be plagiarized, so it got hidden. // 11/15/2018: 178 votes, dropped down to 2nd. // 11/16/2018: 207 votes, dropped to 5th. // 11/17/2018: 223 votes, dropped to 11th. // 11/18/2018: 225 votes, dropped to 13th. // 11/19/2018: 230 votes, off the first page of the hotlist. // 5/6/2019: 256 votes! Made the background more pink. // jshint ignore : start smooth(); var scene = "logo", click = false, overButton = false, loaded = loaded \|\| false; / Fonts / // { var fonts = [ createFont("sans-serif"), createFont("monospace") ]; var slabCharacters = { "A" : function(size) { beginShape(); vertex(0, size); vertex(0, size / 2); vertex(size, size / 2); vertex(size, size * 1.1); vertex(size, 0); vertex(0, 0); vertex(0, size); endShape(); }, "B" : function(size) { beginShape(); vertex(0, 0); vertex(size / 3 * 2, 0); vertex(size / 3 * 2, size / 2); vertex(0, size / 2); vertex(size, size / 2); vertex(size, size); vertex(0, size); vertex(0, 0); endShape(); }, "C" : function(size) { beginShape(); vertex(size, 0); vertex(0, 0); vertex(0, size); vertex(size, size); endShape(); }, "D" : function(size) { beginShape(); vertex(size / 3 * 2, 0); vertex(0, 0); vertex(0, size); vertex(size, size); vertex(size, size / 3); vertex(size / 3 * 2, size / 3); vertex(size / 3 * 2, 0); endShape(); }, "E" : function(size) { beginShape(); vertex(size, 0); vertex(0, 0); vertex(0, size / 2); vertex(size / 3 * 2, size / 2); vertex(0, size / 2); vertex(0, size); vertex(size, size); endShape(); }, "F" : function(size) { beginShape(); vertex(size, 0); vertex(0, 0); vertex(0, size / 2); vertex(size / 3 * 2, size / 2); vertex(0, size / 2); vertex(0, size); endShape(); }, "G" : function(size) { beginShape(); beginShape(); vertex(size, 0); vertex(0, 0); vertex(0, size); vertex(size, size); vertex(size, size / 2); endShape(); endShape(); }, "H" : function(size) { beginShape(); vertex(0, 0); vertex(0, size * 1.1); vertex(0, size / 2); vertex(size, size / 2); vertex(size, size * 1.1); vertex(size, 0); endShape(); }, "I" : function(size) { beginShape(); vertex(0, 0); vertex(size * 1.1, 0); vertex(size / 2, 0); vertex(size / 2, size); vertex(-size * 0.1, size); vertex(size, size); endShape(); }, "J" : function(size) { beginShape(); vertex(0, 0); vertex(size * 1.1, 0); vertex(size / 3 * 2, 0); vertex(size / 3 * 2, size); vertex(0, size); endShape(); }, "K" : function(size) { beginShape(); vertex(0, 0); vertex(0, size * 1.1); vertex(0, size / 2); vertex(size, size / 2); vertex(size, size * 1.1); vertex(size, size / 2); vertex(size / 3 * 2, size / 2); vertex(size / 3 * 2, 0); endShape(); }, "L" : function(size) { beginShape(); vertex(0, 0); vertex(0, size); vertex(size, size); endShape(); }, "M" : function(size) { beginShape(); vertex(0, size); vertex(0, 0); vertex(size / 2, 0); vertex(size / 2, size / 2); vertex(size / 2, 0); vertex(size, 0); vertex(size, size); endShape(); }, "N" : function(size) { beginShape(); vertex(0, size); vertex(0, -size * 0.1); vertex(0, size / 3); vertex(size / 2, size / 3); vertex(size / 2, size / 3 * 2); vertex(size, size / 3 * 2); vertex(size, size * 1.1); vertex(size, 0); endShape(); }, "O" : function(size) { beginShape(); vertex(0, 0); vertex(0, size); vertex(size, size); vertex(size, 0); vertex(0, 0); endShape(); }, "P" : function(size) { beginShape(); vertex(0, size); vertex(0, 0); vertex(size, 0); vertex(size, size / 2); vertex(0, size / 2); endShape(); }, "Q" : function(size) { beginShape(); beginShape(); vertex(0, 0); vertex(0, size); vertex(size, size); vertex(size / 3 * 2, size); vertex(size / 3 * 2, 0); vertex(0, 0); endShape(); endShape(); }, "R" : function(size) { beginShape(); vertex(0, 0); vertex(0, size * 1.1); vertex(0, size / 2); vertex(size, size / 2); vertex(size, size * 1.1); vertex(size, size / 2); vertex(size / 3 * 2, size / 2); vertex(size / 3 * 2, 0); vertex(0, 0); endShape(); }, "S" : function(size) { beginShape(); vertex(size / 3 * 2, 0); vertex(0, 0); vertex(0, size / 2); vertex(size, size / 2); vertex(size, size); vertex(0, size); endShape(); }, "T" : function(size) { beginShape(); vertex(0, 0); vertex(size, 0); vertex(size / 2, 0); vertex(size / 2, size); endShape(); }, "U" : function(size) { beginShape(); vertex(0, 0); vertex(0, size); vertex(size, size); vertex(size, 0); endShape(); }, "V" : function(size) { beginShape(); vertex(0, 0); vertex(0, size / 2); vertex(size / 3, size / 2); vertex(size / 3, size); vertex(size / 3 * 2, size); vertex(size / 3 * 2, size / 2); vertex(size, size / 2); vertex(size, 0); endShape(); }, "W" : function(size) { beginShape(); vertex(0, 0); vertex(0, size); vertex(size / 2, size); vertex(size / 2, size / 2); vertex(size / 2, size); vertex(size, size); vertex(size, 0); endShape(); }, "X" : function(size) { beginShape(); vertex(0, 0); vertex(0, size / 3); vertex(size / 3, size / 3); vertex(size / 3, size / 3 * 2); vertex(0, size / 3 * 2); vertex(0, size * 1.1); vertex(0, size / 3 * 2); vertex(size / 3, size / 3 * 2); vertex(size / 3, size / 2); vertex(size / 3 * 2, size / 2); vertex(size / 3 * 2, size / 3 * 2); vertex(size, size / 3 * 2); vertex(size, size * 1.1); vertex(size, size / 3 * 2); vertex(size / 3 * 2, size / 3 * 2); vertex(size / 3 * 2, size / 3); vertex(size, size / 3); vertex(size, 0); endShape(); }, "Y" : function(size) { beginShape(); vertex(0, 0); vertex(0, size / 2); vertex(size / 2, size / 2); vertex(size / 2, size * 1.1); vertex(size / 2, size / 2); vertex(size, size / 2); vertex(size, 0); endShape(); }, "Z" : function(size) { beginShape(); vertex(0, 0); vertex(size, 0); vertex(size, size / 2); vertex(0, size / 2); vertex(0, size); vertex(size, size); endShape(); }, " " : function() {}, "!" : function(size) { line(0, 0, 0, size / 2); point(0, size); } }; var slabFont = function(txt, x, y, size, color) { txt = txt.toUpperCase(); stroke(color); strokeWeight(size / 5); strokeCap(PROJECT); noFill(); pushMatrix(); translate(x - (txt.length * size * 1.5 / 2) + size / 4, y); for (var i = 0; i < txt.length; i++) { slabCharacters[txt.charAt(i)](size); translate(size * 1.5, 0); } popMatrix(); }; // } / Scene transition / var flash = { opacity : 255, display : function() { noStroke(); fill(255, 255, 255, this.opacity); rect(0, 0, width, height); this.opacity -= 15; }, reset : function(sceneTo) { scene = sceneTo; this.opacity = 255; } }; const blockSize = 20; var xAmount = 0, weight, endScreen; var overButton = false, mouseHolding = false; var bgImg = bgImg \|\| undefined; / Levels / var curStage = 0; var curLevel = 0; var stages = [ [ { "out" : [ {dimensions : 1, type : 0, mult : 2} ], "inL" : [ {dimensions : 1, type : 0, mult : 2} ], "inR" : [] }, { "out" : [ {dimensions : 1, type : 0, mult : 2}, {dimensions : 0, type : 0, mult : 1} ], "inL" : [], "inR" : [ {dimensions : 1, type : 0, mult : 3} ] }, { "out" : [ {dimensions : 0, type : 0, mult : 2}, {dimensions : 1, type : 0, mult : 3} ], "inL" : [ {dimensions : 1, type : 0, mult : 1} ], "inR" : [] }, { "out" : [ {dimensions : 2, type : 0, mult : 5}, {dimensions : 1, type : 0, mult : 2} ], "inL" : [ {dimensions : 0, type : 0, mult : 4} ], "inR" : [ {dimensions : 1, type : 0, mult : 1} ] }, { "out" : [ {dimensions : 0, type : 0, mult : 2}, {dimensions : 1, type : 0, mult : 5}, {dimensions : 2, type : 0, mult : 3} ], "inL" : [ {dimensions : 1, type : 0, mult : 4}, {dimensions : 0, type : 0, mult : 1} ], "inR" : [ {dimensions : 1, type : 0, mult : 1} ] }, { "out" : [ {dimensions : 1, type : 0, mult : 3}, {dimensions : 3, type : 0, mult : 2}, {dimensions : 0, type : 0, mult : 5} ], "inL" : [ {dimensions : 2, type : 0, mult : 4} ], "inR" : [] } ], [ { "out" : [ {dimensions : 1, type : 1, mult : 2} ], "inL" : [ {dimensions : 2, type : 0, mult : 4} ], "inR" : [] }, { "out" : [ {dimensions : 0, type : 1, mult : 3}, {dimensions : 1, type : 0, mult : 2}, {dimensions : 1, type : 1, mult : 6}, {dimensions : 2, type : 0, mult : 1} ], "inL" : [], "inR" : [ {dimensions : 1, type : 1, mult : 2} ] }, { "out" : [ {dimensions : 1, type : 1, mult : 2}, {dimensions : 2, type : 0, mult : 2}, {dimensions : 3, type : 0, mult : 3} ], "inL" : [ {dimensions : 2, type : 1, mult : 4}, {dimensions : 0, type : 0, mult : 1} ], "inR" : [ {dimensions : 1, type : 1, mult : 2} ] }, { "out" : [ {dimensions : 3, type : 0, mult : 3}, {dimensions : 0, type : 1, mult : 2}, {dimensions : 0, type : 0, mult : 2}, {dimensions : 1, type : 1, mult : 2} ], "inL" : [ {dimensions : 1, type : 0, mult : 4} ], "inR" : [ {dimensions : 2, type : 1, mult : 3} ] }, { "out" : [ {dimensions : 2, type : 1, mult : 1}, {dimensions : 1, type : 0, mult : 4}, {dimensions : 1, type : 0, mult : 1} ], "inL" : [ {dimensions : 0, type : 0, mult : 1}, {dimensions : 1, type : 0, mult : 2} ], "inR" : [ {dimensions : 1, type : 1, mult : 2} ] }, { "out" : [ {dimensions : 1, type : 1, mult : 2}, {dimensions : 1, type : 1, mult : 3}, {dimensions : 1, type : 0, mult : 5} ], "inL" : [ {dimensions : 1, type : 0, mult : 2} ], "inR" : [ {dimensions : 1, type : 0, mult : 3} ] } ], [ { "out" : [ {dimensions : 1, type : 0, mult : 9} ], "inL" : [ {dimensions : 1, type : 2, mult : 2} ], "inR" : [] }, { "out" : [ {dimensions : 1, type : 0, mult : 12}, {dimensions : 1, type : 1, mult : 1} ], "inL" : [ {dimensions : 1, type : 2, mult : 2} ], "inR" : [] }, { "out" : [ {dimensions : 1, type : 2, mult : 2}, {dimensions : 1, type : 0, mult : 2}, {dimensions : 1, type : 1, mult : 2}, {dimensions : 1, type : 0, mult : 3}, ], "inL" : [ {dimensions : 1, type : 0, mult : 13}, ], "inR" : [ {dimensions : 1, type : 1, mult : 10} ] }, { "out" : [ {dimensions : 1, type : 2, mult : 3}, {dimensions : 1, type : 0, mult : 1}, {dimensions : 1, type : 1, mult : 1} ], "inL" : [ {dimensions : 1, type : 0, mult : 1} ], "inR" : [ {dimensions : 1, type : 1, mult : 11}, {dimensions : 1, type : 2, mult : 2} ] }, { "out" : [ {dimensions : 1, type : 1, mult : 6}, {dimensions : 1, type : 0, mult : 4}, {dimensions : 1, type : 0, mult : 1}, {dimensions : 1, type : 1, mult : 3} ], "inL" : [ {dimensions : 1, type : 0, mult : 3} ], "inR" : [ {dimensions : 1, type : 2, mult : 2} ] }, { "out" : [ {dimensions : 1, type : 1, mult : 1}, {dimensions : 1, type : 1, mult : 2}, {dimensions : 1, type : 1, mult : 3}, {dimensions : 1, type : 1, mult : 2}, {dimensions : 1, type : 0, mult : 5} ], "inL" : [ {dimensions : 1, type : 0, mult : 3} ], "inR" : [ {dimensions : 1, type : 2, mult : 2} ] } ] ]; var stageNum = 0; var stars = [[0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0]]; var xValues = [[], [2, 3, 2, 5, 6, 4], [3, 4, 5, 4, 6, 8]]; xAmount = xValues[curStage][curLevel]; var moves = 0; var sizes = [{w : 1, h : 2}, {w : 3, h : 3}, {w : 3, h : 1}, {w : 2, h : 2}]; var boxes = []; var boxX = blockSize / 4, boxY = blockSize * 2, curBox = 0; var Smooth = function(pos, dest, div) { return (dest - pos) / div; }; var collide = function(pos1, pos2) { return pos1.x + pos1.w > pos2.x && pos2.x + pos2.w > pos1.x && pos1.y + pos1.h > pos2.y && pos2.y + pos2.h > pos1.y; }; var star = function(x, y, size) { noStroke(); beginShape(); for (var i = 0; i < 5; i++) { vertex(x + sin(i * 144) * size, y - cos(i * 144) * size); } endShape(); }; / Box constructor / // { var Box = function(x, y, dimensions, type, mult, out, side) { this.x = x; this.y = y + blockSize * 2; this.w = sizes[dimensions].w * blockSize; this.h = sizes[dimensions].h * blockSize; this.y -= this.h; this.origin = {x : this.x, y : this.y}; this.start = {x : this.x, y : this.y}; this.type = type; this.mult = mult; this.size = blockSize / String(this.mult).length * (this.w + this.h) / 80; this.value = this.type === 0 ? this.mult : this.type === 1 ? this.mult * xAmount : this.type === 2 ? Math.pow(xAmount, this.mult) : 0; this.out = out; this.canMove = out; this.side = side; this.selected = false; this.released = false; this.mousePlus = this.side === "right"; this.solidMin = 20; }; Box.prototype.display = function() { stroke(200 - (!this.canMove ? this.solidMin : 0), 200 - (!this.canMove ? this.solidMin : 0), 200 - (!this.canMove ? this.solidMin : 0)); strokeWeight(2); fill(100 - (!this.canMove ? this.solidMin : 0), 100 - (!this.canMove ? this.solidMin : 0), 100 - (!this.canMove ? this.solidMin : 0)); if (this.check() && this.canMove && !mouseHolding && endScreen.canMove) { fill(130, 130, 130); overButton = true; if (mouseIsPressed) { this.selected = true; this.released = false; mouseHolding = true; } } if (!mouseIsPressed && this.selected) { if (this.out && mouseY > 160 \|\| (!this.out && (this.side === "left" && mouseX >= 300 \|\| this.side === "right" && mouseX < 300))) { moves ++; } mouseHolding = false; this.selected = false; if (!this.released) { this.released = true; if (mouseY > 160) { this.out = false; if (mouseX < 300) { this.side = "left"; this.origin.x = 120; } else { this.side = "right"; this.origin.x = 420; } this.mousePlus = this.side === "right"; this.x = this.origin.x; this.origin.y = 400; this.y = this.origin.y; if (this.isAlone()) { this.origin.y -= this.h - blockSize * 2; this.y = this.origin.y; } while (this.overlap()) { this.origin.y -= blockSize; this.y = this.origin.y; } weight.setWeight(); } else { this.origin.x = this.start.x; this.origin.y = this.start.y; this.out = true; this.side = undefined; weight.setWeight(); } } } if (((!this.out && !this.overlap2() && !this.overlap() && !this.isAlone()) \|\| (!this.out && this.isAlone())) && this.y + this.h < 550 && !this.overlapStand()) { this.origin.y ++; this.y = this.origin.y; } if (this.selected) { this.origin.x = mouseX - this.w / 2; this.origin.y = mouseY - this.h / 2; } this.x += Smooth(this.x, this.origin.x, 10); this.y += Smooth(this.y, this.origin.y, 10); rect(this.x, this.y, this.w, this.h); noStroke(); fill(255, 255, 255, 20); rect(this.x + this.w / 3 * 2 - 1, this.y + 1, this.w / 3, this.h / 3); fill(0, 0, 0, 20); rect(1 + this.x, this.y + this.h / 2 - 1, this.w / 2, this.h / 2); fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(this.size); if (this.type !== 2) { text(this.mult + (this.type === 1 ? "X" : ""), this.x + this.w / 2, this.y + this.h / 2); } else { text("X", this.x + this.w / 2, this.y + this.h / 2); textSize(this.size / 2); text(this.mult, this.x + this.w / 2 + blockSize / 1.5, this.y + this.h / 2 - blockSize / 2); } }; Box.prototype.check = function() { return mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y + (this.side ? (this.mousePlus ? -weight.r : weight.r) : 0) && mouseY < this.y + this.h + (this.side ? (this.mousePlus ? -weight.r : weight.r) : 0); }; Box.prototype.overlap = function() { for (var i = 0; i < boxes.length; i++) { if (boxes[i] === this) { continue; } if (collide(this, boxes[i])) { return true; } } return false; }; Box.prototype.overlap2 = function() { for (var i = 0; i < boxes.length; i++) { if (boxes[i] === this) { continue; } if (collide({x : this.x, y : this.y - this.h, w : this.w, h : this.h}, boxes[i])) { return true; } } return false; }; Box.prototype.overlapStand = function() { if (this.side === "left") { return this.y + this.h > blockSize * 22 + weight.r / 10; } return this.y + this.h > blockSize * 22 - weight.r / 10; }; Box.prototype.isAlone = function() { for (var i = 0; i < boxes.length; i++) { if (boxes[i] === this) { continue; } if (!boxes[i].out && boxes[i].side === this.side && !boxes[i].selected) { return false; } } return true; }; // } weight = { r : 0, rTo : 0, setWeight : function() { this.rTo = 0; for (var i = 0; i < boxes.length; i++) { if (boxes[i].side === "left" && !boxes[i].out) { this.rTo += boxes[i].value; } else if (boxes[i].side === "right" && !boxes[i].out) { this.rTo -= boxes[i].value; } } this.rTo = constrain(this.rTo * 10, -100, 100); }, display : function() { textAlign(CENTER, CENTER); this.r += Smooth(this.r, this.rTo, 10); noStroke(); fill(60, 60, 60); rect(0, 550, 600, 50); fill(110, 110, 110); rect(0, 550, 600, 5); fill(80, 80, 80); quad(260, blockSize * 22, 340, blockSize * 22, 350, 550, 250, 550); fill(0, 0, 0, 50); quad(280, blockSize * 22, 320, blockSize * 22, 330, 550, 270, 550); stroke(150, 150, 150); strokeWeight(15); line(150, blockSize * 22 + this.r, 450, blockSize * 22 - this.r); strokeWeight(2); fill(120, 120, 120); rect(100, blockSize * 22 + this.r, 100, 20, 0, 0, 20, 20); rect(400, blockSize * 22 - this.r, 100, 20, 0, 0, 20, 20); fill(100, 100, 100); ellipse(300, blockSize * 22, 30, 30); ellipse(150, blockSize * 22 + this.r, 30, 30); ellipse(450, blockSize * 22 - this.r, 30, 30); if (xAmount !== undefined) { fill(255, 255, 255); textSize(25); text("X = " + xAmount, 300, 500); } } }; var nextB, retryB, levels2B; endScreen = { x : 50, y : -600, w : 500, h : 600, timer : 0, canMove : true, levelSize : 0, display : function() { fill(70, 70, 70, 190); rect(this.x, this.y, this.w, this.h); slabFont("Level", 300, this.y + 20, 40, color(255, 255, 255)); slabFont("Complete!", 300, this.y + 80, 30, color(255, 255, 255)); nextB.y = this.y + 340; retryB.y = this.y + 400; levels2B.y = this.y + 400; if (this.y > -3) { this.timer ++; } fill(120, 120, 120); star(300, this.y + 200, 60); star(190, this.y + 240, 45); star(410, this.y + 240, 45); fill(255, 245, 100); if (this.timer > 60 && moves <= this.levelSize) { star(300, this.y + 200, 60); } if (this.timer > 30 && moves <= this.levelSize + 3) { star(190, this.y + 240, 45); } if (this.timer > 0 && moves <= this.levelSize + 6) { star(410, this.y + 240, 45); } textFont(fonts[0], 40); textAlign(CENTER, CENTER); fill(255, 255, 255); text("Moves: " + moves, 300, this.y + 310); }, moveTo : function(dest) { this.y += Smooth(this.y, dest, 8); if (dest >= 0) { this.levelSize = stages[curStage][curLevel]["out"].length; if (moves <= this.levelSize) { stars[curStage][curLevel] = Math.max(stars[curStage][curLevel], 3); } else if (moves <= this.levelSize + 3) { stars[curStage][curLevel] = Math.max(stars[curStage][curLevel], 2); } else if (moves <= this.levelSize + 6) { stars[curStage][curLevel] = Math.max(stars[curStage][curLevel], 1); } } } }; var testEnd = function() { if (Math.abs(weight.rTo - weight.r) < 2 && weight.rTo === 0) { endScreen.canMove = false; endScreen.moveTo(0); } else { endScreen.moveTo(-600); } }; var game = function() { textFont(fonts[0]); background(165, 80, 175); image(bgImg, 0, 0); noStroke(); fill(255, 255, 255, 30); if (mouseY > 160 && endScreen.canMove) { if (mouseX < 300) { rect(0, 160, 300, 550); } else { rect(300, 160, 300, 550); } } stroke(0, 0, 0); strokeWeight(2); line(300, 0, 300, 600); weight.display(); noStroke(); fill(50, 50, 50); rect(0, 0, width, 160); fill(0, 0, 0, 100); for (var i = 0; i < boxes.length; i++) { pushMatrix(); translate(0, boxes[i].side === "left" ? weight.r : boxes[i].side === "right" ? -weight.r : 0); boxes[i].display(); popMatrix(); } fill(255, 255, 255); textSize(40); textAlign(LEFT, BOTTOM); text("Level " + ((curLevel + 1) + (curStage * 6)), 5, 600); textAlign(RIGHT, BOTTOM); text("Moves: " + moves, 595, 600); if (curLevel === 0) { textAlign(CENTER, CENTER); textSize(30); if (curStage === 0) { text("Click and drag boxes\nat the top of the screen\nto balance the scale.", 300, 300); } else if (curStage === 1) { text("Now there are variables!\nThe value of the variable.\nIs on the scale.", 300, 300); } else if (curStage === 2) { text("And exponents...", 300, 300); } } testEnd(); endScreen.display(); nextB.pack(); retryB.pack(); levels2B.pack(); }; var setLevel = function(stage, level) { curStage = stage; level = level; boxes = []; moves = 0; endScreen.canMove = true; endScreen.timer = 0; xAmount = xValues[curStage][curLevel]; boxX = blockSize / 4; boxY = blockSize * 2; for (var i = 0; i < stages[curStage][curLevel]["out"].length; i++) { curBox = stages[curStage][curLevel]["out"][i]; boxes.push(new Box( boxX, boxY, curBox.dimensions, curBox.type, curBox.mult, true, undefined )); boxX += boxes[boxes.length - 1].w + blockSize / 2; if (boxX >= width - blockSize / 4 * 5) { boxX = blockSize / 4; boxY += blockSize * 3.5; } } boxY = 400; for (var i = 0; i < stages[curStage][curLevel]["inL"].length; i++) { curBox = stages[curStage][curLevel]["inL"][i]; boxes.push(new Box( 120, boxY, curBox.dimensions, curBox.type, curBox.mult, false, "left" )); boxY -= boxes[boxes.length - 1].h; } boxY = 400; for (var i = 0; i < stages[curStage][curLevel]["inR"].length; i++) { curBox = stages[curStage][curLevel]["inR"][i]; boxes.push(new Box( 420, boxY, curBox.dimensions, curBox.type, curBox.mult, false, "right" )); boxY -= boxes[boxes.length - 1].h; } weight.setWeight(); }; var nextLevel = function() { curLevel ++; if (curLevel > 5) { curLevel = 0; curStage ++; if (curStage > 2) { flash.reset("win"); return; } } setLevel(curStage, curLevel); }; / Buttons / // { var Button = function(x, y, w, h, pic, func) { this.x = x; this.y = y; this.w = w; this.h = h; this.pic = pic; this.func = func; this.plus = 0; }; Button.prototype.display = function() { if (this.y + this.h >= 0) { fill(255, 255, 255, 100 + this.plus); noStroke(); rect(this.x, this.y, this.w, this.h); pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); this.pic(); popMatrix(); } }; Button.prototype.check = function() { return mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h; }; Button.prototype.pack = function() { this.plus = 0; if (this.check()) { this.plus = 40; overButton = true; if (click) { this.func(); } } this.display(); }; var playB = new Button(230, 250, 140, 140, function() { fill(255, 255, 255); beginShape(); for (var i = 0; i < 3; i++) { vertex(sin(i * 120 + 90) * 50, -cos(i * 120 + 90) * 50); } endShape(); }, function() { curStage = 0; curLevel = 0; setLevel(0, 0); endScreen.y = -600; flash.reset("game"); }); var infoB = new Button(380, 290, 80, 180, function() { fill(255, 255, 255); ellipse(0, -35, 10, 10); strokeWeight(10); stroke(255, 255, 255); noFill(); beginShape(); vertex(-10, -15); vertex(0, -15); vertex(0, 35); vertex(-15, 35); vertex(10, 35); endShape(); }, function() { flash.reset("info"); }); var levelsB = new Button(150, 400, 220, 70, function() { fill(255, 255, 255); for (var i = 0; i < 9; i++) { rect((i % 3) * 21 - 29, Math.floor(i / 3) * 21 - 29, 16, 16); } }, function() { flash.reset("levels"); }); var backB = new Button(10, 550, 80, 40, function() { fill(255, 255, 255); rect(0, -5, 20, 10); triangle(0, -10, 0, 10, -20, 0); }, function() { flash.reset("menu"); }); var leftB = new Button(20, 250, 70, 70, function() { fill(255, 255, 255); beginShape(); for (var i = 0; i < 3; i++) { vertex(sin(i * 120 + 30) * 20, -cos(i * 120 + 30) * 20); } endShape(); }, function() { if (stageNum > 0) { stageNum --; } }); var rightB = new Button(510, 250, 70, 70, function() { fill(255, 255, 255); beginShape(); for (var i = 0; i < 3; i++) { vertex(sin(i * 120 + 90) * 20, -cos(i * 120 + 90) * 20); } endShape(); }, function() { if (stageNum < stages.length - 1) { stageNum ++; } }); nextB = new Button(250, 0, 100, 100, function() { noStroke(); fill(255, 255, 255); beginShape(); for (var i = 0; i < 3; i++) { vertex(15 + sin(i * 120 + 90) * 25, -cos(i * 120 + 90) * 25); } endShape(); noFill(); strokeWeight(15); stroke(255, 255, 255); line(-25, 0, 15, 0); }, nextLevel); retryB = new Button(160, 0, 80, 80, function() { noStroke(); fill(255, 255, 255); beginShape(); for (var i = 0; i < 3; i++) { vertex(15 + sin(i * 120 + 90) * 12, -20 - cos(i * 120 + 90) * 12); } endShape(); noFill(); strokeWeight(5); stroke(255, 255, 255); beginShape(); vertex(20, -20); vertex(-20, -20); vertex(-20, 20); vertex(20, 20); endShape(); }, function() { setLevel(curStage, curLevel); }); levels2B = new Button(360, 40, 80, 80, function() { fill(255, 255, 255); for (var i = 0; i < 9; i++) { rect((i % 3) * 21 - 29, Math.floor(i / 3) * 21 - 29, 16, 16); } }, function() { flash.reset("levels"); }); var levelButtons = []; var setClick = function(num) { curStage = stageNum; curLevel = num; setLevel(stageNum, num); flash.reset("game"); endScreen.y = -600; }; for (var i = 0; i < 6; i++) { levelButtons.push(new Button(180 + (i % 3) * 80, 280 + Math.floor(i / 3) * 80, 70, 70, function() { fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(25); text(1 + this.level + stageNum * 6, 0, -15); fill(120, 120, 120); for (var i = 0; i < 3; i++) { star(-20 + i * 20, 10, 10); } fill(255, 245, 100); for (var i = 0; i < stars[stageNum][this.level]; i++) { star(-20 + i * 20, 10, 10); } }, function() { setClick(this.level); })); levelButtons[i].level = i; } // } var showDate = function(yearMade) { textAlign(RIGHT, BOTTOM); textFont(fonts[1], 10); text("©" + yearMade + (yearMade !== year() ? "-" + year() : "") + " Green Ghost", 590, 590); }; var basicScene = function(title, showBack) { background(210, 80, 185); image(bgImg, 0, 0); slabFont(title, 300, 90 + (title.length - 4) * 14, 280 / title.length, color(255, 255, 255)); line(100, 195, 500, 195); if (showBack) { backB.pack(); } }; var menu = function() { basicScene("SLAB", false); playB.pack(); infoB.pack(); levelsB.pack(); showDate(2018); }; var info = function() { basicScene("INFO", true); textFont(fonts[0], 30); textAlign(CENTER, CENTER); fill(255, 255, 255); text("This game was made by\nGreen Ghost in 2018 to\ntry and make a game\nbased on balancing.\nIt isn't hard to play,\nbut it's a game style\nwhich hasn't been seen\nmuch on Khan Academy.", 300, 360); }; var levels = function() { basicScene("LEVELS", true); leftB.pack(); rightB.pack(); for (var i = 0; i < levelButtons.length; i++) { levelButtons[i].pack(); } }; var win = function() { basicScene("YOU WON!", true); textAlign(CENTER, CENTER); textFont(fonts[0], 40); text("You have completed\nall the levels of", 300, 300); slabFont("SLAB!", 330, 360, 60, color(255, 255, 255)); }; / Logo / // { var GGLogo = function(x, y, size) { noStroke(); pushMatrix(); translate(x, y); scale(size / 600, size / 600); translate(0, -200); 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 logo = { y : -500, gravity : 0, particles : [], timer : 0, textFade : 0, display : function() { this.timer ++; background(30, 30, 30); fill(90, 90, 90); rect(0, 450, 600, 150); for (var i = this.particles.length - 1; i > -1; i--) { fill(50, 50, 50, this.particles[i].opac); ellipse(this.particles[i].x, this.particles[i].y, this.particles[i].size, this.particles[i].size); this.particles[i].y += this.particles[i].ySpeed; this.particles[i].x += this.particles[i].xSpeed; this.particles[i].opac -= 1; if (this.particles[i].opac < 1) { this.particles.splice(i, 1); } } noStroke(); fill(60, 60, 60); beginShape(); vertex(100, this.y); vertex(200, this.y); vertex(210, this.y + 10); vertex(220, this.y); vertex(500, this.y); vertex(500, this.y + 400); vertex(100, this.y + 400); vertex(100, this.y + 300); vertex(110, this.y + 290); vertex(100, this.y + 280); endShape(); fill(255, 255, 255, 30); rect(115, this.y + 15, 370, 370); fill(0, 0, 0, 50); GGLogo(300, this.y + 175, 205); fill(90, 115, 95); GGLogo(300, this.y + 175, 195); if (this.y >= 100) { this.gravity /= -2; if (Math.abs(this.gravity) < 0.1) { this.gravity = 0; } else { for (var i = 0; i < 40; i++) { this.particles.push({x : random(100, 500), y : 500, size : random(10, 20), opac : 50, xSpeed : random(-2, 3), ySpeed : random(-1, -2)}); } } } else { this.gravity += 1.5; } this.y += this.gravity; if (this.timer > 200) { this.textFade += 5; } if (this.timer > 450 \|\| click) { flash.reset("menu"); } slabFont("Green Ghost", 300, 500, 35, color(255, 255, 255, this.textFade)); noStroke(); } }; // } / Draw function / draw = function() { if (!loaded) { background(255, 255, 255, 0); for (var i = 0; i < 300; i++) { stroke(0, 0, 0, i / 3); line(0, i + 300, 600, i + 300); } bgImg = get(0, 0, width, height); background(255, 255, 255); textAlign(CENTER, CENTER); fill(0, 0, 0); textFont(fonts[0], 50); text("Loading...", 300, 300); loaded = true; } else { switch (scene) { case "logo": logo.display(); break; case "game": game(); break; case "menu": menu(); break; case "info": info(); break; case "levels": levels(); break; case "win": win(); break; } } cursor(overButton ? "pointer" : "default"); overButton = false; click = false; flash.display(); }; mouseClicked = function() { click = true; };
Folds	21,329,332,344,354,579,595,597,599,601,603,610,613,767,769,812,816,867,869,876,878,927,929,991,993,1004,1007,1192,1194,1198,1200,1208,1210,1216,1218,1224,1226,1233,1235,1241,1244,1333,1336,1376,1378,1380
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKr5gdjDCgw
Votes	307
Spin-Offs	11
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	6 months ago, 1739450910213
Updated	4 months ago, 1744844843006
Source Deleted	unknown