Viewing Program

Program Data

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

Title	Balance: The Game (Added Sound)
ID	6616966622740480
Created	9 years ago, 1443742598329
Updated	9 years ago, 1472997331828
Code	/*Balance: The Game * By SparklyGem * * IMPORTANT MESSAGE * Balance: The Game 2 is out! Check it out here: https://www.khanacademy.org/computer-programming/balance-the-game-2/5281104865656832 * * HOW TO PLAY * Move your mouse across the beam -- from the bottom to the top. >>>IMPORTANT<<<: If you're having issues starting the game (but you shouldn't, because I just relased a fix), start your mouse from under the canvas, and slowly move it up onto the beam. If you make it across without your mouse straying off the beam at all, you'll be taken to the next level -- if there is one. Once your mouse is in the canvas, you cannot take it out. * * BUGS -- PLEASE READ * ~ At first, to play, you had to start from the very bottom of the beam and finish at the very top. This was causing issues for some users, so I changed it, and now you only have to start from around the bottom and finish around the top. If you've reported the issue under "Tips and Thanks," and the issue is no longer affecting you -- which it shouldn't -- it would be great if you could edit your post to refelect that the issue has been fixed. * ~ I fixed a bug that made it so nothing happened when you beat the game -- instead of displaying the win screen. * ~ I fixed a bug that made it so after displaying the win screen, if you moved your mouse out of the canvas, it displayed the game over screen. */ var level = 1; var score; var homeScreen = true; var gameOver = false; var LEVELS = [ { beamWidth: 40 }, { beamWidth: 30 }, { beamWidth: 20 }, { beamWidth: 15 }, { beamWidth: 10 }, { beamWidth: 8 }, { beamWidth: 6 }, { beamWidth: 4 }, { beamWidth: 3 }, { beamWidth: 2 } ]; var SPLAT_SOUND = getSound("rpg/hit-splat"); for (var i = 0; i < LEVELS.length; i++) { LEVELS[i].started = false; LEVELS[i].completedSoFar = height; } var IMPACT = createFont("Impact Italic"); var ARIAL = createFont("Arial Bold"); var PURPLE = color(100, 50, 100); var LIGHT_PURPLE = color(200, 100, 200); var backgroundLayerSize = 200; var backgroundMotionDirection = 1; var backgroundRotation = 0; rectMode(CENTER); noStroke(); cursor(HAND); mouseClicked = function() { if (homeScreen) { homeScreen = false; } }; mouseOut = function() { if (!gameOver) { if (LEVELS[level - 1].started) { gameOver = true; playSound(SPLAT_SOUND); background(255, 100, 100); textFont(ARIAL, 40); textAlign(CENTER, CENTER); text("GAME OVER!\nYour score: " + score, width/2, 150); noLoop(); } } }; draw = function() { if (homeScreen) { noStroke(); for (var i = width; i > 1; i -= backgroundLayerSize) { fill(lerpColor(PURPLE, LIGHT_PURPLE, i/width)); rect(width/2, height/2, i, i); } if (backgroundMotionDirection === 1) { if (backgroundLayerSize > 1) { backgroundLayerSize--; } else { backgroundMotionDirection = 2; } } else { if (backgroundLayerSize < 200) { backgroundLayerSize++; } else { backgroundMotionDirection = 1; } } strokeWeight(30); stroke(255, 198, 112); line(width, 0, 0, height/1.6); textFont(IMPACT, 92); textAlign(CENTER, BASELINE); fill(0, 0, 0); text("BALANCE:\nTHE GAME", width/2 + 1, 105); fill(255, 255, 255); text("BALANCE:\nTHE GAME", width/2 - 4, 100); fill(random(150, 255), random(50, 80), random(50, 80)); textFont(IMPACT, 40); text("Click to play", width/2, 340); } else { textFont(ARIAL); textAlign(LEFT, BASELINE); cursor(ARROW); if (LEVELS[level - 1].started) { if (mouseX > width/2 - LEVELS[level - 1].beamWidth/2 && mouseX < width/2 + LEVELS[level - 1].beamWidth/2) { background(200, 255, 200); pushMatrix(); translate(width/2, height/2); rotate(backgroundRotation); noStroke(); translate(-width/2, -height/2); for (var i = -80; i < width + 81; i += 20) { for (var j = -80; j < height + 81; j += 20) { fill(i - 100, j - 50, i - 100, 40); ellipse(i, j, 30, 30); } } popMatrix(); backgroundRotation += 0.1; fill(255, 0, 0); textFont(ARIAL, 25); text("Level " + level + "\nScore: " + score, 0, 40); noStroke(); fill(255, 183, 0); rect(width/2, height/2 - 1, LEVELS[level - 1].beamWidth, height - 1); if (mouseY < LEVELS[level - 1].completedSoFar) { LEVELS[level - 1].completedSoFar = mouseY; } stroke(0, 200, 0); strokeWeight(LEVELS[level - 1].beamWidth); line(width/2, mouseY, width/2, height); } else { gameOver = true; playSound(SPLAT_SOUND); background(255, 100, 100); textFont(ARIAL, 40); textAlign(CENTER, CENTER); fill(255, 200, 200); text("GAME OVER!\nYour score: " + score, width/2, 150); noLoop(); } } else if (mouseY > height - 10 && mouseX > width/2 - LEVELS[level - 1].beamWidth/2 && mouseX < width/2 + LEVELS[level - 1].beamWidth/2) { LEVELS[level - 1].started = true; } else { background(200, 255, 200); pushMatrix(); translate(width/2, height/2); rotate(backgroundRotation); noStroke(); translate(-width/2, -height/2); for (var i = -80; i < width + 81; i += 20) { for (var j = -80; j < height + 81; j += 20) { fill(i - 100, j - 50, i - 100, 40); ellipse(i, j, 30, 30); } } popMatrix(); backgroundRotation += 0.1; fill(255, 0, 0); textFont(ARIAL, 25); text("Level " + level + "\nScore: " + score, 0, 40); noStroke(); fill(255, 183, 0); rect(width/2, height/2 - 1, LEVELS[level - 1].beamWidth, height - 1); if (level === 1) { fill(0, 0, 0, 200); rect(width/2, height/1.5, width, 130, 10); fill(255, 0, 0); textFont(ARIAL, 20); text("Get on the beam with your mouse from the bottom. Try to get to the top of the beam -- by moving your mouse along it -- without falling off. If you fall off, it's game over. Otherwise, there are more levels!", 0, height/1.87, width, Infinity); stroke(255, 0, 0); strokeWeight(3); line(width/2, 350, width/2, 380); line(width/2, 380, width/1.95, 370); line(width/2, 380, width/2.05, 370); } noStroke(); fill(random(0, 255), 0, 0); rect(width/2, height - 5, LEVELS[level - 1].beamWidth, 8); } score = 0; for (var i = 0; i < LEVELS.length; i++) { score += height - LEVELS[i].completedSoFar; } if (score > 0 && height - LEVELS[level - 1].completedSoFar >= height - 10) { if (level === LEVELS.length) { gameOver = true; background(200, 50, 200); fill(255, 100, 0); textAlign(CENTER, CENTER); textFont(ARIAL, 30); text("You beat the game! Yay!", width/2, height/2); noLoop(); } else { level++; } } } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKjIicPgCww
Votes	259
Spin-Offs	19
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	VolcanicProductions
Author Name	VolcanicProductions
Author ID	kaid_347502553788266607644309
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739459966696
Updated	4 months ago, 1744845469486
Source Deleted	unknown