Viewing Program

Program Data

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

Title	Stack
ID	5274194827837440
Created	7 years ago, 1523284628310
Updated	7 years ago, 1532036893403
Code	var font = "Homenaje Bold"; // change if you like /** * * Stack by @Ves - My (lesser) version of Stack by Ketchapp * Published Monday, April 9, 2018 * * / var highscores = [ ["Kruxe", 16777495], // It is possible, 24 perfects in a row ["LSwerbens...", 525471], ["PanGalact...", 131264], ]; textFont(createFont(font)); // main var clicked = false; var paused = false; var game = false; var showHighscores = false; var shareHighscore = false; var overObject = false; // camera var camY = 0, camFollow = null; // scoring var score = 0, multiplier = 1; var highscore = 0, newHi = false; // blk + particles var blocks = [], blockH = 20; var particles = []; // other scene vars var delayscene = 0, delayscene2 = 0; var titleUp = 300; // block placing var curw = 150; var spawn = 0; var nbx = 200 - curw/2, nby = height - blockH2, nbs = 2, nns = 2; var prevx = 200 - 150/2, prevy = height - blockH, prevw = 150; // mouse mouseClicked = function() {clicked = true;}; // logo icon var kal_logo = function(x, y, s) { pushMatrix(); translate(x - 6, y); scale(s); // orange quad noStroke(); fill(255, 153, 0); quad(-30, 0, -25, -30, 40, 30, 15, 30); // shadow of gray quad fill(0, 0, 0, 40); quad(-30, -5, -30, 1, 2, -6, -12, -18); // gray quad fill(107, 107, 107); quad(-30, 0, -25, 30, 40, -30, 15, -30); popMatrix(); }; var showLogo = function() { // logo if (dist(385, 380, mouseX, mouseY) < 23) { kal_logo(385, 380, 0.4); overObject = true; } else {kal_logo(385, 380, 0.35);} }; // block() var Block = function(x, y, w) { this.x = x - 3; this.y = y; this.w = w; this.shade = random(-35, 55); this.draw = function() { this.y = y + camY + round(camFollow); var col = color(73, 166, 126); // Draw block noStroke(); fill(red(col) + this.shade - 30, green(col) + this.shade - 30, blue(col) + this.shade - 30); /* var h = 50, t = 20; quad(this.x + 19, this.y + camY + round(camFollow) - h, this.x, this.y + camY + round(camFollow), this.x + this.w, this.y + camY + round(camFollow), this.x + this.w + 16, this.y + camY + round(camFollow) - h); fill(red(col) + this.shade - 40, green(col) + this.shade - 40, blue(col) + this.shade - 40); quad(this.x + this.w + 16, this.y + camY + round(camFollow) - h + 17, this.x + this.w, this.y + camY + round(camFollow) + 20, this.x + this.w - 1, this.y + camY + round(camFollow), this.x + this.w + 16, this.y + camY + round(camFollow) - h);/ if (this.w > 22) { quad(this.x + 5, this.y - 40, this.x, this.y, this.x + this.w, this.y, this.x + this.w - 5, this.y - 40); } else { if (this.x + this.w - 2 - (this.x+2) > 5) { quad(this.x + 3, this.y - 40, this.x, this.y, this.x + this.w, this.y, this.x +this.w - 3, this.y - 40); } else { quad(this.x + 1, this.y - 40, this.x, this.y, this.x + this.w, this.y, this.x +this.w - 1, this.y - 40); } } fill(red(col) + this.shade, green(col) + this.shade, blue(col) + this.shade); rect(this.x, this.y, this.w, blockH); }; }; var drawBlocks = function() { for (var i in blocks) { blocks[i].draw(); } }; // particle() var Particle = function(x, y, a) { this.x = x; this.y = y; this.col = color(random(255), random(255), random(255)); this.stag = random(0, 10); this.app = 0; this.size = random(4, 6); this.draw = function() { this.app += 1; if (this.app > this.stag) { var speed = 4; this.x += sin(a) speed; this.y -= cos(a) * speed; this.size -= 0.12; fill(this.col); ellipse(this.x, this.y, this.size, this.size); } }; }; var confsc = 0; // scenes var configGame = function() { camY = 0; spawn = 0; nbx = -curw; nbs = 2; nns = 2; multiplier = 1; score = 0; newHi = false; game = true; blocks = []; prevx = 200 - 150/2; prevy = height - blockH; prevw = 150; curw = 150; nby = height - blockH2; blocks.push(new Block(prevx, prevy, prevw)); }; var Game = function() { var drawParticles = function() { // draw particles for (var i = particles.length-1; i >= 0; i -= 1) { var p = particles[i]; p.draw(); if (p.size <= 0) { particles.splice(i, 1); } } }; var drawMovingBlock = function() { noStroke(); fill(171, 171, 171); if (curw > 17) { quad(nbx + 5, nby - 40 + camY + round(camFollow), nbx, nby + camY + round(camFollow), nbx + curw, nby + camY + round(camFollow), nbx + curw - 5, nby - 40 + camY + round(camFollow)); } else { if (nbx + curw - 2 - (nbx+2) > 5) { quad(nbx + 3, nby - 40 + camY + round(camFollow), nbx, nby + camY + round(camFollow), nbx + curw, nby + camY + round(camFollow), nbx +curw - 3, nby - 40 + camY + round(camFollow)); } else { quad(nbx + 1, nby - 40 + camY + round(camFollow), nbx, nby + camY + round(camFollow), nbx + curw, nby + camY + round(camFollow), nbx +curw - 1, nby - 40 + camY + round(camFollow)); } } fill(201, 201, 201); rect(nbx, nby + camY + round(camFollow), curw, blockH); nbx += nbs; // move block // Check edges if ((nbx + curw >= width+30 \|\| nbx <= -30) && spawn > 100) {nbs = -nbs;} }; var createStack = function() { spawn += 1; if (clicked && game && !overObject && titleUp > 5) { if (nbx + curw > prevx && nbx < prevx + curw) { if (nbs > 0) {nbs += 0.05;nns += 0.05;} else {nbs -= 0.05;nns -= 0.05;} prevy -= blockH; // camera if (blocks.length > 6) { camFollow -= blockH; camY += blockH; } spawn = 0; // perfect var friendliness = curw / 15; if (round(nbx) === round(prevx) \|\| nbx > prevx - 5 && nbx < prevx + 5) { blocks.push(new Block(prevx, prevy, prevw)); curw = prevw; multiplier = 2; for (var i = 0; i < 360; i += 15) { particles.push(new Particle(200, 154, i + random(-10, 10))); } // other } else if (nbx < prevx) { blocks.push(new Block(prevx, prevy, curw - (prevx - nbx))); curw = curw - (prevx - nbx); multiplier = 1; } else if (nbx > prevx) { blocks.push(new Block(nbx, prevy, curw + (prevx - nbx))); prevx = nbx; curw = curw + (prevx - nbx); multiplier = 1; } // score score += 1 * multiplier; nby -= blockH; var side = round(random(0, 1)); if (side === 0) {nbx = -curw; nbs = nns; } else {nbx = width; nbs = -nns;} } else { // lose game = false; delayscene = 0; if (score > highscore) { highscore = score; confsc = score; score = 0; } } } else if (blocks.length) {prevw = blocks[blocks.length-1].w;} curw = prevw; }; var drawScore = function() { // show score fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(50); text(score, 200, 100); // multiplier if (multiplier > 1) { textAlign(CENTER, CENTER); textSize(30 + (particles.length / 3)); fill(217, 120, 78); text("x"+multiplier, 200, 154); } // check highscore if (score > highscore) {newHi = true;} if (newHi) { fill(230, 143, 143); textSize(23); textAlign(CENTER, CENTER); text("NEW", 200, 60 + sin(frameCount * 9) * 4); } }; if (game) { drawParticles(); drawMovingBlock(); createStack(); drawScore(); } }; var Menu = function() { var drawTitle = function() { rectMode(CENTER); noFill(); noStroke(); rectMode(CORNER); // Title textAlign(CENTER, CENTER); textSize(90); fill(255, 255, 255); text("STACK", 200, 160 - titleUp); textSize(22); fill(255, 255, 255, 200); text("MADE BY VES", 200, 220 - titleUp); }; var drawSideBtns = function() { fill(51, 51, 51); rect(-titleUp, 189, 80, 70); if (mouseX < 80 - titleUp && mouseY > 189 && mouseY < 189 + 70 && !showHighscores && !shareHighscore && delayscene2 > 1) { fill(0, 0, 0, 200); rect(-titleUp, 189, 80, 70); cursor(HAND); overObject = true; delayscene = 0; if (clicked) { showHighscores = true; } } textAlign(CENTER, CENTER); fill(255, 255, 255); textSize(13); text("HIGHSCORES", 40-titleUp, 239); textSize(25); text("VIEW", 40-titleUp, 215); fill(51, 51, 51); rect(width-80+titleUp, 189, 80, 70); if (mouseX > 80+width-80-80+titleUp && mouseY > 189 && mouseY < 189 + 70 && !showHighscores && !shareHighscore && delayscene2 > 1) { fill(0, 0, 0, 200); rect(width-80+titleUp, 189, 80, 70); cursor(HAND); overObject = true; delayscene = 0; if (clicked) { shareHighscore = true; } } noStroke(); textAlign(CENTER, CENTER); fill(255, 255, 255); textSize(13); text("YOUR SCORE", 40+width-80+titleUp, 239); textSize(25); text("SHARE", 40+width-80+titleUp, 215); }; drawTitle(); drawSideBtns(); if (!game && !shareHighscore && !showHighscores) { delayscene2 += 1; delayscene += 1; // reset camera if (camY >= 4) {camY -= 4; } else {camY = 0;} if (newHi) { textAlign(LEFT, CENTER); textSize(17); fill(237, 43, 59); text("NEW", 47, 47 + sin(frameCount * 10) * 3); } var len = (""+highscore+"".split("")).length; if (delayscene > 1 && clicked && !overObject && !(mouseX > 15 && mouseX < 15+57 + len6 && mouseY > 12 && mouseY < 12+23)) { configGame(); } titleUp /= 1.1; } else { if (titleUp < 500) { titleUp = (titleUp+2) 1.1; } else {titleUp = 500;} } }; var Highscores = function() { if (showHighscores) { fill(0, 0, 0, 50); rect(0, 0, width, height); delayscene2 = 0; textAlign(CENTER, CENTER); textSize(40); fill(255, 255, 255); text("HIGHSCORES", 200, 100); var colors = [color(242, 154, 65), color(222, 222, 222), color(103, 209, 71)]; for (var i = 0; i < highscores.length; i += 1) { var s = highscores[i]; textSize(30); fill(colors[i]); textAlign(LEFT, CENTER); text(s[0].toUpperCase(), 100-40, 180 + i * 40); textAlign(RIGHT, CENTER); text(s[1], width-100+40, 180 + i * 40); noStroke(); fill(colors[i]); rect(20, 198 + i * 40, width-40, 2); rect(10, 156 + i * 40, width-20, 1); } if (clicked) { delayscene = 0; showHighscores = false; } } }; var ShareScore = function() { if (shareHighscore) { delayscene2 = 0; fill(0, 0, 0, 100); rect(0, 0, width, height); noFill(); strokeWeight(6); stroke(64, 64, 64); rect(10, 10, width-20, height-21); textAlign(CENTER, CENTER); textSize(40); fill(255, 255, 255); text("MY SCORE:", 200, 129); textSize(120); fill(224, 146, 0); text(confsc === highscore ? highscore : 0, 200, 217); textSize(22); fill(255, 255, 255); text("Create a Spin-off to share your highscore.", 200, 375); if (clicked) { delayscene = 0; shareHighscore = false; } } }; var initialResets = function() { cursor(ARROW); overObject = false; camFollow /= 1.05; }; // font - Credit to WillTheProgrammer for the code. { // Please don't flag. Google Fonts are now allowed (ask Evan Lewis). var loadGoogleFont = (function() { return this.Function("gflink", "var f=document.createElement('link');f.setAttribute('rel','stylesheet');f.setAttribute('type','text/css');f.setAttribute('href',gflink);document.head.appendChild(f);"); })(); loadGoogleFont('https://fonts.googleapis.com/css?family='+font); } configGame(); game = false; draw = function() { initialResets(); background(33); // ground fill(43, 43, 43); rect(0, 348 + camY + round(camFollow), width, 125); drawBlocks(); Highscores(); ShareScore(); Game(); Menu(); // Highscore + top score var len = (""+highscore+"".split("")).length; textAlign(LEFT, CENTER); textSize(25); fill(255, 255, 255, 200); text("HI: "+highscore, 20 - 2, 23); textAlign(RIGHT, CENTER); fill(255, 255, 255, 200); text("TOP: "+highscores[0][1], 383, 23); // logo icon //showLogo(); clicked = false; };
Folds	9,13,50,66,67,74,77,108,109,113,116,135,139,154,155,273,362,394,395,425,427,431,444,473
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMLpopuvCQw
Votes	252
Spin-Offs	32
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Vesfx
Author Name	vesfx
Author ID	kaid_916551173476638938979939
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739378792985
Updated	8 months ago, 1744845503882
Source Deleted	unknown