Viewing Program

Program Data

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

Title	The Dot Game 2
ID	5917572689772544
Created	5 years ago, 1604504678440
Updated	5 years ago, 1605105796432
Code	/** The Dot Game 2 * * Try to last as long as you can and collect coins to change your player shape at the shop. * * Different colors of dots have different powers. * You'll have to figure out which does what. :) * * Logo slightly based off of Chester Banks logo for Triple Factor. * * This game is a sequel to the game "The Dot Game" that Chester Banks started, but completed by me as he became inactive. * * Menu graphics by Chester Banks. * * See the first one here: * https://www.khanacademy.org/cs/the-dot-game/4806730493607936 / var keys = [];//Gets info on which key you are pressing var colors = [ color(48, 173, 227),//Blue color(230, 226, 101),//Yellow color(41, 207, 80),//Green color(227, 61, 75),//Red color(127, 0, 255),//Purple color(240, 177, 74),//Orange color(87, 47, 7),//Brown color(255, 135, 229),//Pink color(255, 255, 255),//White color(0, 0, 0),//Black ];//Color of dots var timer = 0;//Timer var health = 100;//Health var coins = 0;//Coins var scene = "Logo";//Scene var toScene = "Menu";//Scene (for transitioning) var two = 1000;//The "2" in the menu scene var overButton = false;//Checks if cursor is over button var clicked = false;//Checks if mouse has been clicked var transitionVar = [ 0, 0, color(195, 99, 230) ];//Variables for transitioning var char = [ "Circle", ["Circle", "Triangle", "Rectangle"], [0, 15, 30], [true,false,false] ];//Type of character //Makes the dot objects var Thing = function(f) { this.x = random(width); this.s = random(10,20); this.y = -this.s/2; this.sp = 3-this.s/10; this.f = f; this.d = false; }; Thing.prototype.draw = function() { noStroke(); fill(colors[this.f], 30); ellipse(this.x, this.y, this.s 1.3, this.s * 1.3); ellipse(this.x, this.y, this.s * 1.8, this.s * 1.8); fill(colors[this.f]); ellipse(this.x, this.y, this.s, this.s); fill(255, 60); ellipse(this.x, this.y, this.s / 1.3, this.s / 1.3); ellipse(this.x, this.y, this.s / 1.8, this.s / 1.8); }; Thing.prototype.move = function() { this.y+=this.sp; if (this.y >= height+this.s/2) { this.d = true; } }; var things = []; //Makes the player object var Player = function() { this.x = width/2; this.y = height-10; this.yVel = 0; this.s = 20; this.sp = 4; this.sp2 = 1; this.t = 0; this.t2 = 0; this.t3 = 0; this.t4 = 0; this.t5 = 0; this.t6 = 0; this.p = [false,false,false,false,false,false,false,false,false,false]; }; Player.prototype.draw = function() { fill(255, 255, 255); if (char[0] === "Circle") { ellipse(this.x,this.y,this.s,this.s); } else if (char[0] === "Triangle") { triangle(this.x,this.y-this.s/2,this.x-this.s/2,this.y+this.s/2,this.x+this.s/2,this.y+this.s/2); } else if (char[0] === "Rectangle") { rect(this.x-this.s/2,this.y-this.s/2,this.s,this.s); } }; Player.prototype.move = function() { if (keys[RIGHT]) { this.x += (this.spthis.sp2); } if (keys[LEFT]) { this.x -= (this.spthis.sp2); } if (keys[UP] && this.y === height-10) { this.yVel = -15; } this.y += this.yVel; this.yVel++; this.x = constrain(this.x,this.s/2,width-this.s/2); this.y = constrain(this.y,this.s/2,height-this.s/2); }; Player.prototype.hit = function() { for (var i = things.length-1; i > 0; i --) { var t = things[i]; if (t.y>270 && dist(t.x,t.y,this.x,this.y) <= t.s/2+this.s/2) { switch(t.f) { case 0: this.p[0] = true; break; case 1: this.p[1] = true; break; case 2: this.p[2] = true; break; case 3: if (!this.p[6]) { this.p[3] = true; } break; case 4: if (!this.p[5]) { this.p[4] = true; } break; case 5: if (!this.p[4]) { this.p[5] = true; } break; case 6: this.p[6] = true; break; case 7: this.p[7] = true; break; case 8: this.p[8] = true; break; case 9: this.p[9] = true; break; } t.d = true; } } /* Types: 0 : Blue : Size doubles 1 : Yellow : Coin 2 : Green : Health up 3 : Red : Health down 4 : Purple : Superslow 5 : Orange : Speed up 6 : Brown : Sheild 7 : Pink : Invert 8 : White : Energy radiance 9 : Black : Black screen / if (this.p[0]) { this.t ++; this.s = 40; if (this.t >= 200) { this.s = 20; this.t = 0; this.p[0] = false; } } if (this.p[1]) { coins++; this.p[1] = false; } if (this.p[2]) { health += 5; this.p[2] = false; } if (this.p[3]) { health -= 25; this.p[3] = false; } if (this.p[4]) { this.t2++; this.sp = 1; if (this.t2 >= 200) { this.sp = 4; this.t2 = 0; this.p[4] = false; } } if (this.p[5]) { this.t2++; this.sp = 8; if (this.t2 >= 200) { this.sp = 4; this.t2 = 0; this.p[5] = false; } } if (this.p[6]) { this.t3 ++; noFill(); stroke(255, 255, 255); if (char[0] === "Circle") { ellipse(this.x,this.y,this.s2+sin(frameCount2)5,this.s2+sin(frameCount2)5); } else if (char[0] === "Triangle") { triangle(this.x,this.y-this.s-sin(frameCount2)5,this.x-this.s-sin(frameCount2)5,this.y+this.s+sin(frameCount2)5,this.x+this.s+sin(frameCount2)5,this.y+this.s+sin(frameCount2)5); } else if (char[0] === "Rectangle") { rect(this.x-this.s-sin(frameCount2)5,this.y-this.s-sin(frameCount2)5,this.s2+sin(frameCount2)5,this.s2+sin(frameCount2)5); } if (this.t3 >= 200) { this.t3 = 0; this.p[6] = false; } } if (this.p[7]) { this.t4 ++; this.sp2 = -1; if (this.t4 >= 200) { this.t4 = 0; this.sp2 = 1; this.p[7] = false; } } if (this.p[8]) { this.t5 += 8; noFill(); stroke(255, 255, 255); if (char[0] === "Circle") { ellipse(this.x,this.y,this.t5,this.t5); for (var i = things.length-1; i > 0; i --) { if (dist(things[i].x,things[i].y,this.x,this.y) <= this.t5/2) { things.splice(i,1); } } } else if (char[0] === "Triangle") { triangle(this.x,this.y-this.t5,this.x-this.t5,this.y+this.t5,this.x+this.t5,this.y+this.t5); for (var i = things.length-1; i > 0; i --) { if (dist(things[i].x,things[i].y,this.x,this.y) <= this.t5/1.2) { things.splice(i,1); } } } else if (char[0] === "Rectangle") { rect(this.x-this.t5,this.y-this.t5,this.t52,this.t52); for (var i = things.length-1; i > 0; i --) { if (things[i].x > this.x-this.t5 && things[i].x < this.x+this.t5 && things[i].y > this.y-this.t5) { things.splice(i,1); } } } if (this.t5 >= 1300) { this.t5 = 0; this.p[8] = false; } } if (this.p[9]) { this.t6++; fill(0, 0, 0); rect(0,0,width,height); if (this.t6 >= 100) { this.t6 = 0; this.p[9] = false; } } }; var player = new Player(); //Makes the logo object var Logo = function() { this.y = -100; this.r = 0; this.b = 0; this.t = 0; }; Logo.prototype.draw = function() { background(255, 255, 255); for (var i = 0; i <= height/2; i ++) { stroke(lerpColor(color(255, 0, 255), color(255, 127, 0), i/height2)); line(0, i, width, i); stroke(lerpColor(color(255, 127, 0), color(255, 247, 0), i/height2)); line(0, i+height/2, width, i+height/2); } for (var i = 0; i <= width; i+=20) { for (var e = 0; e <= height; e+=20) { noStroke(); fill(0, 0, 0, 30+sin(i+frameCount10)10); rect(i,e,20,20); fill(0, 0, 0, 30+sin(e+frameCount10)10); rect(i,e,20,20); } } pushMatrix(); translate(width/2,height/2+50); rotate(this.r); scale(this.y/height2+1,1); beginShape(); vertex(-80,-50); vertex(-40,-50); vertex(50,50); vertex(5,50); vertex(-30,0); vertex(-5,50); vertex(-50,50); endShape(CLOSE); popMatrix(); pushMatrix(); translate(width-this.y,this.y); rotate(this.r); scale(2); fill(255, 255, 255); beginShape(); vertex(-20,-50); vertex(20,-50); vertex(50,50); vertex(5,50); vertex(0,0); vertex(-5,50); vertex(-50,50); endShape(CLOSE); popMatrix(); fill(0, 0, 0, this.b); rect(0,0,width,height); this.y = lerp(this.y,height/2,0.07); this.r = lerp(this.r,-360,0.07); this.t++; if (this.t>150) { this.b = lerp(this.b,255,0.05); } if (this.b >= 250) { scene = "Menu"; } }; var logo = new Logo(); var transition = function() { pushMatrix(); translate(width/2,height/2); scale(transitionVar[0]); transitionVar[0]+=transitionVar[1]; if (transitionVar[0]<0.0) { transitionVar[1]=0; transitionVar[0]=0; } if (transitionVar[0]>=350) { scene = toScene; transitionVar[1]=-5; } rotate(transitionVar[0]); fill(transitionVar[2]); noStroke(); rect(-1,-1,2,2); popMatrix(); };//Transition function var button = function(x, y, sz, txt, to) { pushStyle(); pushMatrix(); translate(x, y); rotate(45); rectMode(CENTER); noFill(); stroke(255); strokeWeight(4); if (mouseX-sz<x-y+mouseY-20 && mouseX+sz>x+y-mouseY+20 && mouseX+sz>x-y+mouseY+20 && mouseX-sz<x+y-mouseY-20) { overButton = true; scale(1.1); if (clicked && transitionVar[1]===0) { toScene = to; transitionVar[1]=5; transitionVar[2]=random(colors[round(colors.length-1)]); } } rect(0, 0, sz, sz, 7); popMatrix(); popStyle(); textAlign(CENTER,CENTER); fill(255, 255, 255); textFont(createFont('Monaco', 18)); text(txt,x,y); };//Button function var bground = function() { noStroke(); pushMatrix(); translate(width/2,height/2); for(var i = 0; i < width/50; i += 1){ fill(colors[i % (colors.length-4)]); rect(13-width/2 + i * 48.1, 13-height/2, 40, 10);//Top rect(13-width/2, 13-height/2 + i * 48.1, 10, 40);//Left rect(width/2-53 - i * 48.1, height/2-23, 40, 10);//Bottom rect(width/2-23, height/2-53 - i * 48.1, 10, 40);//Right } popMatrix(); };//Background function var menu = function() { background(25); bground(); pushMatrix(); translate(width / 2, height / 2.4); scale(width/500,height/500); textFont(createFont('Avenir', 41)); fill(250, 250, 250); text('THE', -120, -90); text('GAME', 113, 95); noStroke(); fill(colors[3]); rect(-72, -95, 244, 10); rect(-157, 92, 200, 10); noFill(); stroke(250); strokeWeight(4); // D arc(-115, 4, 120, 120, -90, 90); line(-155, -56, -116, -56); line(-155, 64, -115, 64); line(-155, -56, -155, 64); arc(-115, 4, 60, 60, -90, 90); line(-126, -26, -116, -26); line(-126, 34, -115, 34); line(-126, -26, -126, 34); // O ellipse(14, 4, 120, 120); // T beginShape(); vertex(107, -26); vertex(107, 64); vertex(138, 64); vertex(138, -26); vertex(169, -26); vertex(169, -54); vertex(76, -54); vertex(76, -26); endShape(CLOSE); noStroke(); fill(colors[0]); ellipse(14, 4, 90, 90); textFont(createFont('Avenir Bold', 71)); fill(255, 255, 255); pushMatrix(); translate(13+two,3+two); scale(two); if (two <= 360) { rotate(two); } text("2",0,0); popMatrix(); two = lerp(two, 1, 0.09); popMatrix(); timer = 0; health = 100; button(330, 400, 75, "PLAY", "Game"); button(170, 400, 75, "SHOP", "Shop"); };//Menu function var shop = function() { background(25); bground(); fill(255, 255, 255); textFont(createFont('Avenir', 41)); text("Shop",width/2,70); textFont(createFont('Monaco', 18)); for (var i = 0; i <= 2; i++) { noFill(); stroke(255, 255, 255); if (mouseX>i140+55 && mouseX<i140+165 && mouseY>160 && mouseY<270) { if (char[0] !== char[1][i]) { if (char[2][i] > coins) { stroke(colors[3]); } else { stroke(colors[2]); } } if (clicked && char[2][i] <= coins) { char[3][i] = true; coins -= char[2][i]; char[2][i] = 0; } if (clicked && char[3][i]) { char[0]=char[1][i]; } } if (char[0] === char[1][i]) { stroke(colors[0]); } rect(i140+55,160,110,110,14); noStroke(); fill(255, 230, 0); ellipse(i140+83,250,18,18); fill(255, 255, 255); text(char[2][i],i140+110,250); text(char[1][i],i140+110,180); } noStroke(); fill(255, 255, 255); ellipse(110,215,30,30); triangle(250,205,235,230,265,230); rect(375,200,30,30); text("Player: "+char[0],width/2,300); fill(255, 230, 0); ellipse(50,60,20,20); textAlign(LEFT,CENTER); text(coins,65,60); textAlign(CENTER,CENTER); button(330, 400, 75, "PLAY", "Game"); button(170, 400, 75, "BACK", "Menu"); };//Shop function var game = function() { //Falling objects for (var i = things.length-1; i > 0; i --) { var t = things[i]; t.draw(); t.move(); if (t.d) { things.splice(i,1); } } if (frameCount%20 === 1) { things.push(new Thing(round(random(colors.length-1)))); } if (frameCount%25 === 1) { things.push(new Thing(3)); } //Player player.draw(); player.move(); player.hit(); health = constrain(health,0,100); //UI fill(0, 0, 0); rect(0,0,width,50); stroke(255, 255, 255); strokeWeight(4); line(0,50,width,50); fill(255, 255, 255); textFont(createFont('Monaco'), 19); text("Time: "+round(timer/60),width/6,25); text("Health: "+health,width/2,25); text("Coins: "+coins,width/6*5,25); timer++; if (health <= 0) { if (transitionVar[0]<350) { transitionVar[1]=5; } toScene = "Lose"; } };//Game function var lose = function() { things.splice(0); background(25); textAlign(CENTER,CENTER); bground(); textFont(createFont('Avenir', 41)); fill(255, 255, 255); text("You died!",width/2,height/5); textFont(createFont('Monaco', 18)); text("At least you lasted "+round(timer/60)+" seconds and got "+coins+" coins",width/2,height/2); button(width/2, height/1.25, 85, "HOME", "Menu"); };//Lose function draw = function() { background(0, 0, 0); textAlign(CENTER,CENTER); switch(scene) { case "Logo": logo.draw(); break; case "Menu": menu(); break; case "Shop": shop(); break; case "Game": game(); break; case "Lose": lose(); break; } cursor(overButton ? 'pointer' : 'default'); clicked = false; overButton = false; transition(); };//Draw function //Mouse and key stuff mouseClicked = function() { clicked = true; }; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; };
Folds	18,29,38,40,41,46,49,56,57,67,68,73,77,91,92,101,102,117,118,281,285,290,291,350,353,371,372,398,399,411,412,479,480,538,539,581,582,593,594,618,621,623,624,626,627,629
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgO2QhMDBCgw
Votes	193
Spin-Offs	10
Type	PJS
Width	500
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Akbaba©
Author Name	akbaba
Author ID	kaid_174146774543611492255686
Author Profile Access	PUBLIC

Archive Data

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