Viewing Program

Program Data

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

Title	Color Ballz
ID	4734600501739520
Created	4 years ago, 1615821690304
Updated	4 years ago, 1615926553522
Code	/** Color Balls * * A cool ball-sorting game * Needs fast reflexes as well as a basic understanding of physics * * I dare anyone to try to last for more than 40 seconds in the insane game mode. * * I do know that there is a glitch where the colored balls sometimes go through the black ball, but I don't know how to fix that. That usually only happens when you move your mouse too fast. * * This is really my best game I've made so far. * I didn't even need to get help from anyone! =D * Except maybe KWC (line 73) but I mean cmon it's not like there's an alternative that I can make or something. * also that colorWords function that Magma optimized it... :P * * @Protip: Start with the easy mode. * @Protip2: Sub to me. * / var grav = {x:0, y:0.15};//gravity var score = 0;//score var antiscore = 0;//antiscore var timer = 0;//timer var scene = "Logo";//scene var scene2 = 0;//scene2 var gt = 0;//game type var clicked = false;//clicked var mS = { title: 35, playButton: 300, title2: -100, buttonR1: 700, buttonR2: 700, };//for transitioning var bounciness = [0.1, 0.9];//bounciness, friction var takePic = false;//taking picture for transition var ballSpawnSpeed = 120;//speed var barrX = 0; var barrS = 2; colorMode(HSB);//color mode var col2 = [ color(0, 255, 255),//red color(25, 255, 255),//orange color(45, 255, 255),//yellow color(60, 255, 255),//light green color(100, 255, 255),//green color(140, 255, 255),//light blue color(170, 255, 255),//blue color(205, 255, 255),//purple color(225, 255, 255),//pink ];//colors var col = [ color(0, 255, 255),//red color(25, 255, 255),//orange color(45, 255, 255),//yellow color(60, 255, 255),//light green color(100, 255, 255),//green color(140, 255, 255),//light blue color(170, 255, 255),//blue color(205, 255, 255),//purple color(225, 255, 255),//pink ];//colors var curCol = [];//chosen colors var collide = function(one, two) { return dist(one.pos.x,one.pos.y,two.pos.x,two.pos.y) < (one.s+two.s)/2; }; //To replace the `new` function /@created_by MKaelin368 (KWC) (c) 2017*/ var construct = (0, function () { var result = Object.create(this.prototype); this.apply(result, arguments); return result; }); var Logo = function() { this.x = width/2; this.y = -height/2; this.s = (width >= height ? height/200 : width/200); this.r = 0; this.c = 0; this.v = 0; this.pic = false; this.xpic = 0; }; Logo.prototype.A = function() { beginShape(); vertex(50,50); vertex(20,50); vertex(-4,-19); vertex(25,-24); endShape(); beginShape(); vertex(-50,50); vertex(-20,50); vertex(4,-20.3); vertex(-28,-15.3); endShape(); beginShape(); vertex(-12,20); vertex(12,20); vertex(18,40); vertex(-18,40); endShape(); }; Logo.prototype.crown = function() { pushMatrix(); translate(-3,-25); rotate(-9.3); beginShape(); vertex(26,0); vertex(30,-20); vertex(13,-13); vertex(0,-28); vertex(-13,-13); vertex(-30,-20); vertex(-26,0); endShape(); popMatrix(); }; Logo.prototype.outline = function(thing,x,y,col,col2,s) { for (var i = s; i > 0; i --) {//glow strength for (var e = 0; e < 360; e += 20) { pushMatrix(); translate(x+cos(e)i,y+sin(e)i); fill(col,i20); thing(); popMatrix(); } } fill(col2); thing(); }; Logo.prototype.draw = function() { colorMode(RGB); background(0, 0, 0); noStroke(); for (var i = 0; i < width; i += width/20) { for (var e = 0; e < height; e += height/20) { if (sin((frameCount+(i+e))10)6 <= 3) { continue; } fill(255, 255, 255, sin((frameCount+(i+e))10)30); rect(i,e,width/20,height/20); } } pushMatrix(); translate(this.x,this.y); rotate(this.r); scale(this.s); if (this.y >= height/104-1) { this.outline(this.crown,0,0,lerpColor(color(0, 0, 0),color(255, 221, 0),this.c),lerpColor(color(0, 0, 0),color(255, 221, 0),this.c),3); } this.outline(this.A,0,0,color(255,223,0),color(0, 0, 0),3); popMatrix(); fill(255,223,0,this.v); textFont(createFont("Arial Black")); textAlign(CENTER,BOTTOM); textSize(this.s20); text("Akbaba©",width/2,height/32+(50this.s)); this.y = lerp(this.y, height/104, 0.05); this.r = lerp(this.r, 360, 0.05); if (this.y >= height/104-1) { this.c = lerp(this.c, 1, 0.01); this.v = lerp(this.v, 255, 0.01); } if (!this.pic && round(this.v) === 245 \|\| clicked) { this.pic = get(0,0,width,height); scene = "Menu"; } colorMode(HSB); }; var logo = construct.call(Logo); var Player = function() { this.pos = {x:mouseX, y:mouseY};//position this.s = 50;//size }; Player.prototype.draw = function() { fill(0, 0, 0);//color ellipse(this.pos.x,this.pos.y,this.s,this.s);//shape }; Player.prototype.move = function() { this.pos.x = mouseX;//x stays at cursor's x this.pos.y = mouseY;//y stays at cursor's y this.pos.x = constrain(this.pos.x,this.s/2,width-this.s/2); this.pos.y = constrain(this.pos.y,this.s/2,height-50-this.s/2); }; var player = construct.call(Player); var Ball = function(x2,y2,s) { this.pos = {x:x2, y:y2};//position this.vel = {x:0, y:0};//velocity this.acc = {x:0, y:0};//acceleration this.pos2 = {x:x2, y:y2}; this.pos3 = {x:x2, y:y2}; this.s = s;//size this.d = false;//terminate this.cn = round(random(curCol.length-1));//num for color this.c = curCol[this.cn];//color this.r = 0; }; Ball.prototype.draw = function() { fill(this.c, 50);//color ellipse(this.pos3.x,this.pos3.y,this.s/1.2,this.s/1.2); fill(this.c, 125);//color ellipse(this.pos2.x,this.pos2.y,this.s/1.1,this.s/1.1); fill(this.c);//color ellipse(this.pos.x,this.pos.y,this.s,this.s);//shape fill(0, 0, 0, 50); pushMatrix(); translate(this.pos.x,this.pos.y); rotate(this.r); arc(0,0,this.s,this.s,0,180);//shape popMatrix(); }; Ball.prototype.move = function() { this.vel.x += this.acc.x; this.vel.y += this.acc.y; this.pos.x += this.vel.x; this.pos.y += this.vel.y; this.acc.x = 0; this.acc.y = 0; this.vel.x = constrain(this.vel.x, -10, 10); this.vel.y = constrain(this.vel.y, -10, 10); this.acc.x += grav.x; this.acc.y += grav.y; this.pos2.x = lerp(this.pos2.x,this.pos.x,0.5); this.pos2.y = lerp(this.pos2.y,this.pos.y,0.5); this.pos3.x = lerp(this.pos3.x,this.pos2.x,0.5); this.pos3.y = lerp(this.pos3.y,this.pos2.y,0.5); this.r += this.vel.x+sin(this.pos.y)5; if (this.pos.x < this.s/2) { this.vel.x = -this.vel.x 0.9; this.pos.x = this.s/2; } if (this.pos.x > width - this.s/2) { this.vel.x = -this.vel.x * 0.9; this.pos.x = width - this.s/2; } if (this.pos.y > height + this.s/2) { this.d = true; if (this.pos.x > this.cn * (width / curCol.length) && this.pos.x <= (this.cn+1) * (width / curCol.length)) { score ++; } else { antiscore ++; } } if (collide(this, player)) { this.acc.x += bounciness[0](this.pos.x-player.pos.x)-bounciness[1]this.vel.x; this.acc.y += bounciness[0](this.pos.y-player.pos.y)-bounciness[1]this.vel.y; } }; var balls = []; var Trans = function() { this.pos = {x: 0, y: 0}; this.vel = {x: 0, y: 0}; this.acc = {x: 0, y: 0}; this.r = 0; this.pic = get(0,0,width,height); }; Trans.prototype.draw = function() { pushMatrix(); translate(this.pos.x,this.pos.y); rotate(this.r); image(this.pic,0,0,width,height); popMatrix(); }; Trans.prototype.move = function() { this.pos.x += this.vel.x; this.pos.y += this.vel.y; this.vel.x += this.acc.x; this.vel.y += this.acc.y; this.acc.x = 0; this.acc.y = 0; this.acc.x += 0.1; this.acc.y += 0.1; this.r += 0.5; }; var trans = []; var button = function(x,y,s,txt,txts,onClick,pic) { pushMatrix(); translate(x,y); fill((dist(x,y,mouseX,mouseY) <= s/2 ? s+15 : s,dist(x,y,mouseX,mouseY) <= s/2 ? 220 : 255)); stroke(100); strokeWeight(5); ellipse(0,0,dist(x,y,mouseX,mouseY) <= s/2 ? s+15 : s,dist(x,y,mouseX,mouseY) <= s/2 ? s-15 : s); fill(0); textSize(txts); textAlign(CENTER,CENTER); text(txt,0,0); popMatrix(); if (dist(x,y,mouseX,mouseY) <= s/2) { cursor(HAND); if (clicked) { if (pic) { takePic = true; } onClick(); } } }; /This function was made by Akbaba but simplified by Magma/ var colorWords = function(word, colors, x, y) { pushMatrix(); translate(x,y); textAlign(RIGHT, CENTER); for (var i = 0; i < word.length; i++) { translate(textWidth(word[i]), 0); if (cos(frameCount2+i1000)/5 >= 0) { scale(cos(frameCount2+i1000)/5+1); } fill(colors[i % colors.length]); text(word[i], 0, 0); if (cos(frameCount2+i1000)/5 >= 0) { scale(1-(cos(frameCount2+i1000)/5)); } } popMatrix(); }; var menu = function() { textSize(110); colorWords("Color Ballz",col2,mS.title,150); button(mS.playButton,400,200,"PLAY",60, function() { scene2 = 1; }, false); textSize(100); colorWords("Game Mode",col2,30,mS.title2); button(100,mS.buttonR1,150,"Easy",50,function() { bounciness = [0.1, 0.9]; ballSpawnSpeed = 120; gt = 0; scene = "Game"; for (var i = 0; i < 2; i ++) { var x = round(random(col.length-1)); curCol.push(col[x]); col.splice(x,1); } }, true); button(300,mS.buttonR1,150,"Hard",50,function() { bounciness = [0.2, 0.8]; ballSpawnSpeed = 100; gt = 1; scene = "Game"; for (var i = 0; i < 3; i ++) { var x = round(random(col.length-1)); curCol.push(col[x]); col.splice(x,1); } }, true); button(500,mS.buttonR1,150,"Time\nTrial",40,function() { bounciness = [0.3, 0.7]; ballSpawnSpeed = 100; gt = 2; scene = "Game"; for (var i = 0; i < 3; i ++) { var x = round(random(col.length-1)); curCol.push(col[x]); col.splice(x,1); } }, true); button(100,mS.buttonR2,150,"Bouncy",40,function() { bounciness = [0.8, 0.3]; ballSpawnSpeed = 120; gt = 3; scene = "Game"; for (var i = 0; i < 3; i ++) { var x = round(random(col.length-1)); curCol.push(col[x]); col.splice(x,1); } }, true); button(300,mS.buttonR2,150,"Barricade",30,function() { bounciness = [0.2, 0.8]; ballSpawnSpeed = 100; gt = 4; scene = "Game"; for (var i = 0; i < 3; i ++) { var x = round(random(col.length-1)); curCol.push(col[x]); col.splice(x,1); } }, true); button(500,mS.buttonR2,150,"Insane",40,function() { bounciness = [0.8, 0.3]; ballSpawnSpeed = 60; gt = 5; scene = "Game"; for (var i = 0; i < 4; i ++) { var x = round(random(col.length-1)); curCol.push(col[x]); col.splice(x,1); } }, true); switch(scene2) { case 0: mS.title = lerp(mS.title, 35, 0.07); mS.playButton = lerp(mS.playButton, 300, 0.07); break; case 1: mS.title = lerp(mS.title, -550, 0.05); mS.playButton = lerp(mS.playButton, 800, 0.05); mS.title2 = lerp(mS.title2, 100, 0.07); mS.buttonR1 = lerp(mS.buttonR1, 300, 0.07); mS.buttonR2 = lerp(mS.buttonR2, 500, 0.05); break; } if (logo.xpic < width) { image(logo.pic,logo.xpic,0); logo.xpic = lerp(logo.xpic,width+5,0.05); } }; var game = function() { timer ++;//timer cursor("NONE");//no cursor noStroke();//deletes stroke //Makes the boxes at the bottom for (var i = curCol.length - 1; i >= 0; i --) { fill(curCol[i]); rect(iwidth/curCol.length,height-50,width/curCol.length,120); fill(0, 0, 0, 50); triangle(iwidth/curCol.length,height-50,iwidth/curCol.length+width/curCol.length,height-50,iwidth/curCol.length,height); } //Add balls if (timer%ballSpawnSpeed === ballSpawnSpeed-1) { balls.push(construct.call(Ball,random(width), -50, random(30,50))); } switch(gt) { case 0: { fill(0, 0, 0);//makes fill textSize(50);//creates size text(score+" Balls in",300,250);//displays score text text((10-antiscore)+" Lives left",300,300);//displays life text text(floor(timer/60)+" Seconds",300,350);//displays time text //Makes the balls for (var i = balls.length - 1; i >= 0; i --) { var b = balls[i]; b.draw();//draw balls b.move();//move balls if (b.d) { balls.splice(i,1);//terminate balls } for (var e = i - 1; e >= 0; e --) { var c = balls[e]; if (collide(b,c)) {//collides balls b.acc.x += 0.5(b.pos.x-c.pos.x)-0.3b.vel.x; b.acc.y += 0.5(b.pos.y-c.pos.y)-0.3b.vel.y; c.acc.x += 0.5(c.pos.x-b.pos.x)-0.3c.vel.x; c.acc.y += 0.5(c.pos.y-b.pos.y)-0.3c.vel.y; } } } if (10 - antiscore <= 0) { scene = "Lost"; takePic = true; } } break;//easy case 1: { fill(0, 0, 0);//makes fill textSize(50);//creates size text(score+" Balls in",300,250);//displays score text text((8-antiscore)+" Lives left",300,300);//displays life text text(floor(timer/60)+" Seconds",300,350);//displays time text //Makes the balls for (var i = balls.length - 1; i >= 0; i --) { var b = balls[i]; b.draw();//draw balls b.move();//move balls if (b.d) { balls.splice(i,1);//terminate balls } for (var e = i - 1; e >= 0; e --) { var c = balls[e]; if (collide(b,c)) {//collides balls b.acc.x += 0.5(b.pos.x-c.pos.x)-0.3b.vel.x; b.acc.y += 0.5(b.pos.y-c.pos.y)-0.3b.vel.y; c.acc.x += 0.5(c.pos.x-b.pos.x)-0.3c.vel.x; c.acc.y += 0.5(c.pos.y-b.pos.y)-0.3c.vel.y; } } } if (8 - antiscore <= 0) { scene = "Lost"; takePic = true; } } break;//hard case 2: { fill(0, 0, 0);//makes fill textSize(50);//creates size text(score+" Balls in",300,250);//displays score text text(antiscore+" Balls missed",300,300);//displays life text text((90-floor(timer/60))+" Seconds left",300,350);//displays time text //Makes the balls for (var i = balls.length - 1; i >= 0; i --) { var b = balls[i]; b.draw();//draw balls b.move();//move balls if (b.d) { balls.splice(i,1);//terminate balls } for (var e = i - 1; e >= 0; e --) { var c = balls[e]; if (collide(b,c)) {//collides balls b.acc.x += 0.5(b.pos.x-c.pos.x)-0.3b.vel.x; b.acc.y += 0.5(b.pos.y-c.pos.y)-0.3b.vel.y; c.acc.x += 0.5(c.pos.x-b.pos.x)-0.3c.vel.x; c.acc.y += 0.5(c.pos.y-b.pos.y)-0.3c.vel.y; } } } if (90-floor(timer/60) <= 0) { scene = "Lost"; takePic = true; } } break;//time trial case 3: { fill(0, 0, 0);//makes fill textSize(50);//creates size text(score+" Balls in",300,250);//displays score text text((10-antiscore)+" Lives left",300,300);//displays life text text(floor(timer/60)+" Seconds",300,350);//displays time text //Makes the balls for (var i = balls.length - 1; i >= 0; i --) { var b = balls[i]; b.draw();//draw balls b.move();//move balls if (b.d) { balls.splice(i,1);//terminate balls } for (var e = i - 1; e >= 0; e --) { var c = balls[e]; if (collide(b,c)) {//collides balls b.acc.x += 0.5(b.pos.x-c.pos.x)-0.3b.vel.x; b.acc.y += 0.5(b.pos.y-c.pos.y)-0.3b.vel.y; c.acc.x += 0.5(c.pos.x-b.pos.x)-0.3c.vel.x; c.acc.y += 0.5(c.pos.y-b.pos.y)-0.3c.vel.y; } } } if (10 - antiscore <= 0) { scene = "Lost"; takePic = true; } } break;//bouncy case 4: { fill(0, 0, 0);//makes fill textSize(50);//creates size text(score+" Balls in",300,250);//displays score text text((5-antiscore)+" Lives left",300,300);//displays life text text(floor(timer/60)+" Seconds",300,350);//displays time text //Makes the balls for (var i = balls.length - 1; i >= 0; i --) { var b = balls[i]; b.draw();//draw balls b.move();//move balls if (b.d) { balls.splice(i,1);//terminate balls } for (var e = i - 1; e >= 0; e --) { var c = balls[e]; if (collide(b,c)) {//collides balls b.acc.x += 0.5(b.pos.x-c.pos.x)-0.3b.vel.x; b.acc.y += 0.5(b.pos.y-c.pos.y)-0.3b.vel.y; c.acc.x += 0.5(c.pos.x-b.pos.x)-0.3c.vel.x; c.acc.y += 0.5(c.pos.y-b.pos.y)-0.3c.vel.y; } } if (b.pos.y > 500-b.s/2 && b.pos.x-b.s/2 > barrX && b.pos.x+b.s/2 < barrX+200 && b.pos.y < 510) { b.pos.y = 500-b.s/2; b.vel.y = -b.vel.y; } } //The barricade fill(0, 0, 0); rect(barrX,500,200,10); barrX += barrS; if (barrX >= width-200) { barrS = -2; } else if (barrX <= 0) { barrS = 2; } if (5 - antiscore <= 0) { scene = "Lost"; takePic = true; } } break;//barricade case 5: { fill(0, 0, 0);//makes fill textSize(50);//creates size text(score+" Balls in",300,250);//displays score text text((10-antiscore)+" Lives left",300,300);//displays life text text(floor(timer/60)+" Seconds",300,350);//displays time text //Makes the balls for (var i = balls.length - 1; i >= 0; i --) { var b = balls[i]; b.draw();//draw balls b.move();//move balls if (b.d) { balls.splice(i,1);//terminate balls } for (var e = i - 1; e >= 0; e --) { var c = balls[e]; if (collide(b,c)) {//collides balls b.acc.x += 0.5(b.pos.x-c.pos.x)-0.3b.vel.x; b.acc.y += 0.5(b.pos.y-c.pos.y)-0.3b.vel.y; c.acc.x += 0.5(c.pos.x-b.pos.x)-0.3c.vel.x; c.acc.y += 0.5(c.pos.y-b.pos.y)-0.3c.vel.y; } } } if (10 - antiscore <= 0) { scene = "Lost"; takePic = true; } } break;//bouncy } //Makes the player player.draw();//draw player player.move();//move player }; var lost = function() { textSize(110); colorWords("You Lost",col2,80,120); fill(0, 0, 0); textSize(30); textAlign(CENTER,CENTER); text("You got "+score+" balls in. Good job.",300,260); button(300,450,200,"MENU",50, function() { score = 0; antiscore = 0; timer = 0; scene = "Menu"; for (var i = 0; i < curCol.length; i ++) { col.push(curCol[i]); } curCol.splice(0, curCol.length); balls.splice(0, balls.length); }, true); }; draw = function() { background(0, 0, 240); textAlign(CENTER,CENTER);//aligns text textFont(createFont("Segoe UI Bold"));//defines font cursor(ARROW);//cursor switch(scene) { case "Logo": logo.draw(); break; case "Menu": menu(); break; case "Game": game(); break; case "Lost": lost(); break; } if (takePic) { trans.push(construct.call(Trans)); takePic = false; } for (var i = trans.length - 1; i >= 0; i --) { var t = trans[i]; t.draw(); t.move(); if (t.pos.y >= height) { trans.splice(i,1); } } clicked = false; }; mousePressed = function() { clicked = true; };
Folds	27,33,42,52,53,63,66,68,72,76,78,87,88,107,108,122,123,135,136,178,181,184,185,188,189,194,197,208,209,222,223,261,264,270,271,277,278,288,291,314,317,333,335,431,433,671,673,692,694,730,732,734
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL2ogcO0CAw
Votes	168
Spin-Offs	2
Type	PJS
Width	600
Height	600
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, 1739366978984
Updated	10 months ago, 1739366983340
Source Deleted	unknown