Viewing Program

Program Data

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

Title	Shadows
ID	5414911267635200
Created	8 years ago, 1486431094778
Updated	8 years ago, 1486818361936
Code	/** * Shadows * * Subscribe to me here to be notified of my new projects: * https://www.khanacademy.org/computer-programming/subscribe-to-kruxe/6095223311106048 * * Credit to FunkyChicken for the save code! * https://www.khanacademy.org/profile/TheFunkyChicken/projects * * Only 300 lines of code! * 2/7/17: 4th on the Hot List (51 votes)! * 2/8/17: Still 4th on the Hot List, but now 109 votes (+58). * 2/10/17: 9th on the Hot List, 154 votes (+45). * 2/11/17: 18th on the Hot List, 164 votes (+10). */ var screen = 'menu'; var gameInfo = { codedBy: "Kruxe", totalTime: "about 5 hours" }; var txt = function(txt, x, y, col, size) { textFont(createFont("Trebuchet MS", size)); fill(red(col)-30, green(col)-30, blue(col)-30); text(txt, x-size/22, y+size/22); fill(col); text(txt, x, y); }; // Transition variables var inTrans = false; var tran = { transTo: '' }; // The actual transition var Transition = function() { this.time = 0; this.sizes = []; this.origSizes = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; this.xPlots = []; this.yPlots = []; }; var trans = new Transition(); Transition.prototype.run = function() { noStroke(); if (this.sizes.length === 0) { for (var i = 0; i < 15; i++) { this.xPlots.push(random(0, 400)); this.yPlots.push(random(0, 400)); this.sizes.push(random(150, 500)); } } if (this.time < 60) { for (var i = 0; i < this.sizes.length; i++) { this.origSizes[i] += ((this.sizes[i]) - this.origSizes[i])/14; } } if (this.time === 60) { screen = tran.transTo; } if (this.time > 60) { for (var i = 0; i < this.sizes.length; i++) { this.origSizes[i] += (0 - this.origSizes[i])/10; } } if (this.time === 140) { // Resets the critical variables to run the transition again this.time = 0; inTrans = false; this.sizes = []; this.xPlots = []; this.yPlots = []; this.origSizes = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]; } fill(0,0,0,220); for (var i = 0; i < this.origSizes.length; i++) { ellipse(this.xPlots[i], this.yPlots[i], this.origSizes[i], this.origSizes[i]); } this.time++; }; var Button = function(x, y, label, next) { this.x = x; this.y = y; this.label = label; this.screen = next; }; var start = new Button(200, height/2-20, "START", 'play'); var how = new Button(width/2, 260, "HOW TO", 'how'); var scores = new Button(width/2, 340, "SCORES", 'scores'); var back = new Button(width/2, 350, "BACK", 'menu'); Button.prototype.isMouseOver = function() { return mouseX > this.x - 100 && mouseX < this.x + 100 && mouseY > this.y - 30 && mouseY < this.y + 30; }; Button.prototype.draw = function() { fill(255, 255, 255, this.isMouseOver() ? 80 : 50); stroke(250,250,250,this.isMouseOver() ? 180 : 140); strokeWeight(3); rect(this.x, this.y, 200, 60, 7); pushMatrix(); translate(this.x, this.y); scale(1.2, 1); txt(this.label, 0, 0, color(205), this.isMouseOver() ? 42 : 35); popMatrix(); if (this.isMouseOver()) { cursor(HAND); } }; Button.prototype.onClick = function() { if (this.isMouseOver()) { inTrans = true; tran.transTo = this.screen; } }; var loadMenu = function() { txt("SHADOWS", width/2, 60, color(99, 99, 99), 85); textFont(createFont("Trebuchet MS", 12)); fill(99); text("(C) Kruxe Coding 2017", 320, 105); start.draw(); how.draw(); scores.draw(); }; var loadHow = function() { textFont(createFont("Trebuchet MS", 18)); fill(255); text("Kip is stuck on an infinite journey...\n\nClick to switch your polarity (light or shadow)\nto match the oncoming barriers. If you mess\nup, Kip will melt into shadows forever...", width/2, height/2); back.draw(); }; var scoresData = []; var sortScores = function(a,b) { return b.score - a.score; }; var loadScores = function() { scoresData.sort(sortScores); back.draw(); fill(255); textFont(createFont("Trebuchet MS", 25)); for (var i = 0; i < scoresData.length; i++) { text(i+1+". "+scoresData[i].name+" \| "+scoresData[i].score+" points", width/2, 80+i40); } textFont(createFont("Trebuchet MS", 13)); text("You must provide a HIGH SCORE CODE to qualify!", width/2, 280); }; // The time before the game starts var countdown = 240; // The player var player = { // true = light, false = shadow polarity: true, score: 0 }; player.draw = function() { fill(this.polarity ? 20 : 235); stroke(this.polarity ? 0 : 255); strokeWeight(2); pushMatrix(); translate(330, height/2-4); rotate(332); rect(0, 0, 35, 35, 5); fill(this.polarity ? 240 : 15); ellipse(-8, -4, 10, 10); ellipse(6, -5, 10, 10); popMatrix(); }; // The circles in the backdrop var circles = []; var Circle = function(startSize) { this.startSize = startSize; this.size = 0; this.opacity = 80; }; Circle.prototype.draw = function() { noStroke(); fill(player.polarity ? 0 : 255, player.polarity ? 0 : 255, player.polarity ? 0 : 255, this.opacity); ellipse(width/2, height/2, this.size, this.size); this.size += ((520-this.size) - this.startSize)/18; this.opacity -= 1.6; }; for (var i = 0; i < 4; i++) { circles.push(new Circle(0 - 60i)); } var highScore = 0; // Is the game over? var gameOver = false; // How fast the barriers go var speedMult = 1.00; // Self explanatory var endOpacity = 0; // The barriers var barriers = []; var Barrier = function(x, polarity) { this.x = x; this.polarity = polarity; }; Barrier.prototype.run = function() { noStroke(); if (this.polarity < 1) { this.polarity = false; } else { this.polarity = true; } fill(this.polarity ? 0 : 255); rect(this.x, height/2, 12, height); if (!gameOver && countdown < 60) { this.x += 2.3speedMult; } if (this.x > 322 && this.x < 360) { if (this.polarity !== player.polarity) { gameOver = true; } } }; for (var i = 0; i < 20; i++) { barriers.push(new Barrier(-150 - (250 * i), random(0, 2))); } if (player.score > 0) { player.score = 0; } var loadGame = function() { background(player.polarity ? 220 : 40); for (var i = 0; i < circles.length; i++) { circles[i].draw(); if (circles[i].opacity < 0) { circles.splice(0, 1); } } fill(player.polarity ? 255 : 0); noStroke(); triangle(width, height/2-20, width, height, 0, height); strokeWeight(15 + sin(frameCount2)2); stroke(player.polarity ? 40 : 220); line(330, height/2-4, width+20, height/2-50); fill(80); textFont(createFont("Trebuchet MS", 20)); text("SCORE: " + floor(player.score) + " \| HIGH SCORE: " + highScore, width/2, 20); highScore = floor(player.score) > highScore ? floor(player.score) : highScore; player.draw(); for (var i = 0; i < barriers.length; i++) { barriers[i].run(); if (barriers[i].x > width + 50 && !gameOver) { barriers[i] = new Barrier(-4800, random(0, 2)); } } if (countdown > 60) { fill(30); textFont(createFont("Trebuchet MS", 380)); text(floor(countdown/60), width/2, height/2); } countdown--; speedMult += 0.0007; player.score += (countdown < -40 && !gameOver) ? 0.0125 : 0; if (gameOver) { endOpacity += 5.8; fill(20,20,20,endOpacity); rect(width/2,height/2,width,height); if (endOpacity > 305) { fill(255); textFont(createFont("Trebuchet MS", 20)); text("Kip dissolved into the shadows...\n\n", width/2, height/2); textFont(createFont("Trebuchet MS", 40)); text("YOU GOT "+floor(player.score) + " POINTS", width/2, height/2+50); textFont(createFont("Trebuchet MS", 14)); text("CLICK TO GENERATE CODE\n(for high scores)", width/2, height-30); } } }; var collectedCode = false; draw = function() { cursor('DEFAULT'); background(50); textAlign(CENTER, CENTER); rectMode(CENTER); switch (screen) { case 'menu': loadMenu(); break; case 'how': loadHow(); break; case 'scores': loadScores(); break; case 'play': loadGame(); break; } mouseClicked = function() { if (screen === 'menu') { start.onClick(); how.onClick(); scores.onClick(); } if (screen === 'how' \|\| screen === 'scores') { back.onClick(); } if (screen === 'play') { player.polarity = !player.polarity; for (var i = 0; i < 4; i++) { circles.push(new Circle(0 - 60i)); } if (gameOver && endOpacity > 300) { if (collectedCode) { screen = 'menu'; gameOver = false; player.score = 0; player.polarity = true; countdown = 240; speedMult = 1.000; endOpacity = 0; barriers = []; collectedCode = false; for (var i = 0; i < 20; i++) { barriers.push(new Barrier(-150 - (250 i), random(0, 2))); } } else { println("Comment this in the Tips and Thanks to get on the scoreboard: "+floor(player.score)+" points, code: 738"+round(random(0, 4)) + "" + round(random(0, 4))+ ""+round(random(0, 4))+"0"+floor(player.score)+"\nClick again to return to menu."); collectedCode = true; } } } }; if (inTrans) { trans.run(); } }; scoresData.push({name: "stewardjandstewardj", score: 84}); scoresData.push({name: "Eliah Houck", score: 48}); scoresData.push({name: "higgijac000", score: 54}); scoresData.push({name: "BaileyDeSpain", score: 48}); scoresData.push({name: "SpiderQueen", score: 49});
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOS01JrPCQw
Votes	203
Spin-Offs	22
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Kruxe
Author Name	minigenius2
Author ID	kaid_707142141331024825123680
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739381724235
Updated	10 months ago, 1739381724235
Source Deleted	unknown