Viewing Program

Program Data

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

Title	Color Dash - GAME
ID	6282971882405888
Created	4 years ago, 1619033545908
Updated	3 years ago, 1658266490503
Code	/** * Color Dash * littlewhinging * * This probably isn't my best game, but it seems to be the most fun out of all of them :) * * Big thanks goes to Gray Wolf and Cubic Coding for advice, feedback, and help. * * @SUBSCRIBE * https://www.khanacademy.org/computer-programming/littlewhingings-sub-page/6637078393733120 * * * @LEADERBOARD * * 1) Isaac Lanz - Score of 303 * 2) Jp - Score of 282 * 3) General Grievous - Score of 277 * 4) R4MP4G3 - Score of 241 * 5) fly6guys - Score of 202 * 6) TobyTheCoder - Score of 198 * 7) Loki in JS - Score of 197 * 8) XxSoloNuggetxX - Score of 196 * 9) SergioL - Score of 194 * 10) Littleant - Score of 185 * * Spin-off proof needed for leaderboard. * * First on the hotlist! This is only my fourth time :) * * Check out some of my other games here: * Cannonz - https://www.khanacademy.org/computer-programming/cannonz-game/5547925057257472 * Emojee - https://www.khanacademy.org/computer-programming/emojee-a-game/5430065917280256 * Present Dropper - https://www.khanacademy.org/computer-programming/present-dropper-ft-marvel456/5934790325256192 * * haha shameless plug / /* Setup / //{ //jshint ignore: start size(600, 600, 1); var BackgroundShop = (function(){ noStroke(); for (var i = 0;i<600;i+=5){ fill(i/(2000/255)+30); rect(i, 0, 5, 600); } return get(); })(); var EyeGraphic = (function(){ var obj = { x: 30, y: 540 }; background(255, 0, 0, 0); fill(255, 255, 255); noStroke(); pushMatrix(); translate(87-54, 160); scale(0.7, 0.5); quad(obj.x+10, obj.y, obj.x+30, obj.y, obj.x+35, obj.y+10, obj.x + 15, obj.y + 10); popMatrix(); pushMatrix(); translate(110-52, 160); scale(0.7, 0.5); quad(obj.x+10, obj.y, obj.x+30, obj.y, obj.x+25, obj.y+10, obj.x + 5, obj.y + 10); popMatrix(); return get(0, 0, 600, 600); })(); var findAvg = function(numms){ var sums = 0; for (var i in numms){ sums += numms[i]; } return sums/numms.length; }; var Transition1 = (function(){ background(0, 0, 0); background(0, 0, 0); fill(33, 33, 33); noStroke(); rect(0, 0, 300, 600); noFill(); fill(33, 33, 33); noStroke(); noFill(); strokeWeight(5); pushMatrix(); translate(24, 41); //C pushMatrix(); stroke(255, 0, 0); arc(80, 80, 100, 100, 90-30, 270+30); popMatrix(); //O pushMatrix(); stroke(0, 255, 0); ellipse(178, 80, 100, 100); popMatrix(); //L stroke(255, 255, 0); line(261, 128, 261, 33); line(261, 128, 312, 128); //O stroke(255, 140, 0); ellipse(380, 80, 100, 100); //R pushMatrix(); translate(10, 0); stroke(17, 0, 255); line(444, 128, 444, 33); arc(446, 60, 115, 54, -90, 90); line(502, 128, 445, 88); popMatrix(); popMatrix(); fill(143, 143, 143); textFont(createFont("Trebuchet MS Bold"), 150); textAlign(CENTER, CENTER); text("DASH", 300, 250); stroke(143, 143, 143); pushMatrix(); translate(0, 0); if (300>100){ line(110, 230, 52, 230); line(110, 250, 66, 250); line(110, 270, 51, 270); } return get(0, 0, 300, 600); })(); var Transition2 = (function(){ background(0, 0, 0); background(0, 0, 0); fill(33, 33, 33); noStroke(); rect(0, 0, 300, 600); noFill(); fill(33, 33, 33); noStroke(); noFill(); strokeWeight(5); pushMatrix(); translate(24, 41); //C pushMatrix(); stroke(255, 0, 0); arc(80, 80, 100, 100, 90-30, 270+30); popMatrix(); //O pushMatrix(); stroke(0, 255, 0); ellipse(178, 80, 100, 100); popMatrix(); //L stroke(255, 255, 0); line(261, 128, 261, 33); line(261, 128, 312, 128); //O stroke(255, 140, 0); ellipse(380, 80, 100, 100); //R pushMatrix(); translate(10, 0); stroke(17, 0, 255); line(444, 128, 444, 33); arc(446, 60, 115, 54, -90, 90); line(502, 128, 445, 88); popMatrix(); popMatrix(); fill(143, 143, 143); textFont(createFont("Trebuchet MS Bold"), 150); textAlign(CENTER, CENTER); text("DASH", 300, 250); stroke(143, 143, 143); pushMatrix(); translate(0, 0); if (300>100){ line(110, 230, 52, 230); line(110, 250, 66, 250); line(110, 270, 51, 270); } return get(300, 0, 300, 600); })(); var StarGraphic = (function(){ background(0, 0); pushMatrix(); translate(-38, 0); scale(0.5); noStroke(); fill(255, 242, 0); beginShape(); vertex(272, 0); vertex(328, 185); vertex(463, 184); vertex(372, 278); vertex(400, 451); vertex(272, 357); vertex(272-(400-272), 451); vertex(185, 273); vertex(78, 186); vertex(272-(328-272), 186); endShape(); popMatrix(); return get(0, 0, 200, 230); })(); smooth(); textAlign(CENTER, CENTER); textFont(createFont("Trebuchet MS"), 50); //} / Globals / //{ var visitedHow = false; var trsltAmt = 0; var scene = "logo"; var skin = 0; var clicked = false; var buttons = []; var typed = []; var plusAmt = 0; var plusAmt2 = 600; var dots = []; var yPos = 500; var colls = round(random(0, 2)); var thingS = 500; var trsltAmt2 = 0; var explosions = []; var spikes = []; var curCol = color(0, 255, 0); var missiles = []; var stars = []; var sparkleysparkles = []; var gameTime = 0; var mouseMoving = 30; var Money = 0; var shopTrig = false; var pressed = []; //} / Explosion constructor/methods / //{ var Explosion = function(x, y, s){ this.x = x; this.y = y; this.s = s; this.trans = 255; }; Explosion.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); scale(this.s); fill(lerpColor(color(255, 255, 0), color(255), 1-(this.trans/255)), this.trans); noStroke(); ellipse(200, 200, 300-this.trans, 300-this.trans); ellipse(250, 200, 300-this.trans, 300-this.trans); fill(lerpColor(color(255, 0, 0), color(255), 1-(this.trans/255)), this.trans); ellipse(150, 150, 300-this.trans, 300-this.trans); ellipse(200, 250, 300-this.trans, 300-this.trans); fill(lerpColor(color(255, 255/2, 0), color(255), 1-(this.trans/255)), this.trans); ellipse(185, 176, 300-this.trans, 300-this.trans); this.trans = lerp(this.trans, 0, 0.05); popMatrix(); }; //} / Collision checks / //{ var rrCol = function(obj1, obj2){ return obj1.x + obj1.w > obj2.x && obj1.x < obj2.x + obj2.w && obj1.y + obj1.h > obj2.y && obj1.y < obj2.y + obj2.h; }; //} / Graphics / //{ var warning = (function(){ background(255, 0, 0, 0); pushMatrix(); translate(100, 98); scale(0.7); textAlign(CENTER, CENTER); fill(255, 255, 255); stroke(255, 0, 0); strokeWeight(15); pushMatrix(); translate(0, -20); triangle(300, 200, 200, 400, 400, 400); popMatrix(); fill(28, 27, 28); textFont(createFont("Trebuchet MS Bold"), 100); text("!", 300, 300); popMatrix(); return get(224, 216, 167, 161); })(); var backgroundThing = (function(){ background(51, 51, 51); stroke(79, 79, 79); strokeWeight(2); for (var i = 0;i<600;i+=100){ line(i, 0, i, 600); line(0, i, 600, i); } return get(0, 0, 600, 600); })(); var missileGraphic = (function(){ background(0, 0); fill(87, 87, 87); noStroke(); triangle(50, 0, 0, 40, 50, 80); fill(255, 255, 255, 50); triangle(50, 0, 0, 40, 50, 23); triangle(50, 56, 0, 40, 50, 80); pushMatrix(); translate(0, 10); scale(1, 0.814); fill(0, 0, 0); rect(50, 10, 200, 60); for (var i = 54;i<250;i+=50){ fill(82, 82, 82); quad(i, 70, i+10, 10, i+40, 10, i+30, 70); } popMatrix(); return get(0, 0, 250, 80); })(); var heart = (function(){ background(255, 255, 255, 0); noStroke(); fill(255, 0, 0); ellipse(197, 208, 85, 85); ellipse(254, 207, 85, 85); triangle(164, 235, 286, 235, 225, 300); return get(); })(); var Sparkles = (function(){ background(255, 255, 255, 0); rectMode(CENTER); for (var y = 0;y<360;y+=60){ pushMatrix(); translate(300, 300); rotate(y); translate(-215, -300); for (var i = 300;i<602;i+=10){ fill(0, i/15-20); noStroke(); rect(i, 300, 10, i/5); } popMatrix(); } rectMode(CORNER); return get(0, 0, 600, 600); })(); //} / Button constructor/methods */ //{ var Button = function(x, y, msg, w, h, green){ this.x = x; this.y = y; this.msg = msg; this.w = w; this.w2 = w; this.h = h; this.h2 = h; this.green = green; buttons.push(this); }; Button.prototype.update = function(){ this.mouseIn = mouseX > this.x - this.w/2 && mouseX < this.x + this.w/2 && mouseY > this.y - this.h/2 && mouseY < this.y+this.h/2; this.triggered = this.mouseIn && clicked; }; Button.prototype.display = function(){ pushMatrix(); translate(this.x, this.y); rotate(this.w/this.w23605); noFill(); strokeWeight(4); stroke(255, 255, 255); if (this.green){ stroke(0, 255, 0); } if (this.green === "ar"){ stroke(255, 0, 0); } rectMode(CENTER); rect(0, 0, this.w, this.h); rectMode(CORNER); fill(255, 255, 255); if (this.green){ fill(0, 255, 0); } if (this.green === "ar"){ fill(255, 0, 0); } textSize(50); pushMatrix(); scale(this.w/200); text(this.msg, 0, 0); popMatrix(); popMatrix(); }; Button.prototype.animate = function(){ if (this.mouseIn){ this.w = lerp(this.w, this.w21.2, 0.1); this.h = lerp(this.h, this.h21.2, 0.1); } else { this.w = lerp(this.w, this.w2, 0.1); this.h = lerp(this.h, this.h2, 0.1); } }; Button.prototype.pack = function(){ this.display(); this.update(); this.animate(); }; var Score = 0; var Highscore = -1; var Skins = [ { name: "Default", cost: 0, description: "Boring default skin that you already have.", bought: true, draw: function(obj){ rect(obj.x, obj.y, obj.w, obj.h); fill(0, 0, 0); if (frameCount%100<90){ ellipse(obj.x+43, obj.y+20, 15, 15); } else { ellipse(obj.x+43, obj.y+20, 15, 5); } noFill(); stroke(0, 0, 0); strokeWeight(5); arc(obj.x + 60, obj.y + 30, 40, 20, 98, 159); noStroke(); } }, { name: "Spikes", description: "Whoa look it's Liam the Cool Dude", cost: 5, bought: false, draw: function(obj){ noStroke(); rect(obj.x, obj.y, obj.w, obj.h); fill(0, 0, 0); if (frameCount%100<90){ ellipse(obj.x+43, obj.y+20, 15, 15); } else { ellipse(obj.x+43, obj.y+20, 15, 5); } noFill(); stroke(0, 0, 0); strokeWeight(5); arc(obj.x + 60, obj.y + 30, 40, 20, 98, 159); noStroke(); fill(obj.col); pushMatrix(); translate(0, 2); triangle(obj.x, obj.y, obj.x+31, obj.y-30, obj.x+30, obj.y); triangle(obj.x+30, obj.y, obj.x+60, obj.y-37, obj.x+60, obj.y); popMatrix(); } }, { name: "Groot", cost: 10, description: "I am Groot!", bought: false, draw: function(obj){ noStroke(); beginShape(); vertex(obj.x, obj.y); bezierVertex(obj.x+0, obj.y+112, obj.x+80, obj.y+44, obj.x+60, obj.y+0); vertex(obj.x+obj.w, obj.y-30); vertex(obj.x+42, obj.y); vertex(obj.x+37, obj.y+-36); vertex(obj.x+13, obj.y+-0); vertex(obj.x+12, obj.y+-35); endShape(); fill(0, 0, 0); if (frameCount%100<90){ ellipse(obj.x+43, obj.y+20, 15, 15); ellipse(obj.x+17, obj.y+20, 15, 15); } else { ellipse(obj.x+43, obj.y+20, 15, 5); ellipse(obj.x+17, obj.y+20, 15, 5); } noFill(); stroke(0, 0, 0); strokeWeight(5); arc(obj.x + 30, obj.y + 36, 20, 20, 0, 180); noStroke(); } }, { name: "Iron Man", cost: 15, description: "Well, the truth is... I am Iron Man.", bought: false, draw: function(obj){ noStroke(); rect(obj.x, obj.y, obj.w, obj.h); fill(255, 191, 0); quad(obj.x, obj.y, obj.x + 10, obj.y + 60, obj.x + 50, obj.y+60, obj.x + 60, obj.y); fill(255, 255, 255); image(EyeGraphic, obj.x-50, obj.y-415); stroke(110, 81, 30); strokeWeight(2); line(obj.x + 20, obj.y + 45, obj.x + 40, obj.y + 45); noStroke(); } }, { name: "Legolas", cost: 15, description: "The best graphic maker ever, aka Rob", bought: false, draw: function(obj){ noStroke(); rect(obj.x, obj.y, 60, 60); fill(0, 0, 0); if (frameCount%100<90){ ellipse(obj.x+43, obj.y+20, 15, 15); ellipse(obj.x+17, obj.y+20, 15, 15); } else { ellipse(obj.x+43, obj.y+20, 15, 5); ellipse(obj.x+17, obj.y+20, 15, 5); } fill(153, 97, 0); ellipse(obj.x, obj.y, 20, 20); ellipse(obj.x + 20, obj.y-5, 30, 30); ellipse(obj.x + 40, obj.y, 25, 25); ellipse(obj.x + 60, obj.y, 20, 20); noFill(); stroke(0, 0, 0); strokeWeight(5); arc(obj.x + 30, obj.y + 36, 20, 20, 0, 180); noStroke(); } }, { name: "Tanmay N", cost: 20, description: "Best coder to ever come on KA (this is how he wanted\nhimself to be pictured ¯\\_(ツ)_/¯)", bought: false, draw: function(obj){ noStroke(); rect(obj.x, obj.y, 60, 60); fill(0, 0, 0); if (frameCount%100<90){ ellipse(obj.x+43, obj.y+20, 15, 15); ellipse(obj.x+17, obj.y+20, 15, 15); } else { ellipse(obj.x+43, obj.y+20, 15, 5); ellipse(obj.x+17, obj.y+20, 15, 5); } fill(46, 29, 0); ellipse(obj.x, obj.y, 20, 20); ellipse(obj.x + 20, obj.y-5, 30, 30); ellipse(obj.x + 40, obj.y, 25, 25); ellipse(obj.x + 60, obj.y, 20, 20); noFill(); stroke(0, 0, 0); strokeWeight(5); arc(obj.x + 30, obj.y + 45, 20, 20, 180, 360); line(obj.x+10, obj.y+10, obj.x+30, obj.y+20); line(obj.x+50, obj.y+10, obj.x+30, obj.y+20); noStroke(); fill(0, 255, 255); ellipse(obj.x+50, obj.y+30, 10, 10); } }, ]; var curSkin = 0; //} /* Player constructor/methods / //{ var Player = function(){ this.x = 30; this.y = 540; this.w = 60; this.h = 60; this.yVel = 0; this.gravity = 0.3; this.cols = "red"; this.switchTime = 0; this.score = 0; this.xVel = 5; this.health = 100; }; Player.prototype.draw = function() { if (this.cols === "red"){ this.col = color(255, 0, 0); } else if (this.cols === "blue"){ this.col = color(0, 0, 255); } else { this.col = color(0, 255, 0); } fill(this.col); noStroke(); Skins[curSkin].draw(this); }; Player.prototype.move = function(){ this.x+=this.xVel; if (typed[32] && this.switchTime > 10){ if (this.cols === "red"){ this.cols = "blue"; } else if (this.cols === "blue"){ this.cols = "green"; } else { this.cols = "red"; } this.switchTime = 0; } this.switchTime++; if (typed[UP] && this.yVel === 0){ this.yVel = -8; } else if (typed[DOWN] && this.y<535 ){ this.yVel = 20; trsltAmt = 10; } this.y += this.yVel; this.yVel+=this.gravity; if (this.y>539){ this.y = 540; this.yVel = 0; } if (this.y<1){ this.y = 2; this.yVel = 9; } this.xVel += 0.001; }; Player.prototype.collect = function(what){ if (this.x > what.x - 50 && this.x < what.x + 10 && this.y + this.h > what.y - 15 && this.y < what.y + 15 && this.cols === what.col){ Score++; what.collected = true; if (what.kill){ trsltAmt = 10; } } }; var player = new Player(color(255, 0, 0)); //} / Dot constructor/methods*/ //{ var Dot = function(x, y, col, kill){ this.x = x; this.y = y; this.col = col; this.flux = random(3, 5); this.kill = kill; this.collected = false; }; Dot.prototype.draw = function() { if (this.col === "red"){ fill(255, 0, 0); } else if (this.col === "blue"){ fill(0, 0, 255); } else { fill(0, 255, 0); } if (!this.collected){ noStroke(); ellipse(this.x, this.y+sin(frameCountthis.flux)10, 10, 10); if (this.kill){ fill(255, 255, 255, sin(frameCount10)50+100); ellipse(this.x, this.y+sin(frameCountthis.flux)10, 10, 10); }} else { if (this.col === "red"){ fill(255, 0, 0); } else if (this.col === "blue"){ fill(0, 0, 255); } else { fill(0, 255, 0); } ellipse(this.x, this.y, 10, 10); this.x = lerp(this.x, player.x+465+player.xVel8.9, 0.1); this.y = lerp(this.y, 102, 0.1); if (this.y<103){ player.score++; } } }; //} / Spike constructor/methods/ //{ var Spike = function(x, y, col){ this.x = x; this.y = y; this.col = col; }; Spike.prototype.draw = function() { if (this.col === "red"){ fill(255, 0, 0); } else if (this.col === "green"){ fill(0, 255, 0); } else { fill(0, 0, 255); } triangle(this.x, this.y, this.x+20, this.y-40, this.x+40, this.y); }; Spike.prototype.kill = function(what){ if (what.x + 60 > this.x && what.x < this.x + 40 && what.y + 60> this.y - 40 && this.col === what.cols){ what.health -= 5; this.y = 800; trsltAmt = 10; trsltAmt2 = 255; } }; //} / Missile constructor/methods/ //{ var Missile = function(){ this.x = 600+player.x; this.y = 450; this.h = 50; this.w = 250; }; Missile.prototype.draw = function() { image(missileGraphic, this.x, this.y); fill(255, 0, 0); pushMatrix(); translate(1, -2); triangle(this.x + 250, this.y+20, this.x + 250, this.y + 70, this.x + random(275, 295), this.y + random(40, 50)); popMatrix(); fill(255, 255/2, 0); pushMatrix(); translate(1, -2); triangle(this.x + 250, this.y+30, this.x + 250, this.y + 60, this.x + random(265, 275), this.y + random(40, 50)); popMatrix(); fill(255, 255, 0); }; Missile.prototype.collide = function(obj){ if (rrCol(this, obj)){ obj.health-=50; trsltAmt = 30; explosions.push(new Explosion(lerp(this.x, player.x, 0.5), 300, 1)); this.y = 800; } this.x-=random(7, 8); }; //} var Star = function(){ this.x = player.x+600; this.y = 500; this.w = 30; this.h = 30; }; Star.prototype.update = function(obj){ this.x -= 3; if (obj.x + obj.w > this.x && obj.x < this.x + this.w && player.y < this.y + this.h && this.y < 800){ Money+=1; this.y = 800; } }; Star.prototype.draw = function() { pushMatrix(); translate(this.x-15, this.y-15); rotate(frameCount3); imageMode(CENTER); image(StarGraphic, 0, 0, 30, 30); imageMode(CORNER); popMatrix(); }; var warningSize = 0.001; var shopButtons = []; var ShopButton = function(x, y, whichSkin){ this.skinObject = { x: 100, y: 300, w: 60, h: 60, col: color(255, 0, 0) }; this.backy = new Button(300, 500, "back", 200, 100, true); shopButtons.push(this); this.x = x; this.y = y; this.w2 = 200; this.h2 = 60; this.w = 200; this.h = 60; this.bought = false; this.equipped = false; this.moving = false; this.draw2y = -600; this.skin = whichSkin; this.running = false; }; ShopButton.prototype.draw = function() { fill(9, 255, 0); stroke(0, 0, 0); rectMode(CENTER); rect(this.x, this.y, this.w, this.h); rectMode(CORNER); fill(0, 0, 0); textFont(createFont("Trebuchet MS"), 30); pushMatrix(); translate(this.x, this.y); scale(this.w/this.w2); text(Skins[this.skin].name, 0, 0); popMatrix(); }; ShopButton.prototype.update = function(){ this.mouseIn = mouseX > this.x - this.w/2 && mouseX < this.x + this.w/2 && mouseY > this.y - this.h/2 && mouseY < this.y + this.h/2; this.triggered = this.mouseIn && clicked; }; ShopButton.prototype.animate = function(){ if (!shopTrig){ if (this.mouseIn){ this.w = lerp(this.w, this.w21.2, 0.1); this.h = lerp(this.h, this.h21.2, 0.1); } else { this.w = lerp(this.w, this.w2, 0.1); this.h = lerp(this.h, this.h2, 0.1); } if (this.triggered){ shopTrig = true; this.moving = true; this.running = true; } } else { if (this.backy.triggered && this.draw2y > -1){ this.moving = false; } if (this.running && this.draw2y < -599){ this.triggered = false; this.running = false; shopTrig = false; } } if (this.moving){ this.draw2y = lerp(this.draw2y, 0, 0.1); } else { this.draw2y = lerp(this.draw2y, -600, 0.1); } }; ShopButton.prototype.draw2 = function(){ var MySkin = Skins[this.skin]; pushMatrix(); translate(this.draw2y, 0); rectMode(CENTER); fill(0, 0, 0); rect(300, 300, 600, 600); fill(255, 255, 255); textFont(createFont("Trebuchet MS"), 50); text(MySkin.name, 300, 100); textSize(20); text(MySkin.description, 300, 170); fill(255, 0, 0); rectMode(CORNER); noStroke(); MySkin.draw(this.skinObject); noFill(); stroke(255, 0, 0); strokeWeight(5); rect(this.skinObject.x - 50, this.skinObject.y - 50, this.skinObject.w + 100, this.skinObject.h + 100); noStroke(); if (MySkin.bought \|\| Money < MySkin.cost){ fill(140, 140, 140); } else { fill(0, 255, 0); } rect(250, 250, 200, 50); fill(0, 0, 0); textFont(createFont("Trebuchet MS"), 30); text("Buy for $"+MySkin.cost, 350, 275); if (curSkin === this.skin \|\| !MySkin.bought){ fill(140); } else { fill(0, 255, 0); } rect(250, 350, 200, 50); fill(0, 0, 0); textFont(createFont("Trebuchet MS"), 30); text("Equip", 350, 375); if (this.draw2y > -1){ if (clicked && mouseX > 250 && mouseY > 250 && mouseX < 250 + 200 && mouseY < 300 && Money >= MySkin.cost && MySkin.bought === false){ MySkin.bought = true; Money-=MySkin.cost; } if (clicked && mouseX > 250 && mouseY > 350 && mouseX < 250 + 200 && mouseY < 400 && MySkin.bought){ curSkin = this.skin; } } noStroke(); this.backy.pack(); noStroke(); rectMode(CORNER); popMatrix(); }; ShopButton.prototype.pack = function(){ this.draw(); this.update(); this.animate(); }; var howTrans = 0; var HowButton = function(dir, whereTo){ this.dir = dir; this.whereTo = whereTo; this.col = color(255, 0, 0); this.destCol = color(255, 255, 255); this.moving = false; }; HowButton.prototype.display = function(){ noStroke(); if (this.dir === "right"){ fill(this.col); rect(560, 250, 40, 100); fill(lerpColor(this.col, color(0), 0.2)); triangle(565, 265, 595, 300, 565, 335); } else { fill(this.col); rect(0, 250, 40, 100); fill(lerp(this.col, color(0), 0.2)); triangle(35, 265, 5, 300, 35, 335); } }; HowButton.prototype.update = function(){ if (this.dir === "right"){ this.over = mouseX > 560 && mouseY > 250 && mouseY < 350; } else { this.over = mouseX < 40 && mouseY > 250 && mouseY < 350; } this.triggered = this.over && clicked; }; HowButton.prototype.animate = function(){ if (this.over){ this.col = lerpColor(this.col, color(255, 255, 255), 0.1); } else { this.col = lerpColor(this.col, color(255, 0, 0), 0.1); } if (this.triggered){ this.moving = true; } if (this.moving){ howTrans = lerp(howTrans, this.whereTo, 0.1); } if (abs(this.whereTo - howTrans) < 0.1){ this.moving = false; } }; HowButton.prototype.pack = function(){ this.update(); this.animate(); this.display(); }; var HowMessages = [ "Hello, and welcome\nto Color Dash!\nPress the right arrow key\nto continue.", "Press the up key\nto jump and press space\nto change your color.", "You can only interact\nwith objects that are\nthe same color as you.", "Jump up to the dots to\nincrease your score,\nand jump up to the stars\nfor money to be used in the shop.", "Try to avoid the\nmissiles and spikes,\nbecause they'll\ntake away your health.", "You can hit\nstars or missiles\nregardless of what\ncolor you are.", "Good luck!\nPress the left\narrow key to go\nback to the first slide." ]; /* Main scenes */ textFont(createFont("Trebuchet MS"), 50); var game = (function(){ var transitionvar = -300; var transitionvar2 = 0; return function(){ textSize(30); if (gameTime % 1000 === 500){ missiles.push(new Missile()); } if (gameTime % 300 === 49){ colls = floor(random(0, 3)); } if (gameTime % 300 > 50 && gameTime % 100 === 1){ if (colls === 0){ spikes.push(new Spike(player.x+600, 600, "red")); } else if (colls === 1){ spikes.push(new Spike(player.x+600, 600, "blue")); } else if (colls === 2){ spikes.push(new Spike(player.x+600, 600, "green")); } } if (gameTime % 10 === 1){ if (gameTime % 300 < 50){ if (colls === 0){ dots.push(new Dot(player.x+600, yPos, "red", false)); } else if (colls === 1){ dots.push(new Dot(player.x+600, yPos, "blue", false)); } else { dots.push(new Dot(player.x+600, yPos, "green", false)); } } } if (gameTime % 3000 === 100){ stars.push(new Star()); } thingS = lerp(thingS, 100, 0.0001); pushMatrix(); translate(random(-trsltAmt, trsltAmt), random(-trsltAmt, trsltAmt)); trsltAmt = lerp(trsltAmt, 0, 0.05); translate(30-player.x, 0); image(backgroundThing, plusAmt2, 0); image(backgroundThing, plusAmt, 0); if (player.x - plusAmt > 600){ plusAmt+=1200; } if (player.x - plusAmt2 > 600){ plusAmt2+=1200; } fill(curCol); ellipse(player.x+464, 102, 10, 10); image(heart, 406+player.x, -5, 150, 150); image(StarGraphic, 450+player.x, 135, 30, 30); fill(255, 255, 255); textAlign(LEFT, CENTER); text(player.score, player.x+490, 100); text(player.health, player.x+490, 50); text(Money, player.x+490, 150); for (var i = spikes.length-1;i>=0;i--){ spikes[i].draw(); spikes[i].kill(player); if (spikes[i].x-player.x<-40){ spikes.splice(i, 1); } } for (var i = stars.length-1;i>=0;i--){ stars[i].draw(); stars[i].update(player); } player.draw(); player.move(); for (var i = missiles.length-1;i>=0;i--){ missiles[i].draw(); missiles[i].collide(player); if (missiles[i].x < player.x - 400){ missiles.splice(i, 1); } } for (var i = dots.length-1;i>=0;i--){ dots[i].draw(); player.collect(dots[i]); if (dots[i].y<103){ if (dots[i].col === "red"){ curCol = color(255, 0, 0); } else if (dots[i].col === "blue"){ curCol = color(0, 0, 255); } else { curCol = color(0, 255, 0); } dots.splice(i, 1); } else if (dots[i].x - player.x < -100){ dots.splice(i, 1); } } for (var i = explosions.length-1;i>=0;i--){ explosions[i].draw(); if (explosions[i].trans < 0){ explosions.splice(i, 1); } } popMatrix(); imageMode(CENTER); imageMode(CORNER); fill(255, 0, 0, trsltAmt2); rect(0, 0, 600, 600); trsltAmt2 = lerp(trsltAmt2, 0, 0.1); gameTime++; if (gameTime % 1000 > 430 && gameTime % 1000 < 500){ warningSize = lerp(warningSize, 200, 0.1); } else { warningSize = lerp(warningSize, 0, 0.1); } imageMode(CENTER); image(warning, 300, 300, warningSize, warningSize); imageMode(CORNER); image(Transition1, transitionvar, 0); image(Transition2, 300-transitionvar, 0); fill(0, 0, 255); rect(transitionvar2, 0, 300, 600); rect(300-transitionvar2, 0, 300, 600); transitionvar2 = lerp(transitionvar2, -300, 0.1); if (player.health < 1){ transitionvar = lerp(transitionvar, 0, 0.1); } if (transitionvar > -1){ transitionvar = -300; player.health = 100; gameTime = 0; explosions = []; missiles = []; spikes = []; dots = []; player.x = 30; plusAmt = 0; plusAmt2 = 600; player.xVel = 5; player.score = 0; transitionvar2 = 0; if (Score > Highscore){ scene = "newhighscore"; } else { scene = "death"; } } }; })(); var menu = (function() { var thing = 1343; var dashPos = -300; var playBtn = new Button(300, 383, "play", 200, 100); var howBtn = new Button(160, 516, "how", 200, 100); var shopBtn = new Button(440, 516, "shop", 200, 100); var rectY = 10; var transitionx = -300; var triggered = false; var goToScene = "game"; var txtY = -300; var displayingReadHow = false; var displayingReadHowTimer = 0; return function(){ background(0, 0, 0); fill(33, 33, 33); noStroke(); rect(0, 0, 300, 600); noFill(); if (rectY > 300){ playBtn.pack(); howBtn.pack(); shopBtn.pack(); } fill(33, 33, 33); noStroke(); rect(0, rectY, 300, 600); fill(0, 0, 0); rect(300, rectY, 300, 600); noFill(); fill(143, 143, 143); textFont(createFont("Trebuchet MS Bold"), 150); text("DASH", dashPos, 250); stroke(143, 143, 143); pushMatrix(); translate(dashPos-300,0); if (dashPos>100){ strokeWeight(5); line(110, 230, 52, 230); line(110, 250, 66, 250); line(110, 270, 51, 270); } popMatrix(); noFill(); pushMatrix(); translate(24, 41); //C strokeWeight(thing); pushMatrix(); stroke(255, 0, 0); arc(80, 80, 100, 100, 90-30, 270+30); popMatrix(); //O pushMatrix(); stroke(0, 255, 0); ellipse(178, 80, 100, 100); popMatrix(); //L stroke(255, 255, 0); line(261, 128, 261, 33); line(261, 128, 312, 128); //O stroke(255, 140, 0); ellipse(380, 80, 100, 100); //R pushMatrix(); translate(10, 0); stroke(17, 0, 255); line(444, 128, 444, 33); arc(446, 60, 115, 54, -90, 90); line(502, 128, 445, 88); popMatrix(); popMatrix(); if (!triggered){ thing = lerp(thing, 5, 0.1); } else { thing = lerp(thing, 1344, 0.1); } if (thing > 1343){ thing = 1343; dashPos = -300; playBtn = new Button(300, 383, "play", 200, 100); howBtn = new Button(160, 516, "how", 200, 100); shopBtn = new Button(440, 516, "shop", 200, 100); rectY = 10; transitionx = -300; triggered = false; scene = goToScene; } noStroke(); fill(255, 0, 0, txtY); rect(0, 0, 600, 600); textSize(30); fill(255, 255, 255); text("read how before you play", 300, txtY); if (displayingReadHow){ txtY = lerp(txtY, 300, 0.1); displayingReadHowTimer++; } else { txtY = lerp(txtY, -30, 0.1); } if (displayingReadHowTimer > 50){ displayingReadHow = false; displayingReadHowTimer = 0; } popMatrix(); if (thing<7){ dashPos = lerp(dashPos, 320, 0.1); } if (dashPos>319){ rectY = lerp(rectY, 600, 0.1); } if (playBtn.triggered){ if (visitedHow){ triggered = true; goToScene = "game"; } else { displayingReadHow = true; } } if (shopBtn.triggered){ triggered = true; goToScene = "shop"; } if (howBtn.triggered){ triggered = true; goToScene = "how"; } textFont(createFont("Trebuchet MS"), 150); }; })(); var logo = (function() { var rectPos = -400; var rotAmt = 0; var type = -200; var rectPos2 = 500; var rectPos3 = 300; var LPos = [-100, -100]; var littlewhingingPos = 200; var thingPos = 0; return function(){ background(255, 255, 255); pushMatrix(); scale(1.5); rectMode(CORNER); fill(17, 0, 255); if (rectPos<-1){ for (var i = 0;i<400;i+=100){ noStroke(); rect(rectPos,i,400, 50); rect(0-rectPos, i+50, 400, 50); } } if (rotAmt>359.9){ rect(0, 0, 600, 600); } rectPos = lerp(rectPos, 0, 0.1); pushMatrix(); translate(0, thingPos); if (rectPos>-1){ pushMatrix(); translate(200,200); rotate(rotAmt); rectMode(CENTER); rect(0, 0, 400, 400); popMatrix(); } if (rectPos>-0.1){ rotAmt = lerp(rotAmt, 360, 0.1); if (rectPos>-0.0001){ type = lerp(type, 200, 0.1); } if (rectPos>-0.000001){ rectPos2 = lerp(rectPos2, 200, 0.1); } if (rectPos2<200.01){ fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(createFont("Trebuchet MS"), 30); text('presents', 200, 300); rectPos3 = lerp(rectPos3, -25, 0.1); } } fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(createFont("Trebuchet MS"), 50); text("littlewhinging", type, littlewhingingPos); textSize(100); text("W", type+40, 123); text("L", LPos[0], LPos[1]); if (rectPos3<-24&&rectPos3>-24.999){ LPos[0] = lerp(LPos[0], 100, 0.1); LPos[1] = lerp(LPos[1], 50, 0.1); } else if (rectPos3<-24.999&&rectPos3>-24.99999999){ LPos[0] = lerp(LPos[0], 150, 0.1); LPos[1] = lerp(LPos[1], 350, 0.1); } else if (rectPos3<-24.99999999){ LPos[0] = lerp(LPos[0], 160, 0.1); LPos[1] = lerp(LPos[1], 123, 0.1); littlewhingingPos = lerp(littlewhingingPos, 250, 0.1); } if (littlewhingingPos>249.99){ thingPos = lerp(thingPos, -600, 0.1); } if (thingPos<-599){ scene = "menu"; } pushMatrix(); rect(rectPos2, rectPos3, 150, 50); popMatrix(); rectMode(CORNER); popMatrix(); popMatrix(); }; })(); var death = (function(){ var ttransitionvar = 0; var triggered = false; var pos1 = -300; var pos2 = 900; var pos3 = -300; var scoreAnim = 0; var backBtn = new Button(300, 650, "back", 200, 100); return function(){ background(115, 115, 115); fill(255, 255, 255); textFont(createFont("Trebuchet MS Bold"), 100); textAlign(CENTER, CENTER); text("Imbruh", pos1, 100); textSize(80); text("u ded", pos2, 200); textSize(50); text("ur score wuz:\n"+~~(scoreAnim+1), pos3, 400); pos1 = lerp(pos1, 300, 0.1); if (pos1 > 299){ pos2 = lerp(pos2, 300, 0.1); if (pos2 < 301){ pos3 = lerp(pos3, 300, 0.1); if (pos3 > 299){ scoreAnim = lerp(scoreAnim, Score, 0.1); if (scoreAnim > Score - 0.1){ backBtn.pack(); backBtn.y = lerp(backBtn.y, 530, 0.1); } } } } fill(0, 0, 255); noStroke(); if (triggered){ rect(ttransitionvar, 0, 300, 600); rect(300-ttransitionvar, 0, 300, 600); } if (!triggered){ ttransitionvar = lerp(ttransitionvar, -300, 0.1); image(Transition1, ttransitionvar, 0); image(Transition2, 300-ttransitionvar, 0); } else { ttransitionvar = lerp(ttransitionvar, 0, 0.1); if (ttransitionvar > -0.01){ Score = 0; triggered = false; ttransitionvar = 0; pos1 = -300; pos2 = 900; pos3 = -300; scoreAnim = 0; player.health = 100; backBtn = new Button(300, 650, "back", 200, 100); Score = 0; scene = "ad"; } } if (backBtn.triggered){ triggered = true; } }; })(); var newhighscore = (function(){ var ttransitionvar = 0; var triggered = false; return function(){ background(200+sin(frameCount5)50, 200+sin(frameCount3)50, 0); imageMode(CENTER); pushMatrix(); translate(300, 300); rotate(frameCount1.5); image(Sparkles, 0, 0, 850, 850); popMatrix(); imageMode(CORNER); fill(0, 0, 0); textFont(createFont("Trebuchet MS Bold"), 50); textAlign(CENTER, CENTER); text("New\nhighscore!", 300, 300); textSize(20); text("(click to continue)", 300, 550); imageMode(CORNER); image(Transition1, ttransitionvar, 0); image(Transition2, 300-ttransitionvar, 0); if (!triggered){ ttransitionvar = lerp(ttransitionvar, -300, 0.1); } else { ttransitionvar = lerp(ttransitionvar, 0, 0.1); if (ttransitionvar > -1){ Highscore = Score; triggered = false; ttransitionvar = 0; scene = "death"; } } if (clicked){ triggered = true; } }; })(); var subORELSE = (function(){ var adTime = 0; var transitionvar = 0; var triggered = false; return function(){ background(255, 0, 0); textFont(createFont("Trebuchet MS Bold"),25); fill(255, 255, 255); textAlign(CENTER,CENTER); text("Wait! Before you hit that skip button, here's\nsomething incredibly important to know.\nIf you want to be notified when littlewhinging\nreleases a new awesome game, you should\ncheck the code and go to the link there to\nsubscribe. It's very easy and only takes\na few seconds!".substr(0, adTime1.2), 300,300); if (mouseMoving<80){ fill(0,150); noStroke(); rect(0,0,600,100); fill(255, 255, 255); text("Subscribe to littlewhinging",300,50); fill(0); rect(0,560,600,40); stroke(255, 255, 0); strokeWeight(5); line(0,580,adTime2,580); noStroke(); fill(117, 117, 117); ellipse(adTime2,580,15,15); fill(0, 0, 0,200); stroke(255, 255, 255); strokeCap(SQUARE); strokeWeight(1); rect(470,450,130,50); fill(255, 255, 255); textFont(createFont("verdana"),30); text("Skip",470+130/2,475); } adTime+=0.3; mouseMoving++; fill(0, 0, 255); noStroke(); rect(transitionvar, 0, 300, 600); rect(300-transitionvar, 0, 300, 600); if (adTime>300 \|\| clicked && mouseX>470&&mouseY>450&&mouseY<500){ triggered = true; } if (triggered){ transitionvar = lerp(transitionvar, 0, 0.1); } else { transitionvar = lerp(transitionvar, -300, 0.1); } if (transitionvar > -0.01){ triggered = false; adTime = 0; scene = "menu"; } }; })(); var shop = (function(){ var transitionvar = 0; var triggered = false; var anim1 = -300; var backBtn = new Button(300, 700, "back", 200, 100, true); var btn1 = new ShopButton(150, 203, 0); var btn2 = new ShopButton(450, 203, 1); var btn3 = new ShopButton(150, 303, 2); var btn4 = new ShopButton(450, 303, 3); var btn5 = new ShopButton(150, 403, 4); var btn6 = new ShopButton(450, 403, 5); return function(){ image(BackgroundShop, 0, 0); if (triggered){ transitionvar = lerp(transitionvar, 0, 0.1); if (transitionvar > -0.01){ transitionvar = 0; triggered = false; anim1 = -300; backBtn.y = 700; scene = "menu"; } } else { transitionvar = lerp(transitionvar, -300, 0.1); } fill(0, 255, 0); textFont(createFont("verdana Bold"), 100); text("SHOP", 300, anim1); backBtn.pack(); pushMatrix(); translate((100-anim1)2, 0); for (var i = 0;i<shopButtons.length;i++){ shopButtons[i].pack(); } popMatrix(); for (var i = 0;i<shopButtons.length;i++){ shopButtons[i].draw2(); } pushMatrix(); translate(-10, anim1-200); image(StarGraphic, 480, 135, 30, 30); fill(255, 255, 255); textAlign(LEFT, CENTER); text(Money, 520, 150); popMatrix(); fill(0, 0, 255); noStroke(); rect(transitionvar, 0, 300, 600); rect(300-transitionvar, 0, 300, 600); if (transitionvar < -299){ anim1 = lerp(anim1, 100, 0.1); if (anim1 > 99){ backBtn.y = lerp(backBtn.y, 530, 0.1); } } if (backBtn.triggered && !shopTrig){ triggered = true; } textAlign(CENTER, CENTER); }; })(); var how = (function(){ var transitionvar = 0; var triggered = false; var anim1 = -300; var backBtn = new Button(300, 700, "back", 200, 100, "ar"); var howBtns = []; var WHERETO = -600; var MOVING = false; for (var i = 0;i<HowMessages.length;i++){ howBtns.push(new HowButton("right", -i * 600 - 300)); } return function(){ visitedHow = true; image(BackgroundShop, 0, 0); if (triggered){ transitionvar = lerp(transitionvar, 0, 0.1); if (transitionvar > -0.01){ transitionvar = 0; triggered = false; anim1 = -300; backBtn.y = 700; scene = "menu"; } } else { transitionvar = lerp(transitionvar, -300, 0.1); } rectMode(CORNER); fill(255, 0, 0); textFont(createFont("verdana Bold"), 100); text("HOW", 300, anim1); backBtn.pack(); pushMatrix(); translate(howTrans, 0); textAlign(CENTER, CENTER); textSize(30); for (var i = 0;i<HowMessages.length;i++){ text(HowMessages[i], i * 600 + 300, 300); } popMatrix(); /* for (var i = 0;i<howBtns.length;i++){ if (howTrans > howBtns[i].whereTo - 1 && howTrans < howBtns[i].whereTo + 600){ howBtns[i].pack(); } } / if (pressed[RIGHT] && howTrans % -600 < -599 \|\| pressed[RIGHT] && howTrans % 600 < 1){ MOVING = true; } if (pressed[LEFT]){ howTrans = 0; MOVING = false; WHERETO = -600; } if (MOVING){ howTrans = lerp(howTrans, WHERETO, 0.1); } if (howTrans % -600 < -599){ MOVING = false; if (howTrans - 601 > -4200){ WHERETO = howTrans - 601; } } fill(0, 0, 255); noStroke(); rect(transitionvar, 0, 300, 600); rect(300-transitionvar, 0, 300, 600); if (transitionvar < -299){ anim1 = lerp(anim1, 100, 0.1); if (anim1 > 99){ backBtn.y = lerp(backBtn.y, 530, 0.1); } } if (backBtn.triggered && !shopTrig){ triggered = true; } textAlign(CENTER, CENTER); }; })(); /* Processing.js functions **/ draw = function() { try { switch(scene){ case "logo": logo(); break; case "menu": menu(); break; case "game": game(); break; case "death": death(); break; case "newhighscore": newhighscore(); break; case "ad": subORELSE(); break; case "shop": shop(); break; case "how": how(); break; } } catch(e){ println(e); } clicked = false; pressed[keyCode] = false; }; mouseClicked = function(){ clicked = true; }; keyPressed = function(){ typed[keyCode] = true; }; keyReleased = function(){ typed[keyCode] = false; pressed[keyCode] = true; }; mouseMoved = function(){ mouseMoving = 0; };
Folds	51,221,224,250,253,276,279,283,286,364,367,596,599,667,670,710,713,739,742,772,775,780,781,787,788,796,802,824,825,839,840,843,844,876,877,933,934,938,941,947,948,963,964,972,973,989,990,994,996,1004,1008,1159,1160,1296,1297,1383,1384,1448,1449,1487,1488,1541,1542,1608,1609,1694,1697,1731,1732,1734,1735,1737,1738,1741,1742,1744
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL2ZxsqUCww
Votes	302
Spin-Offs	5
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	littlewhinging (LW)
Author Name	lilwhinging
Author ID	kaid_61746486790130432968281
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739455962891
Updated	4 months ago, 1744844884514
Source Deleted	unknown