Viewing Program

Program Data

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

Title	Color Jump! \| A Game by ARC
ID	4862383795683328
Created	4 years ago, 1610380846935
Updated	4 years ago, 1610411718161
Code	/ Welcome to my latest game: ██████╗ ██████╗ ██╗ ██████╗ ██████╗ ██╗██╗ ██╗███╗ ███╗██████╗ ██╗ ██╔════╝██╔═══██╗██║ ██╔═══██╗██╔══██╗ ██║██║ ██║████╗ ████║██╔══██╗██║ ██║ ██║ ██║██║ ██║ ██║██████╔╝ ██║██║ ██║██╔████╔██║██████╔╝██║ ██║ ██║ ██║██║ ██║ ██║██╔══██╗ ██ ██║██║ ██║██║╚██╔╝██║██╔═══╝ ╚═╝ ╚██████╗╚██████╔╝███████╗╚██████╔╝██║ ██║ ╚█████╔╝╚██████╔╝██║ ╚═╝ ██║██║ ██╗ ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═╝ ╚═╝ ╚════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝ Like this? @SUBSCRIBE_HERE for more! https://www.khanacademy.org/computer-programming/subscribe-to-a-random-coder-arc/5433664836812800 Updated the leaderboard! / (function() {return this;})().LoopProtector.prototype.leave = function() {}; var leaders = [ ["$$$Mason C$$$", 41], ["Prakhar Tiwari", 67], ["Brayden", 32], ["Cheez Produx", 55], ["OJK07", 54], ["Kavin", 31], ["The Code Panda", 56], ["Wolfie Programming", 37], ["ThirstyMonster", 31], ["Tzar Holland", 32], ]; leaders.sort(function(a, b) {return b[1]-a[1];}); var scene = 'intro', mouseIs = ARROW; textFont(createFont('courier Bold')); textAlign(CENTER, CENTER); smooth(); var colors = [color(255, 0, 132), color(255, 203, 0), color(255, 139, 4), color(76, 218, 100), color(159, 23, 195), color(53, 169, 220)]; var leftWall = [colors[1]]; var rightWall = [colors[0]]; var framecount = 0; var waitForGame = true; var trans = {}, player = {}; function rndm (a) { return a[floor(random(a.length))]; } function Smooth (p, d, t) { return (d-p) / t; } function mouseInCircle (x, y, s) { return dist(x, y, mouseX, mouseY) < s/2; } function circleInRect (cx, cy, r, x, y, w, h) { return dist(constrain(cx, x, x+w), constrain(cy, y, y+h), cx, cy) < r; } function Bounce (pos, des, speed, bounciness) { this.pos = pos; this.des = des; this.speed = speed / 10; this.bounciness = bounciness \|\| 1; this.vel = Smooth(pos, des, 50); } Bounce.prototype.move = function() { this.vel += (this.pos < this.des? this.bounciness: -this.bounciness) + (this.vel < 0? this.speed: -this.speed); if (Math.abs(this.pos - this.des) < 0.05 && this.vel < this.speed * 5) { this.pos = this.des; this.vel = 0; } else { this.pos += this.vel; } }; function deathPart (x, y, clr) { this.x = x; this.y = y; this.clr = clr; this.xVel = random(-20, 20); this.yVel = random(-20, 20); this.s = random(3, 15); } deathPart.prototype.draw = function() { this.x += this.xVel; this.y += this.yVel; this.xVel = lerp(this.xVel, 0, 0.05); this.yVel = lerp(this.yVel, 0, 0.05); noStroke(); fill(this.clr); ellipse(this.x, this.y, this.s, this.s); }; function bouncePart (x, y, clr) { this.x = x; this.y = y; this.clr = clr; this.xVel = random(-10, 10); this.yVel = random(-10, 10); this.s = random(3, 15); this.a = 255; } bouncePart.prototype.draw = function() { this.x += this.xVel; this.y += this.yVel; this.xVel = lerp(this.xVel, 0, 0.1); this.yVel = lerp(this.yVel, 0, 0.1); this.a = lerp(this.a, 0, 0.05); noStroke(); fill(this.clr, this.a); ellipse(this.x, this.y, this.s, this.s); }; function rainbowText (txt, x, y, o, a) { a = a \|\| 255; var ox = 0; var X = x - textWidth(txt)/2; for (var i = 0; i < txt.length; i++) { fill(0, 70-(70-(a/255)70)); text(txt[i], X+ox+o, y+o); fill(colors[i%5], a); text(txt[i], X+ox, y); ox += textWidth(txt[i]); } } var compliments = ["Awesome!", "Spectacular!", "Amazing", "Incredible!", "Super!", "Outstanding!", "Terrific!", "Stellar!", "Perfect!", "10/10!"]; function Compliment () { this.x = random(100, width-100); this.y = random(100, height-100); this.txt = rndm(compliments); this.a = 255; this.r = random(-30, 30); } Compliment.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(sin(frameCount20)20+this.r); textSize(50); rainbowText(this.txt, 0, 0, 5, this.a); this.a -= 5; popMatrix(); }; var parts = []; function midBlock () { this.x = width/2-10+random(-50, 50); this.y = -200; this.w = 20; this.h = random(30, 100); this.speed = 5; this.dir = 1; } midBlock.prototype.draw = function() { noStroke(); fill(50); rect(this.x, this.y, this.w, this.h); this.y += this.speed; }; var midBlocks = []; var coins = []; function polygon () { var a = arguments; if (a.length%2!==0) { throw { message: "Invalid use of 'polygon'" }; } beginShape(); for (var i = 0; i < a.length; i += 2) { vertex(a[i], a[i+1]); } endShape(); } background(0, 0); noStroke(); fill(255, 200, 0); polygon(0, 50, 50, 0, 350, 0, 400, 50, 400, 350, 350, 400, 50, 400, 0, 350); fill(255, 255, 0); polygon(50, 100, 100, 50, 300, 50, 350, 100, 350, 300, 300, 350, 100, 350, 50, 300); fill(255, 200, 0); textSize(200); text("$", 200, 200); var coinImg = get(0, 0, 400, 400); function Coin () { this.x = random(50, width-50); this.y = random(50, height-50); this.r = 12; this.t = 0; } Coin.prototype.draw = function() { imageMode(CENTER); image(coinImg, this.x, this.y, sin(frameCount5)this.r2, this.r2); imageMode(CORNER); ++this.t; }; function drawSkin(skin, clr, x, y, s, rot) { s = s \|\| 1; rot = rot \|\| 0; var r = player.r; pushMatrix(); translate(x, y); scale(s); rotate(rot); noStroke(); fill(clr); switch (skin) { case 'circle': ellipse(0, 0, r2, r2); break; case 'triangle': triangle(-r1.5, -r1.5, -r1.5, r1.5, r1.5, 0); break; case 'square': rect(-r, -r, r2, r2); break; case 'bird': rect(-r, -r, r2, r2, 10); triangle(-r, -r0.5, -r, 0, -r1.5, -r0.5); fill(255); ellipse(r0.5, -r0.5, 5, 5); fill(0); ellipse(r0.5+1, -r0.5, 2, 3); fill(0, 30); rect(-r, 0, r2, r, 0, 0, 10, 10); fill(lerpColor(clr, 0, 0.5)); triangle(-r0.75, 0, -r0.75, r0.75, 0, 0); fill(255, 255, 0); triangle(r, -r0.5, r1.5, 0, r, r0.5); fill(0, 30); triangle(r, 0, r1.5, 0, r, r0.5); break; case 'rubber duck': arc(0, 0, r2, r2, 0, 180); fill(255, 150, 0); rect(r0.7, -r0.5, r0.5, r0.25, 10); fill(clr); ellipse(r0.5, -r0.4, r, r); fill(255); ellipse(r0.6, -r0.5, 5, 5); fill(0); ellipse(r0.6+1, -r0.5, 2, 3); break; case 'baseball': ellipse(0, 0, r2, r2); stroke(0); strokeWeight(1); noFill(); arc(-r0.7, 0, r0.7, r1.1, -90, 90); arc(r0.7, 0, r0.7, r1.1, 90, 270); for (var i = 0; i < 180; i += 30) { line(-r0.7+sin(i)r0.5/2, cos(i)r0.9/2, -r0.7+sin(i)r0.9/2, cos(i)r1.3/2); } for (var i = 180; i < 360; i += 30) { line(r0.7+sin(i)r0.5/2, cos(i)r0.9/2, r0.7+sin(i)r0.9/2, cos(i)r1.3/2); } break; case 'basketball': ellipse(0, 0, r2, r2); stroke(0); strokeWeight(1); noFill(); arc(-r0.7, 0, r/2, r1.1, -90, 90); arc(r0.7, 0, r/2, r1.1, 90, 270); arc(0, 0, r2, r0.2, 0, 180); arc(0, 0, r0.2, r2, -90, 90); break; case 'burger': arc(0, -r0.1, r2, r1.8, 180, 360); rect(-r, r0.3, r2, r0.7, 0 ,0, 20, 20); fill(lerpColor(clr, 0, 0.75)); rect(-r1.1, -r0.1, r2.2, r0.4, 20); ellipse(-r0.5, -r0.5, 2, 2); ellipse(r0.5, -r0.3, 2, 2); ellipse(-r0.2, -r0.6, 2, 2); ellipse(r0.15, -r0.7, 2, 2); ellipse(r0.1, -r0.3, 2, 2); break; case 'candy': fill(lerpColor(clr, 0, 0.3)); triangle(0, 0, -r1.5, -r0.5, -r1.5, r0.5); triangle(0, 0, r1.5, -r0.5, r1.5, r0.5); for (var i = 0; i < 360; i += 20) { fill(i%40===0?clr:255); triangle(0, 0, sin(i)r, cos(i)r, sin(i+20)r, cos(i+20)r); } break; case 'winston': //fill(colors[1]); ellipse(0, 0, r2, r2); fill(lerpColor(clr, 0, 0.75)); ellipse(-r0.6, -r0.1, 4, 4); ellipse(r0.7, -r0.2, 4, 4); fill(200, 0, 0); ellipse(r0.2, r0.45, r0.6, r0.8); break; } popMatrix(); } var moveRight = false; var rightO = 0; var moveLeft = false; var leftO = 0; function Player () { this.x = 250; this.y = 300; this.sx = 1; this.score = 0; this.dir = 1; this.speed = 3; this.yVel = 0; this.jumpPower = 7; this.r = 15; this.clr = colors[0]; this.pastPos = []; this.dead = false; this.skin = 'circle'; this.pressTimer = 0; this.coins = 0; } Player.prototype.draw = function() { if (this.dead) { return; } stroke(lerpColor(this.clr, 255, 0.5)); for (var i = this.pastPos.length-1; i >= this.pastPos.length-1-min(this.pastPos.length, 10); i--) { strokeWeight(this.r2-(this.pastPos.length-i-1)(this.r2/10)); if (i>0) { line(this.pastPos[i][0], this.pastPos[i][1], this.pastPos[i-1][0], this.pastPos[i-1][1]); } } pushMatrix(); translate(this.x, this.y); scale(this.sx, 1); translate(-this.x, -this.y); drawSkin(this.skin, this.clr, this.x, this.y); popMatrix(); }; Player.prototype.die = function() { this.dead = true; for (var i = 0; i < 50; i++) { parts.push(new deathPart(this.x, this.y, this.clr)); } }; Player.prototype.update = function() { if (this.dead) { return; } this.pressTimer --; this.pastPos.push([this.x, this.y]); this.y += this.yVel; this.yVel += 0.3; this.x += this.dir this.speed; if (this.x >= width-20-this.r) { this.dir = -1; var touching = rightWall[floor(this.y/(height/rightWall.length))]; if (this.clr !== touching) { this.die(); return; } var c = new Compliment(); for (var i = 0; i < 20; i++) { parts.push(new bouncePart(c.x, c.y, this.clr)); } parts.push(c); this.clr = rndm(leftWall); for (var i = 0; i < 20; i++) { parts.push(new bouncePart(this.x, this.y, this.clr)); } moveRight = true; this.score ++; } if (this.x < 20+this.r) { this.dir = 1; var touching = leftWall[floor(this.y/(height/leftWall.length))]; if (this.clr !== touching) { this.die(); return; } var c = new Compliment(); for (var i = 0; i < 20; i++) { parts.push(new bouncePart(c.x, c.y, this.clr)); } parts.push(c); this.clr = rndm(rightWall); for (var i = 0; i < 20; i++) { parts.push(new bouncePart(this.x, this.y, this.clr)); } moveLeft = true; this.score ++; } if (this.y > height-this.r) { this.y = height-this.r; this.yVel = -5; } if (this.y < this.r) { this.y = this.r; this.yVel = 0; } this.sx += Smooth(this.sx, this.dir, 10); for (var i = 0; i < midBlocks.length; i++) { var b = midBlocks[i]; if (circleInRect(this.x, this.y, this.r, b.x, b.y, b.w, b.h)) { this.die(); return; } } for (var i = coins.length-1; i >= 0; i--) { var c = coins[i]; if (dist(this.x, this.y, c.x, c.y) < this.r+c.r) { this.coins ++; for (var j = 0; j < 20; j++) { parts.push(new bouncePart(c.x, c.y, color(255, 200, 0))); } coins.splice(i, 1); } } this.draw(); }; player = new Player(); var ju = 3; var s = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var vel = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var s2 = [0, 0, 0, 0, 0]; var vel2 = [0, 0, 0, 0, 0]; function backgroundPart (y, d) { this.x = d>0?-50:width+50; this.y = y; this.dir = d; this.speed = 1; this.r = 0; this.s = 10; } backgroundPart.prototype.draw = function() { if (!trans.active) { this.x += this.speed * this.dir; this.r = sin(framecount5)45this.dir; } rectMode(CENTER); translate(this.x, this.y); rotate(this.r); noStroke(); fill(0, 20); rect(0, 0, this.s, this.s); rotate(-this.r); translate(-this.x, -this.y); rectMode(CORNER); }; function drawIcon (icon, x, y) { noStroke(); fill(255); pushMatrix(); translate(x, y); switch (icon) { case 'play': triangle(-20, -30, -20, 30, 30, 0); break; case 'how': textSize(70); text("?", 0, 0); break; case 'lead': rect(-20, 0, 10, 20); rect(-5, -20, 10, 40); rect(10, -10, 10, 30); break; case 'shop': textSize(70); text("$", 0, 0); break; case 'back': textSize(100); text("←", 0, -15); break; case 'left': textSize(50); text("←", 0, -7.5); break; case 'right': textSize(50); text("→", 0, -7.5); break; case 'pause': rect(-10, -10, 5, 20); rect(5, -10, 5, 20); break; case 'home': case 'otherhome': rect(-30, -10, 25, 50); rect(-30, -10, 60, 30); rect(5, -10, 25, 50); triangle(-40, -10, 40, -10, 0, -40); break; case 'restart': translate(-750.9, -750.9); scale(0.9); noFill(); stroke(255); strokeWeight(15); arc(75, 75, 100, 100, -120, 155); noStroke(); fill(255); triangle(75+sin(-60)30, 75+cos(-60)30, 75+sin(-70)70, 75+cos(-70)70, 75+sin(-90)50, 75+cos(-90)50); break; } popMatrix(); } var buttons = []; function Button (txt, x, y, s, next) { this.txt = txt.toLowerCase(); this.x = x; this.y = y; this.s = s; this.next = next; this.speed = 300; this.s1 = new Bounce(this.speed, 0, 8, 2); this.s2 = new Bounce(this.speed, 0, 10, 3); this.dS = 0; if (txt !== 'left' && txt !== 'right') { buttons.push(this); } } Button.prototype.draw = function() { this.over = mouseInCircle(this.x, this.y, this.s); mouseIs = this.over? HAND: mouseIs; if (this.over) { this.s1.des = this.speed1.2; this.s2.des = this.speed1.2; } else { this.s1.des = this.speed; this.s2.des = this.speed; } this.s1.move(); this.s2.move(); this.dS += Smooth(this.dS, this.over?this.s: 0, 5); pushMatrix(); translate(this.x, this.y); scale(this.s1.pos / this.speed, this.s2.pos / this.speed); noStroke(); fill(colors[5]); translate(-(this.x), -(this.y)); ellipse(this.x, this.y, this.s, this.s); fill(0, 50); ellipse(this.x, this.y, this.dS, this.dS); fill(255); textSize(30); translate(this.x, this.y); drawIcon(this.txt, 0, 0); popMatrix(); }; var playBtn = new Button("Play", 250, 400, 125, 'game'); var shopBtn = new Button("Shop", 250, 530, 100, 'shop'); var howBtn = new Button("How", 120, 425, 100, 'how'); var leadBtn = new Button("Lead", 380, 425, 100, 'lead'); var backHomeBtn = new Button("back", 250, 540, 80, 'home'); var pauseBtn = new Button("pause", 450, 50, 50, 'paused'); var resumeBtn = new Button("play", 133, 400, 150, 'game'); var homeBtn = new Button("home", 366, 400, 150, 'home'); var restartBtn = new Button("restart", 133, 800, 150, "game"); var otherHomeBtn = new Button("otherHome", 366, 800, 150, "home"); var leftBtn = new Button("left", 50, 325, 50, 50, "k"); var rightBtn = new Button("right", 450, 325, 50, 50, "k"); var backgroundParts = []; var fc = 0; for (var k = 0; k < 500; k++) { if (k%60 === 0) { for (var i = 0; i <= height; i += 50) { backgroundParts.push(new backgroundPart(i, i%100===0?-1:1)); } } for (var i = backgroundParts.length-1; i >= 0; i--) { backgroundParts[i].draw(); if (backgroundParts[i].x < -50 \|\| backgroundParts[i].x > width+50) { backgroundParts.splice(i, 1); } } } function shadowText (txt, x, y, o, c) { fill(0, 70); text(txt, x+o, y+o); fill(c); text(txt, x, y); } function back () { background(255, 235, 255); if (framecount%60 === 0) { for (var i = 0; i <= height; i += 50) { backgroundParts.push(new backgroundPart(i, i%100===0?-1:1)); } } for (var i = backgroundParts.length-1; i >= 0; i--) { backgroundParts[i].draw(); if (backgroundParts[i].x < -50 \|\| backgroundParts[i].x > width+50) { backgroundParts.splice(i, 1); } } } function drawHandIcon (x, y, s) { pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255); rect(-20, -30, 10, 63, 20, 20, 0, 50); for (var i = 0; i < 3; i++) { rect(-10+i10, -10+i3, 10, 43-i3, 20, 20, i>1?50:0, 0); } stroke(255); strokeWeight(10); line(-15, 25, -30, 15); line(-30, 15, -35, 14); popMatrix(); } var maxDiv = 8; var rectX = width; var textX = -200; var redA = 0; var mY = 0; var spawnRate = floor(random(100)); var spawnTimer = 1; var coinSpawn = 200; var coinTimer = 0; function game () { back(); fill(223, 206, 224); textSize(250); text(player.score, 250, 300); for (var i = parts.length-1; i >= 0; i--) { parts[i].draw(); if (parts[i].a <= 0) { parts.splice(i, 1); } } for (var i = coins.length-1; i >= 0; --i) { coins[i].draw(); if (coins[i].t >= 400) { coins.splice(i, 1); } } if (spawnTimer%spawnRate===0) { midBlocks.push(new midBlock()); spawnRate = floor(random(200, 300)); } for (var i = midBlocks.length-1; i >= 0; i--) { midBlocks[i].draw(); if (midBlocks[i].y > height+50 && midBlocks[i].dir > 0 \|\| midBlocks[i].y < midBlocks[i].h-50 && midBlocks[i].dir < 0) { midBlocks.splice(i, 1); } } leftO += Smooth(leftO, moveLeft? -25: 0, 5); if (leftO < -24) { var pL = leftWall.length; leftWall = []; for (var i = 0; i < min(pL+1, maxDiv); i++) { leftWall.push(rndm(colors)); } moveLeft = false; } var h1 = height/leftWall.length; for (var i = 0; i < leftWall.length; i++) { fill(leftWall[i]); rect(0+leftO, ih1, 20, h1); } rightO += Smooth(rightO, moveRight? 25: 0, 5); if (rightO > 24) { var pL = rightWall.length; rightWall = []; for (var i = 0; i < min(pL+1, maxDiv); i++) { rightWall.push(rndm(colors)); } moveRight = false; } var h2 = height/rightWall.length; for (var i = 0; i < rightWall.length; i++) { fill(rightWall[i]); rect(width-20+rightO, ih2, 20, h1); } if (waitForGame) { player.draw(); noStroke(); fill(0, 100); rect(0, 0, width, height); fill(255); textSize(50+sin(frameCount10)2); text("TAP TO START", 250, 200); drawHandIcon(250, 400, 1+sin(frameCount10)0.1); } else { player.update(); if (rightWall.length === maxDiv && leftWall.length === maxDiv) { spawnTimer ++; } if (!player.dead) { ++coinTimer; if (coinTimer % coinSpawn === 0) { coins.push(new Coin()); } } } if (!player.dead) { textSize(30); rainbowText("$"+player.coins, 75, 25, 3); pauseBtn.draw(); } noStroke(); fill(255, 0, 0, redA); rect(0, 0, width, height); fill(0, 100); rect(rectX, height/2-75/2+mY, width, 75); textSize(50); rainbowText("YOU DIED", textX, height/2+mY, 5); if (player.dead) { rectX += Smooth(rectX, 0, 15); redA += Smooth(redA, 75, 15); textX += Smooth(textX, 250, 15); if (rectX < 5) { otherHomeBtn.y += Smooth(otherHomeBtn.y, 500, 10); restartBtn.y += Smooth(restartBtn.y, 500, 10); mY += Smooth(mY, -100, 10); } } otherHomeBtn.draw(); restartBtn.draw(); } pushMatrix(); scale(width/600, height/600); // { smooth(); textFont(createFont("arial black Bold Italic")); textAlign(CENTER, CENTER); function glowyText (txt, x, y, clr, glow) { for (var i = 0; i < 360; i += 12) { for (var j = 12; j >= 0; j--) { fill(clr, glow-j); text(txt, x+sin(i)jj/4, y+cos(i)jj/4); } } fill(clr); text(txt, x, y); } background(0, 0); noStroke(); fill(10); for (var i = 0; i < 600; i += 50) { for (var j = 0; j < 600; j += 50) { if ((i+j)%4===0) { rect(j, i, 50, 50); } } } noFill(); strokeWeight(20); strokeCap(SQUARE); var mainClr = color(255, 220, 230); for (var k = 0; k < 3; k++) { for (var i = 0; i < 360; i += 12) { for (var j = 12; j >= 0; j--) { stroke(mainClr, 11-j); arc(300+sin(i)jj/4, 300+cos(i)jj/4, 100+k100, 100+k100, 180, 360); } } } textSize(50); glowyText("A RANDOM CODER", 300, 350, mainClr, 11); textSize(30); glowyText("Presents...", 300, 400, color(255, 255, 200), 11); var txtImg = get(); // } Intro Image popMatrix(); background(0); textFont(createFont('courier Bold')); var glowX = 0, glowY = 350, glowS = 15, bckA = 0; function intro () { background(0); image(txtImg, 0, 0); pushMatrix(); scale(width/600, height/600); noFill(); strokeWeight(20); for (var i = 0; i < 150; i++) { stroke(0, iglowS/2); ellipse(glowX, glowY, i10, i10); } glowX += Smooth(glowX, 300, 25); glowS = 300-glowX+noise(frameCount/5)3; if (glowX > 299.99) { bckA += Smooth(bckA, 255, 20); } noStroke(); fill(0, bckA); rect(0, 0, 600, 600); if (bckA > 244.99) { scene = 'home'; textFont(createFont('courier Bold')); } popMatrix(); } function paused () { back(); var words = 'PAUSED'; var ox = 0; for (var i = 0; i < words.length; i++) { if (i > 0 && vel[i-1] < 0.6 && vel[i-1] > 0 && vel[i] === 0) { vel[i] = 2; } if (i === 0 && ((framecount-180)3)%360===0) { vel[i] = 2; } s[i] += vel[i]; vel[i] -= 0.3; if (s[i] <= 0) { s[i] = 0; vel[i] = 0; } textSize(100+s[i]); fill(0, 70); text(words[i], 270+ox-textWidth(words)/2+5+s[i], 100+5+sin(framecount3)7); fill(colors[i%5]); text(words[i], 270+ox-textWidth(words)/2+s[i], 100+sin(framecount3)7); textSize(100); ox += textWidth(words[i]); } resumeBtn.draw(); homeBtn.draw(); } function home () { back(); var words = 'COLOR'; var ox = 0; for (var i = 0; i < words.length; i++) { if (i > 0 && vel[i-1] < 1.1 && vel[i-1] > 0 && vel[i] === 0) { vel[i] = ju; } if (i === 0 && ((framecount-180)3)%360===0) { vel[i] = ju; } s[i] += vel[i]; vel[i] -= 0.3; if (s[i] <= 0) { s[i] = 0; vel[i] = 0; } textSize(150+s[i]); fill(0, 70); text(words[i], 300+ox-textWidth(words)/2+5+s[i], 100+5+sin(framecount3)7); fill(colors[i]); text(words[i], 300+ox-textWidth(words)/2+s[i], 100+sin(framecount3)7); textSize(150); ox += textWidth(words[i]); } var words = 'JUMP'; var ox = 0; for (var i = 0; i < words.length; i++) { if (i < 3 && vel2[i+1] < 1.1 && vel2[i+1] > 0 && vel2[i] === 0) { vel2[i] = ju; } if (i === 3 && (framecount3)%360===0) { vel2[i] = ju; } s2[i] += vel2[i]; vel2[i] -= 0.3; if (s2[i] <= 0) { s2[i] = 0; vel2[i] = 0; } textSize(150+s2[i]); fill(0, 70); text(words[i], 300+ox-textWidth(words)/2+5+s2[i], 200+5+cos(framecount3)7); fill(colors[3-i]); text(words[i], 300+ox-textWidth(words)/2+s2[i], 200+cos(framecount3)7); textSize(150); ox += textWidth(words[i]); } playBtn.draw(); howBtn.draw(); leadBtn.draw(); shopBtn.draw(); } function how () { back(); var words = 'HOW TO PLAY'; var ox = 0; for (var i = 0; i < words.length; i++) { if (i > 0 && vel[i-1] < 0.6 && vel[i-1] > 0 && vel[i] === 0) { vel[i] = 2; } if (i === 0 && ((framecount-180)3)%360===0) { vel[i] = 2; } s[i] += vel[i]; vel[i] -= 0.3; if (s[i] <= 0) { s[i] = 0; vel[i] = 0; } textSize(70+s[i]); fill(0, 70); text(words[i], 270+ox-textWidth(words)/2+5+s[i], 100+5+sin(framecount3)7); fill(colors[i%5]); text(words[i], 270+ox-textWidth(words)/2+s[i], 100+sin(framecount3)7); textSize(70); ox += textWidth(words[i]); } backHomeBtn.draw(); textSize(40); rainbowText("TAP", 150, 200, 3); rainbowText("AVOID", 100, 295, 3); rainbowText("COLLECT", 145, 390, 3); textSize(30); fill(255); shadowText(" the mouse or\nthe screen to jump!", 250, 219, 2.5, colors[5]); shadowText(" bricks that are\na different color than you", 250, 315, 2.5, colors[5]); shadowText(" coins to buy\nthings in the shop!", 250, 410, 2.5, colors[5]); } function lead () { back(); var words = 'LEADERBOARD'; var ox = 0; for (var i = 0; i < words.length; i++) { if (i > 0 && vel[i-1] < 0.6 && vel[i-1] > 0 && vel[i] === 0) { vel[i] = 2; } if (i === 0 && ((framecount-180)3)%360===0) { vel[i] = 2; } s[i] += vel[i]; vel[i] -= 0.3; if (s[i] <= 0) { s[i] = 0; vel[i] = 0; } textSize(70+s[i]); fill(0, 70); text(words[i], 270+ox-textWidth(words)/2+5+s[i], 100+5+sin(framecount3)7); fill(colors[i%5]); text(words[i], 270+ox-textWidth(words)/2+s[i], 100+sin(framecount3)7); textSize(70); ox += textWidth(words[i]); } backHomeBtn.draw(); textSize(20); for (var i = 0; i < leaders.length; i++) { textAlign(LEFT, CENTER); shadowText((i+1)+")"+leaders[i][0], 50, 190+i30, 2, colors[i%5]); textAlign(CENTER, CENTER); shadowText(leaders[i][1], 400, 190+i30, 2, colors[i%5]); } } var shopI = 0; var shopX = 0; var shopButtons = []; var shopBoxes = []; function shopButton (skin, price, x, y) { this.txt = "$"+price; this.price = price; this.skin = skin.toLowerCase(); this.x = x; this.y = y; this.s = 80; this.speed = 300; this.s1 = new Bounce(this.speed, 0, 8, 2); this.s2 = new Bounce(this.speed, 0, 10, 3); this.dS = 0; this.canBuy = false; this.equipped = false; this.owned = false; this.iover = true; if (this.price === 0) { this.owned = true; } shopButtons.push(this); } shopButton.prototype.draw = function() { if (player.skin!==this.skin&&this.owned) { this.equipped = false; this.txt = "Equip"; } if (player.skin === this.skin) { this.equipped = true; this.txt = "Equipped"; } else if (this.owned && !this.equipped) { this.txt = "Equip"; this.equipped = false; } else if (!this.owned) { this.txt = "$" + this.price; } this.clr = colors[5]; if (this.equipped) { this.clr = color(150); } else if (this.owned && !this.equipped) { this.clr = colors[5]; } else if (!this.owned && player.coins >= this.price) { this.canBuy = true; this.clr = color(0, 200, 0); } else if (!this.owned && player.coins < this.price) { this.canBuy = false; this.clr = color(200, 0, 0); } this.over = mouseInCircle(this.x, this.y, this.s)&&this.iover&&!this.equipped; mouseIs = this.over? HAND: mouseIs; if (this.over) { this.s1.des = this.speed1.2; this.s2.des = this.speed1.2; } else { this.s1.des = this.speed; this.s2.des = this.speed; } this.s1.move(); this.s2.move(); this.dS += Smooth(this.dS, this.over?this.s: 0, 5); pushMatrix(); translate(this.x, this.y); scale(this.s1.pos / this.speed, this.s2.pos / this.speed); noStroke(); fill(this.clr); translate(-(this.x), -(this.y)); ellipse(this.x, this.y, this.s, this.s); fill(0, 50); ellipse(this.x, this.y, this.dS, this.dS); fill(255); textSize(30-this.txt.length2); translate(this.x, this.y); text(this.txt, 0, 0); popMatrix(); this.iover = true; }; var shopSkins = ["Circle", "Triangle", "Square", "Bird", "Rubber Duck", "Baseball", "Basketball", "Burger", "Candy", "Winston",]; var shopPrices = [0, 10, 10, 25, 25, 50, 50, 100, 100, 250]; function shopBox (x, y, i) { this.x = x; this.y = y; this.w = 4000.9; this.h = 3000.9; this.s = 1; this.i = i; this.skin = shopSkins[i]; this.button = new shopButton (shopSkins[i], shopPrices[i], this.x+this.w/2, this.y+this.h0.75); shopBoxes.push(this); } shopBox.prototype.draw = function() { fill(lerpColor(colors[this.i%5], 255, 0.8)); stroke(0); strokeWeight(5); translate(this.x, this.y); scale(this.s); rectMode(CENTER); rect(0, 0, this.w, this.h, 20); rectMode(CORNER); fill(255); textSize(40-this.skin.length); shadowText(this.skin, 0, -this.h0.3, 3); translate(-this.x-shopX, -this.y); if (shopI !== this.i) { this.button.iover = false; } this.button.draw(); translate(this.x+shopX, this.y); scale(1/this.s); translate(-this.x, -this.y); this.s += Smooth(this.s, this.i === shopI? 1.1: 0.5, 10); drawSkin(this.skin.toLowerCase(), colors[5], this.x, this.y-10, 1.5this.s, sin((frameCount+this.x)5)15); this.button.x = this.x+shopX; this.button.y = this.y+this.h0.3; }; for (var i = 0; i < 10; i++) { new shopBox(width/2+iwidth0.5, height/2+25, i); } function shop () { back(); var words = 'SHOP'; var ox = 0; for (var i = 0; i < words.length; i++) { if (i > 0 && vel[i-1] < 1.1 && vel[i-1] > 0 && vel[i] === 0) { vel[i] = ju; } if (i === 0 && ((framecount-180)3)%360===0) { vel[i] = ju; } s[i] += vel[i]; vel[i] -= 0.3; if (s[i] <= 0) { s[i] = 0; vel[i] = 0; } textSize(150+s[i]); fill(0, 70); text(words[i], 300+ox-textWidth(words)/2+5+s[i], 100+5+sin(framecount3)7); fill(colors[i]); text(words[i], 300+ox-textWidth(words)/2+s[i], 100+sin(framecount3)7); textSize(150); ox += textWidth(words[i]); } backHomeBtn.draw(); translate(shopX, 0); for (var i = 0; i < shopBoxes.length; i++) { if (i !== shopI) { shopBoxes[i].draw(); } } shopBoxes[shopI].draw(); translate(-shopX, 0); shopX += Smooth(shopX, shopI-width*0.5, 10); if (shopI < shopBoxes.length-1) { rightBtn.draw(); } if (shopI > 0) { leftBtn.draw(); } textSize(50); rainbowText("$"+player.coins, 400, 540, 3); } function drawScene (s) { switch (s) { case 'intro': intro(); break; case 'game': game(); break; case 'home': home(); break; case 'how': how(); break; case 'lead': lead(); break; case 'shop': shop(); break; case 'paused': paused(); break; } } function clearGame () { parts = []; waitForGame = true; textX = -200; rectX = width; redA = 0; mY = 0; player.dead = false; restartBtn.y = 800; otherHomeBtn.y = 800; player.yVel = 0; player.y = 300; player.x = 250; player.dir = 1; player.pastPos = []; player.clr = colors[0]; leftWall = [colors[1]]; rightWall = [colors[0]]; midBlocks = []; spawnTimer = 1; spawnRate = floor(random(100)); player.score = 0; coinTimer = 0; coins = []; } trans = { active: false, o1: 500, o2: 500, o3: 500, o4: 500, clearGame: false, updated: false, next: null, run: function() { if (this.active) { if (!this.updated) { drawScene(this.next); this.img1 = get(0, 0, width/2, height/2); this.img2 = get(width/2, 0, width/2, height/2); this.img3 = get(0, height/2, width/2, height/2); this.img4 = get(width/2, height/2, width/2, height/2); drawScene(scene); this.updated = true; } image(this.img1, -this.o1, -this.o1); image(this.img2, width/2+this.o2, -this.o2); image(this.img3, -this.o3, height/2+this.o3); image(this.img4, width/2+this.o4, height/2+this.o4); this.o1 += Smooth(this.o1, 0, 5); if (this.o1 < 100) { this.o2 += Smooth(this.o2, 0, 4); } if (this.o2 < 100) { this.o3 += Smooth(this.o3, 0, 4); } if (this.o3 < 100) { this.o4 += Smooth(this.o4, 0, 4); } if (this.o4 < 1) { this.active = false; this.o1 = 500; this.o2 = 500; this.o3 = 500; this.o4 = 500; this.updated = false; scene = this.next; if (this.clearGame) { clearGame(); this.clearGame = false; } for (var i in buttons) { buttons[i].over = false; buttons[i].bH = 0; buttons[i].c = 0; } } } } }; mouseClicked = function () { for (var i = 0; i < buttons.length; i++) { if (buttons[i].over && !trans.active) { if (buttons[i].txt === 'pause') { waitForGame = true; } if (buttons[i].txt === 'restart') { clearGame(); return; } if (buttons[i].txt === 'otherhome') { trans.clearGame = true; } else { trans.clearGame = false; } trans.active = true; trans.next = buttons[i].next; return; } } if (scene === 'game') { if (waitForGame) { waitForGame = false; return; } player.yVel = -player.jumpPower; } if (leftBtn.over) { --shopI; leftBtn.over = false; } if (rightBtn.over) { ++shopI; rightBtn.over = false; } for (var i = 0; i < shopButtons.length; i++) { var b = shopButtons[i]; if (b.over && !b.owned && b.canBuy) { player.coins -= b.price; b.owned = true; player.skin = b.skin; return; } if (b.over && b.owned && !b.equipped) { player.skin = b.skin; return; } b.over = false; } }; draw = function () { drawScene(scene); trans.run(); if (!trans.active && scene !== 'intro') { framecount ++; } //background(255); cursor(mouseIs); mouseIs = ARROW; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJ2X_8nRCAw
Votes	425
Spin-Offs	17
Type	PJS
Width	500
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	A Random Coder
Author Name	ARandomCoder123
Author ID	kaid_1173743019606462635001282
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739371020206
Updated	8 months ago, 1744828352395
Source Deleted	unknown