Viewing Program

Program Data

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

Title	RIPPLE
ID	4902737146576896
Created	7 years ago, 1534782974746
Updated	1 years ago, 1706307173724
Code	// My twenty-third game! // Like last time, thanks to the Green Ghost Group for giving advice! // Spin-off proof is required to get on the leaderboard. // Started: 8/14/2018 // Finished: 8/19/2018 // Released: 8/20/2018 // 8/20/2018: It's out! 53 votes, second on the hotlist! // 8/21/2018: 91 votes, top of the hotlist! // 8/22/2018: 124 votes, third on the hotlist. // 8/25/2018: 149 votes! smooth(); var scene = "logo"; var f = createFont("Sans-serif Bold"); var f2 = createFont("monospace"); var player, ripples; var highStr = ""; var highScores = [ {name : "TunsAXP", score: 99}, {name : "Redset12_", score: 118}, {name : "Ethan Foy", score: 118}, {name : "AngusMacgyver", score: 107}, {name : "Rowan", score: 114} ]; highScores = highScores.sort(function(a, b) { return b.score - a.score; }); var colors = [ color(255, 0, 0), color(0, 255, 0), color(80, 80, 255), color(255, 255, 0) ]; var click = false, overButton = false, delag = false; var keys = []; var flash = 255; var bName = ""; var bFade = 0; var play, how, scores, controls, quality, back; var Smooth = function(pos, dest, div) { return (dest - pos) / div; }; var GGLogo = function(x, y, size, opac) { noStroke(); fill(0, 170, 0, opac); pushMatrix(); translate(x, y); scale(size / 600, size / 600); beginShape(); vertex(-270, 20); bezierVertex(-600, 250, -700, 600, -50, 600); vertex(-125, 400); vertex(-255, 480); bezierVertex(-305, 430, -395, 280, -205, 180); endShape(); beginShape(); vertex(270, 20); bezierVertex(600, 250, 700, 600, 50, 600); vertex(125, 400); vertex(255, 480); bezierVertex(305, 430, 395, 280, 205, 180); endShape(); arc(0, 600, 1200, 1300, 249, 291); popMatrix(); }; var logo = { GGFade : 0, particles : [], stars : [], rippleSize : 0, rippleFade : 0, loaded : false, timer : 0, x : 600, y : -800, gravity : 3, reset : false, textR : 90, textScale : 0, textX : 0, textY : -100, display : function() { this.timer ++; if (!this.loaded) { for (var i = 0; i < 100; i++) { this.stars.push({x : random(width), y : random(height - 30), size : random(2, 4), plus : random(360)}); } this.loaded = true; } background(0, 0, 0); noStroke(); for (var i = 0; i < this.stars.length; i++) { fill(255, 255, 255, 100 + sin(frameCount * 3 + this.stars[i].plus) * 50); ellipse(this.stars[i].x, this.stars[i].y, this.stars[i].size, this.stars[i].size); } fill(0, 0, 0); ellipse(0, 1300, 1970, 1970); noFill(); strokeWeight(25); for (var i = 0; i < 10; i++) { stroke(0, 200, 0, 20 + i * 3); ellipse(0, 1300, 1500 + i * 50, 1500 + i * 50); } stroke(0, 60, 0); ellipse(0, 1300, 1970, 1970); stroke(0, 100, 0); strokeWeight(15); bezier(100, 320, 100, 300, 80, 220, 80, 200); bezier(270, 345, 260, 300, 280, 250, 280, 200); bezier(220, 335, 220, 310, 180, 290, 210, 270); bezier(300, 350, 300, 300, 325, 280, 320, 260); strokeWeight(3); fill(0, 70, 0); ellipse(80, 200, 40, 40); ellipse(280, 200, 50, 50); ellipse(210, 270, 45, 45); ellipse(320, 260, 40, 40); for (var i = 0; i < this.particles.length; i++) { ellipse(this.particles[i].x, this.particles[i].y, this.particles[i].size, this.particles[i].size); this.particles[i].size -= 2; this.particles[i].x -= this.particles[i].gravity / 3; this.particles[i].y += this.particles[i].gravity; } if (this.y < 400) { this.x -= this.gravity / 3; this.y += this.gravity; this.gravity += 0.2; if (this.timer % 3 === 0) { this.particles.push({x : this.x + random(-10, 10), y : this.y, size : 30, gravity : -this.gravity}); } ellipse(this.x, this.y, 45, 45); } else { if (!this.reset) { this.rippleFade = 255; this.reset = true; } this.rippleFade -= 3; this.rippleSize += 3; this.GGFade += Smooth(this.GGFade, 255, 30); } pushMatrix(); translate(180, 445); scale(1, 0.6); rotate(-45); GGLogo(0, -60, 180, this.GGFade); stroke(0, 200, 0, this.rippleFade); strokeWeight(4); noFill(); ellipse(0, 0, this.rippleSize, this.rippleSize); popMatrix(); fill(0, 200, 0, 160); if (this.GGFade > 200) { textAlign(CENTER, CENTER); textFont(f, 70); pushMatrix(); translate(this.textX, this.textY); scale(this.textScale, 1); rotate(this.textR); text("GREEN GHOST", 0, 0); popMatrix(); this.textX += Smooth(this.textX, 300, 10); this.textY += Smooth(this.textY, 80, 10); this.textR += Smooth(this.textR, 0, 10); this.textScale += Smooth(this.textScale, 1, 10); } if (this.timer > 300 \|\| click) { flash = 255; scene = "menu"; } } }; var title = { canvas : createGraphics(400, 400, P2D), x : 0, display : function(y) { this.canvas.background(255, 255, 255, 0); this.canvas.textFont(f, 100); this.canvas.textAlign(LEFT, TOP); this.canvas.fill(255 - y * 2, 255 - y * 1.8, 255); this.canvas.text("RIPPLE", -8, -13); this.canvas.fill(255, 255, 255, 100); this.canvas.text("RIPPLE", -5, -13); return this.canvas.get(0, y, this.canvas.textWidth("RIPPLE"), 5); } }; var littleGuy = function(x, y, size, c) { pushMatrix(); translate(x, y); scale(size / 100, size / 100); noStroke(); fill(c, 120); ellipse(0, 0, 200, 200); ellipse(-35, 35, 70, 70); ellipse(50, 10, 45, 45); ellipse(-10, -40, 25, 25); pushMatrix(); rotate(frameCount / 1.5); for (var i = 0; i < 8; i++) { rotate(45); rect(-30, 90, 60, 20); } popMatrix(); pushMatrix(); rotate(frameCount); for (var i = 0; i < 10; i++) { rotate(36); ellipse(-15, 130, 30, 30); } popMatrix(); fill(0, 0, 0); ellipse(-35, -20, 25, 25); ellipse(35, -20, 25, 25); arc(0, 20, 30, 30, 0, 180); popMatrix(); }; / Player constructor / // { var Player = function() { this.x = 0; this.y = 0; this.angle = 180; this.veloc = 0; this.colorNum = 0; this.score = 0; this.highScore = 0; this.difR = 0; this.scoreSize = 40; this.scoreFade = 0; this.direc = 1; }; Player.prototype.display = function() { this.x = 300 + sin(this.angle) * 250; this.y = 300 - cos(this.angle) * 250; littleGuy(this.x, this.y, 20, colors[this.colorNum]); this.angle = this.angle % 360; }; Player.prototype.move = function() { if (keys[LEFT]) { this.veloc += 0.3 * this.direc; } if (keys[RIGHT]) { this.veloc -= 0.3 * this.direc; } this.veloc = constrain(this.veloc, -5, 5); this.veloc += this.veloc < 0 ? 0.1 : this.veloc > 0 ? -0.1 : 0; this.angle += Math.round(this.veloc); this.colorNum = keys[49] ? 0 : keys[50] ? 1 : keys[51] ? 2 : keys[52] ? 3 : this.colorNum; }; Player.prototype.detect = function() { for (var i = 0; i < ripples.ripples.length; i++) { if (ripples.ripples[i].size === 500) { if (this.colorNum === this.getTouch(i)) { this.score ++; this.scoreSize = 50; ripples.timeTo --; ripples.ripples[i].past = true; } else { scene = "end"; title.x = 0; title.fade = 255; play.shrink = false; this.reset(); ripples.reset(); flash = 255; } } } }; Player.prototype.getTouch = function(index) { this.difR = this.angle - ripples.ripples[index].r - 90; if (this.difR < 0) { this.difR += 360; } return ripples.ripples[index].colors[Math.floor((this.difR) / 90)]; }; Player.prototype.showScore = function() { textFont(f, this.scoreSize); textAlign(CENTER, CENTER); fill(255, 255, 255, this.scoreFade); text(this.score, 300, 300); this.scoreSize += Smooth(this.scoreSize, 40, 10); this.scoreFade += 2; }; Player.prototype.reset = function() { this.x = 0; this.y = 0; this.angle = 180; this.veloc = 0; this.colorNum = 0; this.highScore = Math.max(this.score, this.highScore); this.scoreFade = 0; this.scoreSize = 40; }; // } player = new Player(); / Ripple constructor / // { var Ripple = function() { this.size = 0; this.colors = []; for (var i = 0; i < 4; i++) { this.colors.push(Math.floor(random(colors.length))); } this.glows = []; this.r = Math.floor(random(90)); this.past = false; }; Ripple.prototype.display = function() { strokeCap(SQUARE); pushMatrix(); translate(300, 300); rotate(this.r); noFill(); if (!delag) { strokeWeight(5); if (frameCount % 5 === 0) { for (var i = 0; i < this.colors.length; i++) { this.glows.push(this.glow(i)); } } for (var i = this.glows.length - 1; i > -1; i--) { stroke(colors[this.glows[i].color], this.glows[i].opac); arc(0, 0, this.glows[i].size, this.glows[i].size, this.glows[i].r * 90, this.glows[i].r * 90 + 90); this.glows[i].opac -= 3; if (this.glows[i].opac < 1) { this.glows.splice(i, 1); } } } strokeWeight(10); for (var i = 0; i < this.colors.length; i++) { stroke(colors[this.colors[i]]); if (this.past) { stroke(red(colors[this.colors[i]]) + 120, green(colors[this.colors[i]]) + 120, blue(colors[this.colors[i]]) + 120); } arc(0, 0, this.size, this.size, i * 90, i * 90 + 90); } popMatrix(); }; Ripple.prototype.done = function() { return this.size > 850; }; Ripple.prototype.glow = function(index) { return { size : this.size, color : this.colors[index], opac : 80, r : index }; }; // } / Ripples constructor / // { var Ripples = function() { this.ripples = []; this.time = 120; this.timeTo = 120; this.resetCount = 0; }; Ripples.prototype.display = function() { this.time --; if (this.time < 1) { this.resetCount ++; this.time = this.timeTo; this.ripples.push(new Ripple()); } for (var i = this.ripples.length - 1; i > -1; i--) { this.ripples[i].display(); this.ripples[i].size += 4; if (this.ripples[i].done()) { this.ripples.splice(i, 1); } } noStroke(); fill(70, 70, 70); ellipse(300, 300, 100, 100); fill(255, 255, 255, 40); ellipse(303, 297, 80, 80); pushMatrix(); translate(300, 300); rotate(-45); ellipse(30, 0, 15, 25); popMatrix(); }; Ripples.prototype.reset = function() { this.ripples = []; this.time = 120; this.timeTo = 120; this.resetCount = 0; }; // } ripples = new Ripples(); / Button constructor and instances / // { var Button = function(x, y, size, pic, func, name) { this.x = x; this.y = y; this.size = size; this.pic = pic; this.func = func; this.scale = 1; this.picR = 0; this.picSize = 1; this.shrink = false; this.name = name; }; Button.prototype.display = function() { pushMatrix(); translate(this.x, this.y); scale(this.scale, this.scale); noStroke(); fill(70, 70, 70); ellipse(0, 0, this.size, this.size); fill(255, 255, 255, 40); ellipse(this.size / 100 * 3, -this.size / 100 * 3, this.size / 5 * 4, this.size / 5 * 4); pushMatrix(); rotate(this.picR); scale(this.picSize, this.picSize); this.pic(); popMatrix(); fill(255, 255, 255, 40); rotate(-45); ellipse(this.size / 10 * 3, 0, this.size / 20 * 3, this.size / 4); popMatrix(); if (this.shrink) { this.picR += 5; this.picSize += Smooth(this.picSize, 0, 15); } else { this.picR = 0; this.picSize = 1; } }; Button.prototype.check = function() { return dist(this.x, this.y, mouseX, mouseY) < this.size / 2; }; Button.prototype.pack = function() { if (this.check()) { overButton = true; this.scale += Smooth(this.scale, 1.1, 10); bName = this.name; if (click) { this.shrink = true; this.func(); } } else { this.scale += Smooth(this.scale, 1, 10); } this.display(); }; play = new Button(300, 300, 100, function() { fill(255, 255, 255); triangle(30, 0, -15, -25, -15, 25); }, function() { scene = "game"; player.score = 0; }, "Play"); how = new Button(150, 500, 80, function() { fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(40); text("?", 0, 0); this.shrink = false; }, function() { scene = "how"; flash = 255; }, "Instructions"); scores = new Button(250, 500, 80, function() { fill(255, 255, 255); rect(-15, -10, 30, 5); rect(-15, 0, 30, 5); rect(-15, 10, 30, 5); this.shrink = false; }, function() { scene = "scores"; flash = 255; }, "High Scores"); controls = new Button(350, 500, 80, function() { translate(0, -10); if (player.direc < 0) { translate(0, 20); rotate(180); } strokeCap(SQUARE); stroke(255, 255, 255); strokeWeight(4); noFill(); arc(0, 0, 50, 50, 20, 160); line(-25, 10, -10, 15); line(-25, 10, -20, 25); line(25, 10, 10, 15); line(25, 10, 20, 25); noStroke(); fill(255, 255, 255); ellipse(-25, 10, 5, 5); ellipse(25, 10, 5, 5); textAlign(CENTER, CENTER); this.shrink = false; }, function() { player.direc = -player.direc; }, "Direction"); quality = new Button(450, 500, 80, function() { fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(23); text("Lag:\n" + (delag ? "Low" : "High"), 0, 0); this.shrink = false; }, function() { delag = !delag; }, "Graphics"); back = new Button(50, 550, 80, function() { fill(255, 255, 255); triangle(-20, 0, 0, -12, 0, 12); rect(0, -5, 20, 10); this.shrink = false; }, function() { scene = "menu"; flash = 255; }, "Back"); // } var drawTitle = function(amount) { imageMode(CENTER); if (title.x < 500) { for (var i = 0; i < 20; i++) { image(title.display(i * 5), 305 + sin(i * 20 + amount) * 10 + title.x, 55 + i * 5); } } }; var game = function() { background(0, 0, 0); if (delag && title.x < 500) { textSize(100); textAlign(CENTER, CENTER); fill(255, 255, 255); text("RIPPLE", 300 + title.x, 100); fill(255, 255, 255, 100); text("RIPPLE", 297 + title.x, 100); } else { drawTitle(frameCount); } if (title.x < 300) { strokeWeight(5); noFill(); for (var i = 0; i < 4; i++) { stroke(lerpColor(colors[0], colors[2], (i + 1) / 4)); ellipse(300, 300, 110 + i * 40 + title.x * 2, 110 + i * 40 + title.x * 2); } pushMatrix(); translate(0, title.x); how.pack(); scores.pack(); controls.pack(); quality.pack(); popMatrix(); } title.x += Smooth(title.x, 600, 10); if (title.x < 200) { textAlign(LEFT, TOP); textSize(25); fill(255, 255, 255); text("High Score: " + player.highScore, 5, -title.x / 4); } ripples.display(); if (Math.floor(play.picSize * 10) > 0) { play.display(); } player.move(); player.detect(); player.showScore(); player.display(); }; var menu = function() { background(0, 0, 0); textAlign(LEFT, TOP); textSize(25); fill(255, 255, 255); text("High Score: " + player.highScore, 5, 0); if (delag) { textSize(100); textAlign(CENTER, CENTER); fill(255, 255, 255, 100); text("RIPPLE", 297, 100); fill(255, 255, 255); text("RIPPLE", 300, 100); } else { drawTitle(frameCount); } strokeWeight(5); noFill(); for (var i = 0; i < 4; i++) { stroke(lerpColor(colors[0], colors[2], (i + 1) / 4)); ellipse(300, 300, 110 + i * 40, 110 + i * 40); } play.pack(); how.pack(); scores.pack(); controls.pack(); quality.pack(); if (how.check() \|\| scores.check() \|\| controls.check() \|\| quality.check()) { bFade += Smooth(bFade, 255, 8); } else { bFade += Smooth(bFade, 0, 5); } fill(150, 150, 150, bFade); rect(Math.floor(mouseX / 100) * 100 + 50, 400, ((mouseX > width / 2) ? -220 : 220), 40); textSize(30); textAlign(CENTER, CENTER); fill(255, 255, 255, bFade); text(bName, Math.floor(mouseX / 100) * 100 + ((mouseX > width / 2) ? -60 : 160), 420); }; var instructions = function() { background(0, 0, 0); textAlign(CENTER, CENTER); textSize(60); fill(255, 255, 255, 100); text("INSTRUCTIONS", 297, 50); fill(255, 255, 255); text("INSTRUCTIONS", 300, 50); textSize(27); text("Use the arrow keys to move. Use the 1-4 keys to change your color.\n1 = Red\n2 = Green\n3 = Blue\n4 = Yellow\nTry to match your color to the part of the ring that touches you.", 50, 50, 500, 500); back.pack(); }; var drawHighScores = function() { background(0, 0, 0); textAlign(CENTER, CENTER); textSize(60); fill(255, 255, 255, 100); text("HIGH SCORES", 297, 50); fill(255, 255, 255); text("HIGH SCORES", 300, 50); textFont(f2, 30); for (var i = 0; i < highScores.length; i++) { highStr = highScores[i].name + " "; while (highStr.length + highScores[i].score.toString().length < 20) { highStr += "."; } highStr += " "; highStr += highScores[i].score; text((i + 1) + ". " + highStr, 300, 220 + i * 35); } back.pack(); }; var gameOver = function() { background(0, 0, 0); textAlign(CENTER, CENTER); textSize(70); fill(255, 255, 255, 100); text("GAME OVER!", 297, 50); fill(255, 255, 255); text("GAME OVER!", 300, 50); textSize(50); text("Score: " + player.score, 300, 250); text("High Score: " + player.highScore, 300, 350); littleGuy(400, 500, 40, color(255, 0, 0)); back.pack(); }; /* draw = function() { textFont(f); cursor(overButton ? "pointer" : "default"); overButton = false; switch (scene) { case "logo": logo.display(); break; case "game": game(); break; case "menu": menu(); break; case "how": instructions(); break; case "scores": drawHighScores(); break; case "end": gameOver(); break; } noStroke(); fill(0, 0, 0, flash); flash += Smooth(flash, 0, 30); rect(0, 0, width, height); click = false; }; mouseClicked = function() { click = true; }; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; */ throw { message : "It looks like you're trying to play a game that sucks! Try playing CQ 2 instead!\nkhanacademy.org/cs/i/6449281631830016" };
Folds	25,31,33,35,37,42,54,56,58,80,82,190,192,205,207,241,244,328,333,390,393,433,438,572,574,581,583,625,627,668,670,681,683,702,704,717,719,748,750,752,754,756,758,760
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLKQt-DaCAw
Votes	216
Spin-Offs	13
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Green Ghost
Author Name	GreenGhost1
Author ID	kaid_145655330786057731504264
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739371522838
Updated	10 months ago, 1739371533280
Source Deleted	unknown