Viewing Program

Program Data

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

Title	THE CIRCLE GAME!
ID	6645646689517568
Created	5 years ago, 1605539749826
Updated	5 years ago, 1605539754473
Code	// The Circle Game // Our second game!!! // This one is a whole lot better than our first one, hope you guys like it =) var state = "menu"; var score = 0; var lives = 3; var flash = 0; var circleCollide = function(a, b){ return (dist(a.x, a.y, b.x, b.y) < (a.size + b.size) / 2); }; textAlign(CENTER, CENTER); textFont(createFont('Helvetica Bold')); var Mouse = function(){ this.clicked = false; this.overButton = false; this.mode = 'default'; this.Circle = function(x, y){ this.x = x; this.y = y; this.size = 3; }; this.Circle.prototype.draw = function() { fill(240, 9, 132, 255 - this.size * 3); ellipse(this.x - 5, this.y - 9, this.size, this.size); this.size += 4; }; this.Circles = []; }; Mouse.prototype.draw = function() { cursor('none'); if(this.clicked){ this.Circles.push(new this.Circle(mouseX + 6, mouseY + 12)); } noStroke(); for(var i in this.Circles){ this.Circles[i].draw(); if(this.Circles[i].size > 255){ this.Circles.splice(i, 1); } } pushMatrix(); translate(mouseX + 6, mouseY+ 12); switch(this.mode){ case "pointer": pushMatrix(); rotate(-12); fill(240, 9, 132); rect(-7, -4, 14, 10, 5); rect(-6, 8, 11, 3, 5); rect(-6, -15, 4, 15, 5); rect(-11, 0, 10, 5, 5); popMatrix(); break; default: translate(1, 1); noStroke(); fill(0, 0, 0, 30); beginShape(); vertex(-1, -3); bezierVertex(17, 8, 3, -9, -4, -13); bezierVertex(-8, -14, -10, 18, -1, -3); endShape(); ellipse(1, 4, 5, 5); translate(-2, -2); fill(240, 9, 132); beginShape(); vertex(-1, -3); bezierVertex(17, 8, 3, -9, -4, -13); bezierVertex(-8, -14, -10, 18, -1, -3); endShape(); ellipse(1, 4, 5, 5); } popMatrix(); }; var girlCursor = new Mouse(); var Player = function(){ this.angle = 27; this.dist = 150; this.size = 30; this.angleVel = 2; this.Particle = function(x, y){ this.x = x; this.y = y; this.size = 15; this.trans = 255; }; this.Particle.prototype.draw = function() { fill(240, 9, 132, this.trans); noStroke(); ellipse(this.x, this.y, this.size, this.size); this.trans /= 1.1; this.size /= 1.01; }; this.Particles = []; }; Player.prototype.draw = function() { this.x = 200 + sin(this.angle) * this.dist; this.y = 200 + cos(this.angle) * this.dist; if(frameCount % 5 === 0){ this.Particles.push(new this.Particle(this.x, this.y)); } for(var i in this.Particles){ this.Particles[i].draw(); if(this.Particles[i].trans < 5){ this.Particles.splice(i, 1); } } fill(240, 9, 132); ellipse(this.x, this.y, this.size, this.size); this.angle += this.angleVel; if(girlCursor.clicked){ this.angleVel = - this.angleVel; } }; var player = new Player(); var Ball = function(){ this.dist = 0; this.angle = random(360); this.size = 15; this.trans = 0; this.fade = false; }; Ball.prototype.draw = function() { this.x = 200 + sin(this.angle) * this.dist; this.y = 200 + cos(this.angle) * this.dist; noStroke(); fill(255, 255, 255, this.trans); ellipse(this.x, this.y, this.size, this.size); if(!this.fade){ if(this.trans < 250){ this.trans += 10; } else { this.dist ++; } } else { this.trans /= 1.1; } }; var Balls = []; var Bonus = function(){ this.angle = random(360); this.size = 20; this.deleteMe = false; this.trans = 0; this.timer = 1000; }; Bonus.prototype.draw = function() { this.x = 200 + sin(this.angle) * 150; this.y = 200 + cos(this.angle) * 150; noStroke(); fill(45, 45, 45, this.trans); ellipse(this.x, this.y, this.size, this.size); fill(245, this.trans); textSize(15); text("+", this.x, this.y - 2); if(this.timer > 0){ this.timer -= 5; if(this.trans < 250){ this.trans += 10; } } else { this.trans /= 1.1; } if(this.trans < 5){ this.deleteMe = true; } }; var Bonuses = []; var Button = function(x, y, size, txt, next){ this.x = x; this.y = y; this.size = size; this.plusSize = 0; this.txt = txt; this.next = next; this.trans = 0; }; Button.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); scale(this.plusSize + this.size / 60); noFill(); strokeWeight(2); stroke(240, 9, 132); fill(45, 45, 45, this.trans); ellipse(0, 0, 60, 60); stroke(240 + this.trans, 9 + this.trans, 132 + this.trans); switch(this.txt){ case "play": triangle(17, 0, -10, -14, -10, 15); break; case "about": strokeWeight(3); line(-13, -10, 13, -10); line(-13, 0, 13, 0); line(-13, 10, 13, 10); break; case "how": fill(240 + this.trans, 9 + this.trans, 132 + this.trans); textSize(30); text("?", 0, 0); break; } popMatrix(); if(dist(mouseX, mouseY, this.x, this.y) < this.size / 2){ girlCursor.mode = "pointer"; this.trans += (255 - this.trans) / 5; this.plusSize += (0.1 - this.plusSize) / 5; if(girlCursor.clicked){ state = this.next; if(this.next === "game"){ Balls = []; Bonuses = []; player = new Player(); lives = 3; score = 0; } } } else { this.trans /= 1.1; this.plusSize /= 1.1; } }; var Buttons = { menu: [ new Button(200, 350, 67, "play", "game"), new Button(115, 320, 60, "about", "about"), new Button(285, 320, 60, "how", "how"), ], lost: [ new Button(200, 325, 100, "about", "menu"), new Button(350, 355, 50, "play", "game"), ], back: new Button(50, 350, 50, "about", "menu"), }; draw = function() { background(255, 222, 242); switch(state){ case "menu": fill(240, 9, 132); textSize(40); text('THE\nCIRCLE\nGAME', 200, 170); noFill(); stroke(240, 9, 132); strokeWeight(5); ellipse(200, 170, 250, 250); strokeWeight(2); ellipse(200, 170, 230, 230); for(var i in Buttons.menu){ Buttons.menu[i].draw(); } fill(255); textSize(15); text("KA GIRLS 2020", 338, 386); break; case "game": noFill(); strokeWeight(1); stroke(240, 9, 132, 100); for(var i = 0; i < 360; i += 10){ arc(200, 200, 300, 300, 0 + i, 2 + i); } //ellipse(200, 200, 300, 300); if(frameCount % 25 === 0){ Balls.push(new Ball()); } for(var i in Balls){ Balls[i].draw(); if(!Balls[i].fade){ if(circleCollide(player, Balls[i])){ lives --; flash = 255; Balls[i].fade = true; } } if(Balls.dist > 500){ Balls.splice(i, 1); } } if(frameCount % 250 === 0){ Bonuses.push(new Bonus()); } for(var i in Bonuses){ Bonuses[i].draw(); if(circleCollide(player, Bonuses[i]) && Bonuses[i].timer > 0){ Bonuses[i].timer = 0; score += 10; } if(Bonuses[i].deleteMe){ Bonuses.splice(i, 1); } } player.draw(); fill(255); textSize(20); text('Score: ' + floor(score), 200, 25); text('Lives: ' + lives, 200, 375); noStroke(); fill(255, 0, 136, flash); rect(0, 0, width, height); flash /= 1.1; score += 0.02; if(lives < 0){ state = "lost"; } break; case "lost": fill(255); textSize(30); text("YOUR SCORE: ", 200, 61); textSize(181); text(floor(score), 200, 154); for(var i in Buttons.lost){ Buttons.lost[i].draw(); } break; case "about": fill(240, 9, 132); textSize(30); text('ABOUT', 200, 70); textSize(20); text('This game was made by\nthe KA Girls, a coding\ngroup that likes to make\nstuff together.\n\nCheck the code to see\nhow this game works!', 200, 217); Buttons.back.draw(); break; case "how": fill(240, 9, 132); textSize(30); text('HOW TO PLAY', 200, 70); textSize(20); text('Click the mouse to switch\nthe direction\n\nDodge the white balls\n\nGrab the dark circles for\nan extra bonus\n\nHave fun!', 200, 217); Buttons.back.draw(); break; } if(!girlCursor.out){ girlCursor.draw(); } girlCursor.clicked = false; girlCursor.mode = "default"; }; mouseOut = function(){ girlCursor.out = true; }; mouseOver = function(){ girlCursor.out = false; }; mouseClicked = function(){ girlCursor.clicked = true; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgO2R44XnCww
Votes	208
Spin-Offs	5
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	KA Girls
Author Name	kagirls
Author ID	kaid_454138257174045231694210
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739460289880
Updated	10 months ago, 1739460296834
Source Deleted	unknown