Viewing Program

Program Data

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

Title	Climb
ID	5904328939225088
Created	4 years ago, 1615988584951
Updated	4 years ago, 1617658979555
Code	var scene = 'logo'; var frames = 0; var clicked = false; mouseClicked = function(){ clicked = true; }; var logo = function(){ background(20); frames++; pushMatrix(); translate(width / 2, height / 2); scale(width / 175); stroke(20); strokeWeight(10); fill(255, 100, 0, frames * 10 - 50); quad(0, -50, -45, -25, 0, 0, 45, -25); fill(0, 200, 255, frames * 10 - 170); quad(0, 0, -45, -25, -45, 25, 0, 50); fill(150, 0, 200, frames * 10 - 290); quad(0, 0, 45, -25, 45, 25, 0, 50); popMatrix(); if(clicked \|\| frames > 100){ scene = 'menu'; } }; var dirtdots = []; for(var i = 0; i < 10; i++){ dirtdots.push([random(width), random(530, 600), random(10, 40)]); } var cam = 0; var Button = function(x, y, txt, nxt){ this.x = x; this.y = y; this.txt = txt; this.nxt = nxt; this.r = 0; this.rSpd = 0; this.sz = 0; this.szSpd = 5; }; Button.prototype.all = function(){ pushMatrix(); translate(this.x, this.y); rotate(this.r); scale(this.sz); translate(-this.x, -this.y); noStroke(); fill(lerpColor(color(180, 90, 30), 255, 0.15)); triangle(this.x - 100, this.y - 34, this.x + 100, this.y - 34, this.x - 100, this.y + 34); fill(180, 90, 30); triangle(this.x + 100, this.y + 34, this.x + 100, this.y - 34, this.x - 100, this.y + 34); fill(lerpColor(color(180, 90, 30), 255, 0.075)); rect(this.x - 75, this.y - 25, 150, 50); fill(lerpColor(color(180, 90, 30), 0, 0.2)); textSize(40); text(this.txt, this.x + 2, this.y - 2); fill(180, 90, 30); text(this.txt, this.x - 2, this.y - 6); fill(lerpColor(color(180, 90, 30), 0, 0.1)); text(this.txt, this.x, this.y - 4); popMatrix(); if(dist(this.x, 0, mouseX, 0) < 100 && dist(0, this.y, 0, mouseY) < 34){ if(this.r <= 0){ this.rSpd = 2; } cursor(HAND); if(clicked){ scene = this.nxt; this.r = 0; this.rSpd = 0; cam = 0; } } else if(this.r > 0){ this.rSpd = -2; } this.r += this.rSpd; this.rSpd /= 1.4; this.sz += this.szSpd / 200; this.szSpd /= 1.0255; this.r = constrain(this.r, 0, 7); }; var achs = [false, false, false, false, false, false]; var notifTimer = 0; var Notif = function(tit, txt){ this.x = 600; this.tit = tit; this.content = txt; this.a = 2000; this.spd = 10; }; Notif.prototype.all = function() { noStroke(); fill(100, 200, 100, this.a); rect(this.x, 470, 300, 100, 2); textAlign(LEFT); fill(0, 100, 0, this.a); textFont(createFont("Trebuchet MS Bold"), 30); text(this.tit, this.x + 10, 505); textFont(createFont("Trebuchet MS"), 18); text(this.content, this.x + 10, 525); textFont(createFont("Trebuchet MS Bold"), 30); textAlign(CENTER, CENTER); this.x -= this.spd; this.spd /= 1.032; this.a -= 5; if(this.a > 10){ notifTimer = 0; } }; var notifications = []; var playButton = new Button(250, 280, "Play", 'game'); var howButton = new Button(250, 360, "How", 'how'); var awardsButton = new Button(250, 440, "Awards", 'awards'); var keys = []; var menu = function(){ background(50, 150, 230); textFont(createFont("Trebuchet MS Bold"), 100); textAlign(CENTER, CENTER); stroke(255); strokeWeight(10); noFill(); bezier(150, 100, 50, 50, 50, 250, 150, 200); bezier(180, 100, 150, 240, 170, 180, 210, 200); bezier(230, 100, 220, 130, 240, 270, 230, 200); bezier(250, 210, 260, 140, 270, 40, 300, 200); bezier(340, 210, 310, 140, 320, 40, 300, 200); bezier(348, 110, 340, 120, 370, 180, 360, 220); bezier(348, 110, 370, 140, 460, 160, 375, 180); bezier(375, 180, 410, 190, 470, 210, 360, 220); noStroke(); fill(160, 100, 50); rect(0, 500, 500, 100); fill(175, 115, 65); for(var i = 0; i < dirtdots.length; i++){ ellipse(dirtdots[i][0], dirtdots[i][1], dirtdots[i][2], dirtdots[i][2]); } fill(85, 190, 30); for(var i = 0; i <= 550; i += 30){ triangle(i, 549 + sin(i * 10) * 5, i - 20, 500, i + 20, 500); triangle(i, 549 + sin(i * 10) * 5, i - 20, 510, i + 20, 510); triangle(i, 549 + sin(i * 10) * 5, i - 20, 519, i + 20, 519); } fill(55, 170, 20); for(var i = 0; i <= 550; i += 30){ triangle(i, 530 + sin(i * 10) * 5, i - 20, 500, i + 20, 500); } playButton.all(); howButton.all(); awardsButton.all(); pushMatrix(); fill(235, 200, 0); translate(83, 303); rotate(25); rect(-40, -40, 80, 80, 10); fill(50); ellipse(-20, -10, 20, 20); ellipse(20, -10, 20, 20); arc(0, 10, 40, 40, 0, 179); popMatrix(); pushMatrix(); fill(235, 200, 0); translate(425, 445); rotate(-20); rect(-40, -40, 80, 80, 10); fill(50); ellipse(-20, -10, 20, 20); ellipse(20, -10, 20, 20); arc(0, 25, 40, 40, 180, 359); popMatrix(); fill(255, 50); ellipse(50, 375, 50, 50); ellipse(30, 420, 33, 33); ellipse(20, 450, 17, 17); ellipse(410, 365, 50, 50); ellipse(430, 320, 33, 33); ellipse(450, 295, 17, 17); }; var px = 300; var py = 480; var yVel = 0; var xVel = 0; var canJump = false; keyPressed = function(){ keys[keyCode] = true; }; keyReleased = function(){ keys[keyCode] = false; }; var block = function(x, y, w, h){ noStroke(); fill(160, 100, 50); rect(x, y, w, h, 5); fill(85, 190, 30); rect(x, y, w, h / 2.5, 5, 5, 0, 0); fill(55, 170, 20); rect(x, y, w, h / 6, 5, 5, 0, 0); if(py > y - 20 && py < y - 10 && yVel > 0 && px + 20 > x && px - 20 < x + w){ yVel = 0; py = y - 20; canJump = true; } if(py < y + h + 20 && py > y + 10 + h && yVel < 0 && px + 20 > x && px - 20 < x + w){ yVel = 0; py = y + 20 + h; } if((!keys[RIGHT] && !keys[68]) && px - 20 < x + w && px + 20 > x + w - 14 && py - 20 < y + h && py + 20 > y+1){ xVel = 0; px = x + w + 20; } if((!keys[LEFT] && !keys[65]) && px + 20 > x && px + 20 < x + 14 && py - 20 < y + h && py + 20 > y+1){ xVel = 0; px = x - 20; } }; var deathMessage = ""; var Block = function(y){ this.x = random(50, 450); this.y = y; this.w = floor(random(90, 130)); this.hasMonster = round(random(-3, 1)); if(this.hasMonster === 1){ this.hasMonster = true; } else { this.hasMonster = false; } this.monsterX = this.x; this.monsterDir = -0.75; this.moves = round(random(-5, 1)); if(this.moves === 1 && !this.hasMonster){ this.moves = true; } else { this.moves = false; } this.moveDir = -1.5; }; Block.prototype.all = function(){ block(this.x - this.w / 2, this.y, this.w, 40); if(this.y - cam > 620){ this.y = -20 + cam; this.w = floor(random(90, 130)); this.x = random(50, 450); this.hasMonster = round(random(-2, 1)); if(this.hasMonster === 1){ this.hasMonster = true; } else { this.hasMonster = false; } this.monsterX = this.x; this.monsterDir = -1; this.moves = round(random(-5, 1)); if(this.moves === 1 && !this.hasMonster){ this.moves = true; } else { this.moves = false; } this.moveDir = -1.5; } if(this.hasMonster){ noStroke(); fill(200, 50, 20); rect(this.monsterX - 20, this.y - 40, 40, 40, 5); ellipse(this.monsterX - 28, this.y - 13 + sin(frameCount * 5) * 5, 12, 12); ellipse(this.monsterX + 28, this.y - 13 + sin(frameCount * 5) * 5, 12, 12); fill(50); ellipse(this.monsterX - 10, this.y - 20, 10, 10); ellipse(this.monsterX + 10, this.y - 20, 10, 10); arc(this.monsterX, this.y - 5, 20, 20, 180, 359); stroke(50); strokeWeight(5); line(this.monsterX - 5, this.y - 28, this.monsterX - 15, this.y - 31); line(this.monsterX + 5, this.y - 28, this.monsterX + 15, this.y - 31); this.monsterX += this.monsterDir; if(this.monsterX > this.x + this.w / 2 - 20 \|\| this.monsterX < this.x - this.w / 2 + 20){ this.monsterDir = -this.monsterDir; } if(dist(this.monsterX, this.y - 20, px, py) < 40){ scene = 'dead'; deathMessage = "You were killed by an angry red monster!"; if(!achs[3]){ notifications.push(new Notif("Not nice! >:(", "Get killed by a monster!\nThat sounds like it hurt.")); achs[3] = true; } } noStroke(); } if(this.moves){ this.x += this.moveDir; if(this.x + this.w / 2 > 500){ this.moveDir = -1.5; } if(this.x - this.w / 2 < 0){ this.moveDir = 1.5; } } }; var blocks = []; for(var i = -1; i < 5; i++){ blocks.push(new Block(i * 100)); } var Asteroid = function(){ this.x = random(100, 400); this.y = -100 + cam; this.xdir = random(-1, 1); this.yspd = random(3, 5); }; Asteroid.prototype.all = function(){ stroke(100); strokeWeight(6); fill(130); pushMatrix(); translate(this.x, this.y); rotate(this.y / 5); translate(-this.x, -this.y); beginShape(); for(var i = 0; i < 360; i += abs(sin(i) * 60) + 1){ vertex(this.x + cos(i) * (30 + sin(i) * 10), this.y + sin(i) * (30 + sin(i) * 10)); } endShape(); popMatrix(); if(dist(this.x, this.y, px, py) < 45){ scene = 'dead'; deathMessage = "You got squashed by an asteroid!"; if(!achs[4]){ notifications.push(new Notif("Ouch!", "Get hit by an asteroid!")); achs[4] = true; } } this.x += this.xdir; this.y += this.yspd; }; var asteroids = []; var clouds = []; clouds.push([300, 1000 + cam, random(-3, 3)]); var pcam = 0; var downTimer = 0; var stars = []; for(var i = 0; i < 100; i++){ stars.push([random(width), random(height), random(2, 8), random(50, 200)]); } var game = function(){ if(cam < -1000 && cam > -2800){ if(frameCount%120 === 0 && clouds[clouds.length - 1][1] !== -100 + cam){ clouds.push([random(width), -100 + cam, random(-3, 3)]); if(!achs[0]){ notifications.push(new Notif("Inhale", "Climb to the clouds.")); achs[0] = true; } } } if(frameCount%100 === 0 && cam < -3100){ asteroids.push(new Asteroid()); } background(50, 150, 230); if(cam < -3000){ background(30, 10, 60); noStroke(); for(var i = 0; i < stars.length; i++){ fill(255, stars[i][3]); rect(stars[i][0], stars[i][1], 0.1, 0.1, -stars[i][2]); } if(!achs[1]){ notifications.push(new Notif("Off the planet", "Climb into space!")); achs[1] = true; } } pushMatrix(); translate(0, -cam); pushMatrix(); translate(0, -3000); for(var i = 0; i < 600; i++){ stroke(lerpColor(color(50, 150, 230), color(30, 10, 60), 1 - (i / 600))); line(0, i, 500, i); } popMatrix(); noStroke(); for(var i = 0; i < clouds.length; i++){ fill(255, 100); rect(clouds[i][0] - 50, clouds[i][1] - 50, 100, 50); rect(clouds[i][0] - 100, clouds[i][1], 200, 50); clouds[i][0] += clouds[i][2] / 10; if(clouds[i][0] < -100){ clouds[i][0] = 600; } if(clouds[i][0] > 600){ clouds[i][0] = -100; } } noStroke(); fill(160, 100, 50); rect(0, 500, 500, 100); fill(175, 115, 65); for(var i = 0; i < dirtdots.length; i++){ ellipse(dirtdots[i][0], dirtdots[i][1], dirtdots[i][2], dirtdots[i][2]); } fill(85, 190, 30); for(var i = 0; i <= 550; i += 30){ triangle(i, 549 + sin(i * 10) * 5, i - 20, 500, i + 20, 500); triangle(i, 549 + sin(i * 10) * 5, i - 20, 510, i + 20, 510); triangle(i, 549 + sin(i * 10) * 5, i - 20, 519, i + 20, 519); } fill(55, 170, 20); for(var i = 0; i <= 550; i += 30){ triangle(i, 530 + sin(i * 10) * 5, i - 20, 500, i + 20, 500); } fill(235, 200, 0); rect(px - 20, py - 20, 40, 40, 5); fill(50); ellipse(px - 10, py - 5, 10, 10); ellipse(px + 10, py - 5, 10, 10); if(downTimer > 20){ arc(px, py + 13, 20, 20, 180, 359); } else { arc(px, py + 5, 20, 20, 0, 179); } py += yVel; px += xVel; yVel += 0.3; if(keys[LEFT] \|\| keys[65]){ xVel -= 0.2; } else if(keys[RIGHT] \|\| keys[68]){ xVel += 0.2; } if((keys[UP] \|\| keys[87]) && canJump){ yVel = -10; canJump = false; } if(py > 480 && yVel > 0){ yVel = 0; py = 480; canJump = true; } if(!keys[RIGHT] && !keys[LEFT] && !keys[65] && !keys[68]){ if(xVel > 0){ xVel -= 0.2; } else if(xVel < 0){ xVel += 0.2; } if(dist(xVel, 0, 0, 0) < 0.2){ xVel = 0; } } if(xVel < 0 && px <= 20){ xVel = 0; px = 20; } if(xVel > 0 && px >= 480){ xVel = 0; px = 480; } xVel = constrain(xVel, -6, 6); yVel = constrain(yVel, -10, 10); cam = constrain(py - 150, -Infinity, 0); if(pcam < cam){ cam = pcam; } pcam = cam; // block(300, 400, 150, 40); // block(250, 300, 175, 40); // block(50, 200, 250, 40); for(var i = 0; i < blocks.length; i++){ blocks[i].all(); } for(var i = 0; i < asteroids.length; i++){ asteroids[i].all(); } popMatrix(); fill(255, 100); textSize(50); text(round(-cam / 100), 50, 50); if(py - cam + 20 > height){ scene = 'dead'; deathMessage = "You plummeted to your death!"; if(!achs[2]){ notifications.push(new Notif("Aaaaaa", "Plummet to the bottom.")); achs[2] = true; } } if(yVel > 0){ downTimer++; } else { downTimer = 0; } }; var menuButton = new Button(250, 440, "Menu", 'menu'); var how = function(){ background(50, 150, 230); textFont(createFont("Trebuchet MS Bold"), 100); fill(255); text("HOW", 250, 150); noStroke(); fill(160, 100, 50); rect(0, 500, 500, 100); fill(175, 115, 65); for(var i = 0; i < dirtdots.length; i++){ ellipse(dirtdots[i][0], dirtdots[i][1], dirtdots[i][2], dirtdots[i][2]); } fill(85, 190, 30); for(var i = 0; i <= 550; i += 30){ triangle(i, 549 + sin(i * 10) * 5, i - 20, 500, i + 20, 500); triangle(i, 549 + sin(i * 10) * 5, i - 20, 510, i + 20, 510); triangle(i, 549 + sin(i * 10) * 5, i - 20, 519, i + 20, 519); } fill(55, 170, 20); for(var i = 0; i <= 550; i += 30){ triangle(i, 530 + sin(i * 10) * 5, i - 20, 500, i + 20, 500); } menuButton.all(); pushMatrix(); fill(235, 200, 0); translate(83, 303); rotate(25); rect(-40, -40, 80, 80, 10); fill(50); ellipse(-20, -10, 20, 20); ellipse(20, -10, 20, 20); arc(0, 10, 40, 40, 0, 179); popMatrix(); pushMatrix(); fill(235, 200, 0); translate(425, 445); rotate(-20); rect(-40, -40, 80, 80, 10); fill(50); ellipse(-20, -10, 20, 20); ellipse(20, -10, 20, 20); arc(0, 25, 40, 40, 180, 359); popMatrix(); fill(255, 50); ellipse(50, 375, 50, 50); ellipse(30, 420, 33, 33); ellipse(20, 450, 17, 17); ellipse(410, 365, 50, 50); ellipse(430, 320, 33, 33); ellipse(450, 295, 17, 17); fill(255); textSize(24); text("Move with the arrow keys\nor WASD. Climb as high as you\ncan. Don't fall off the screen\nor touch the monsters.\nIf you make it to space, avoid the\nasteroids.", 250, 300); }; var redoButton = new Button(250, 360, "Redo", 'game'); var dead = function(){ background(50, 150, 230); textFont(createFont("Trebuchet MS Bold"), 80); fill(255); text("SCORE: " + round(-cam / 100), 250, 150); noStroke(); fill(160, 100, 50); rect(0, 500, 500, 100); fill(175, 115, 65); for(var i = 0; i < dirtdots.length; i++){ ellipse(dirtdots[i][0], dirtdots[i][1], dirtdots[i][2], dirtdots[i][2]); } fill(85, 190, 30); for(var i = 0; i <= 550; i += 30){ triangle(i, 549 + sin(i * 10) * 5, i - 20, 500, i + 20, 500); triangle(i, 549 + sin(i * 10) * 5, i - 20, 510, i + 20, 510); triangle(i, 549 + sin(i * 10) * 5, i - 20, 519, i + 20, 519); } fill(55, 170, 20); for(var i = 0; i <= 550; i += 30){ triangle(i, 530 + sin(i * 10) * 5, i - 20, 500, i + 20, 500); } menuButton.all(); redoButton.all(); pushMatrix(); fill(235, 200, 0); translate(83, 303); rotate(25); rect(-40, -40, 80, 80, 10); fill(50); ellipse(-20, -10, 20, 20); ellipse(20, -10, 20, 20); arc(0, 10, 40, 40, 0, 179); popMatrix(); pushMatrix(); fill(235, 200, 0); translate(425, 445); rotate(-20); rect(-40, -40, 80, 80, 10); fill(50); ellipse(-20, -10, 20, 20); ellipse(20, -10, 20, 20); arc(0, 25, 40, 40, 180, 359); popMatrix(); fill(255, 50); ellipse(50, 375, 50, 50); ellipse(30, 420, 33, 33); ellipse(20, 450, 17, 17); ellipse(410, 365, 50, 50); ellipse(430, 320, 33, 33); ellipse(450, 295, 17, 17); fill(255); textSize(24); text(deathMessage, 250, 250); blocks = []; for(var i = -1; i < 5; i++){ blocks.push(new Block(i * 100)); } asteroids = []; clouds = []; clouds.push([300, 1000 + cam, random(-3, 3)]); pcam = 0; downTimer = 0; stars = []; for(var i = 0; i < 100; i++){ stars.push([random(width), random(height), random(2, 8), random(50, 200)]); } px = 300; py = 480; yVel = 0; xVel = 0; canJump = false; keys = []; }; var awards = function(){ background(50, 150, 230); textFont(createFont("Trebuchet MS Bold"), 100); fill(255); text("AWARDS", 250, 150); noStroke(); fill(160, 100, 50); rect(0, 500, 500, 100); fill(175, 115, 65); for(var i = 0; i < dirtdots.length; i++){ ellipse(dirtdots[i][0], dirtdots[i][1], dirtdots[i][2], dirtdots[i][2]); } fill(85, 190, 30); for(var i = 0; i <= 550; i += 30){ triangle(i, 549 + sin(i * 10) * 5, i - 20, 500, i + 20, 500); triangle(i, 549 + sin(i * 10) * 5, i - 20, 510, i + 20, 510); triangle(i, 549 + sin(i * 10) * 5, i - 20, 519, i + 20, 519); } fill(55, 170, 20); for(var i = 0; i <= 550; i += 30){ triangle(i, 530 + sin(i * 10) * 5, i - 20, 500, i + 20, 500); } menuButton.all(); pushMatrix(); fill(235, 200, 0); translate(83, 303); rotate(25); rect(-40, -40, 80, 80, 10); fill(50); ellipse(-20, -10, 20, 20); ellipse(20, -10, 20, 20); arc(0, 10, 40, 40, 0, 179); popMatrix(); pushMatrix(); fill(235, 200, 0); translate(425, 445); rotate(-20); rect(-40, -40, 80, 80, 10); fill(50); ellipse(-20, -10, 20, 20); ellipse(20, -10, 20, 20); arc(0, 25, 40, 40, 180, 359); popMatrix(); fill(255, 50); ellipse(50, 375, 50, 50); ellipse(30, 420, 33, 33); ellipse(20, 450, 17, 17); ellipse(410, 365, 50, 50); ellipse(430, 320, 33, 33); ellipse(450, 295, 17, 17); fill(255); var awardCount = 0; if(achs[0]){ awardCount++; } if(achs[1]){ awardCount++; } if(achs[2]){ awardCount++; } if(achs[3]){ awardCount++; } if(achs[4]){ awardCount++; } textSize(24); text("You have " + awardCount + " out of 5 awards.", 250, 230); fill(lerpColor(color(255, 100, 100), color(100, 200, 255), awardCount / 5)); rect(150, 300, awardCount * 40, 40); noFill(); stroke(255); strokeWeight(6); rect(150, 300, 200, 40); }; draw = function() { pushMatrix(); if(keys[18] && keys[32]){ translate(width / 2, height / 2); scale(5/6, 1); translate(-width / 2, -height / 2); } cursor(ARROW); switch(scene){ case 'logo': logo(); break; case 'menu': menu(); break; case 'game': game(); break; case 'how': how(); break; case 'dead': dead(); break; case 'awards': awards(); break; } for(var i = 0; i < notifications.length; i++){ notifications[i].all(); } notifTimer++; clicked = false; popMatrix(); if(keys[18] && keys[32]){ fill(255); noStroke(); rect(0, 0, 40, height); rect(460, 0, 40, height); } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL2oy76-Cgw
Votes	293
Spin-Offs	16
Type	PJS
Width	500
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Cubic Coding
Author Name	CubicCoding
Author ID	kaid_286229724490605800583292
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739450645710
Updated	8 months ago, 1744844977169
Source Deleted	unknown