Viewing Program

Program Data

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

Title	ZigZag
ID	5287064521621504
Created	4 years ago, 1613920882547
Updated	4 years ago, 1637862918621
Code	/** ========================================================================= ========================================================================= DauntlessStudios presents to you... __/__/__/__/__/ __/__/__/__/__/ __/__/__/__/__/ __/ __/ __/ __/ __/ __/ __/ __/ __/ __/__/__/ __/ __/ __/ __/ __/ __/ __/ __/ __/__/__/__/__/ __/__/__/__/__/ __/__/__/__/__/ __/__/__/__/__/ __/__/__/__/ __/__/__/__/__/ __/ __/ __/ __/ __/ __/ __/ __/ __/ __/__/__/__/__/ __/ __/__/__/ __/ __/ __/ __/ __/ __/ __/ __/ __/ __/ __/__/__/__/__/ __/ __/ __/__/__/__/__/ ========================================================================= ========================================================================= If your computer runs the average program at 30 fps, pick slow. If your computer runs the average program at 50 fps or more, pick fast. @Info { Computer: You must use the arrow keys to change the player's direction, either left or right. Don't fall off of the platforms. Collect as many gems as you can. Mobile: You must tap the screen to change the player's direction, either left or right. Don't fall off of the platforms. Collect as many gems as you can. } @Leaderboard (Only the top 5 scores will be posted) 1. PT - 201 2. ULTRABIGBRAIN - 123 3. BendyTheinkDemon90000 - 84 4. Xenonic - 58 5. Liam K - 52 @Subscribe { Subscribe to us here! https://www.khanacademy.org/computer-programming/subscribe-to-dauntless/4963992252923904 } / var fastDevice = 0; //Change this to 0 if your device is slow var mobile = 0; //Mobile option //Credit to the ZigZag game makers for actually making the app, this is just a (somewhat) replica that I did for fun //Speed at which the player moves var speed = 3; var saveSpeed = 3; smooth(); //Because we all like stuff smooth, right? //Replaces `new`. Credit to KWC for this part var new__ = (0 \|\| function() { var obj = Object.create(this.prototype); this.apply(obj, arguments); return obj; }); //Smooth movement function function smoothMove(from, to, speed) { return (to - from) speed + from; } // Transition variables --> { var squares = []; for (var i = 0; i < 10; i++) { for (var j = 0; j < 12; j++) { squares.push({ x: i * 50, y: j * 50 }); } } var scene = "slowfast"; var trans = { active: 0, going: 0, opac: 0, end: 0, sceneTo: "home", col: 0, draw: function() { if (this.active) { if (!this.going) { this.opac += 24; for (var i = 0; i < squares.length; i++) { var s = squares[i]; fill(this.col, this.opac - (s.x + s.y) / 2); rect(s.x, s.y, 50, 50); } if (this.opac > 800) { this.going = true; scene = this.sceneTo; } } if (this.going) { this.end += 20; for (var i = 0; i < squares.length; i++) { var s = squares[i]; fill(this.col, 255 - (this.end - (s.x + s.y) / 2)); rect(s.x, 550 - s.y, 50, 50); } if (this.end > 800) { this.end = 0; this.opac = 0; this.active = 0; this.going = 0; this.sceneTo = ""; } } this.opac = constrain(this.opac, -5, 801); this.opac = constrain(this.opac, -5, 801); } } }; var gems = 0; //} // Shop variables --------> { //Was mouse clicked? var clicked = 0; var inCol = 255; var outCol = -65536; //Gem function: draws the gems var gem = function(x, y) { fill(249, 166, 255); noStroke(); triangle(x - 12, y, x, y - 15, x, y + 4); fill(238, 87, 255); triangle(x, y - 15, x, y + 4, x + 12, y); fill(243, 130, 255); triangle(x - 12, y, x, y + 4, x, y + 15); fill(200, 91, 212); triangle(x, y + 4, x, y + 15, x + 12, y); }; var p; var item = function(c) { this.x = c.x; this.y = c.y; this.w = c.w; this.h = c.h; this.gemX = c.gemX; this.gemY = c.gemY; this.cost = c.cost; this.purchased = c.purchased; this.selected = c.selected; this.func = c.func; this.col = c.col; this.otherFunc = c.otherFunc; }; item.prototype.draw = function() { noStroke(); if (this.purchased) { fill(255); if (mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2) { fill(203, 122, 255); if (clicked) { this.otherFunc(); } } rect(this.x - this.w / 2 - 8, this.y - this.h / 2 - 8, this.w + 16, this.h + 16, 50); fill(100); rect(this.x - this.w / 2 - 3, this.y - this.h / 2 - 3, this.w + 6, this.h + 6, 50); fill(203, 122, 255); textAlign(3, 3); textFont(createFont("Futura"), 15); text("PURCHASED", this.x, this.y + 20); noFill(); for (var i = 0; i < 30; i++) { stroke(lerpColor(255, this.col, i / 30)); ellipse(this.x, this.y - 10, i, i); } if (this.selected) { fill(0); text("SELECTED", this.x, this.y + 50); } } else { fill(255); if (mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2) { fill(203, 122, 255); if (clicked) { this.func(); } } rect(this.x - this.w / 2 - 6, this.y - this.h / 2 - 6, this.w + 12, this.h + 12, 50); fill(255); rect(this.x - this.w / 2 - 3, this.y - this.h / 2 - 3, this.w + 6, this.h + 6, 50); fill(203, 122, 255); rect(this.x - this.w / 2, this.y - this.h / 2, this.w, this.h, 50); fill(255); textAlign(3, 3); textFont(createFont("Futura"), 25); text(this.cost, this.x - this.gemX / 2, this.y); gem(this.x + this.gemX, this.y + this.gemY); } }; var _red, _orange, _yellow, _green, _blue, _purple; var conditionShop = function(c1, c2, c3, c4, c5, c6, out) { if (c1.selected) { outCol = out; c2.selected = 0; c3.selected = 0; c4.selected = 0; c5.selected = 0; c6.selected = 0; } }; var alreadyPurchased = function(c1, c2, c3, c4, c5, c6, out) { outCol = out; c1.selected = 1; c2.selected = 0; c3.selected = 0; c4.selected = 0; c5.selected = 0; c6.selected = 0; }; _red = new__.call(item, { x: 150, y: 250, w: 170, h: 70, gemX: 30, gemY: 0, cost: 50, purchased: 1, selected: 1, func: function() { if (gems >= this.cost) { if (!this.purchased) { gems -= this.cost; } this.purchased = 1; this.selected = 1; p.col1 = this.col; conditionShop(_red, _orange, _yellow, _green, _blue, _purple, this.col); } }, col: -65536, otherFunc: function() { if (this.purchased && mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2) { alreadyPurchased(_red, _orange, _yellow, _green, _blue, _purple, this.col); } } }); _orange = new__.call(item, { x: 350, y: 250, w: 170, h: 70, gemX: 30, gemY: 0, cost: 50, purchased: 0, selected: 0, func: function() { if (gems >= this.cost && !this.purchased) { gems -= this.cost; this.purchased = 1; this.selected = 1; p.col1 = this.col; conditionShop(_orange, _red, _yellow, _green, _blue, _purple, this.col); } }, col: -24576, otherFunc: function() { if (this.purchased && mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2) { alreadyPurchased(_orange, _red, _yellow, _green, _blue, _purple, this.col); } } }); _yellow = new__.call(item, { x: 150, y: 350, w: 170, h: 70, gemX: 30, gemY: 0, cost: 75, purchased: 0, selected: 0, func: function() { if (gems >= this.cost && !this.purchased) { gems -= this.cost; this.purchased = 1; this.selected = 1; p.col1 = this.col; conditionShop(_yellow, _red, _orange, _green, _blue, _purple, this.col); } }, col: -2816, otherFunc: function() { if (this.purchased && mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2) { alreadyPurchased(_yellow, _orange, _red, _green, _blue, _purple, this.col); } } }); _green = new__.call(item, { x: 350, y: 350, w: 170, h: 70, gemX: 30, gemY: 0, cost: 75, purchased: 0, selected: 0, func: function() { if (gems >= this.cost && !this.purchased) { gems -= this.cost; this.purchased = 1; this.selected = 1; p.col1 = this.col; conditionShop(_green, _red, _orange, _yellow, _blue, _purple, this.col); } }, col: -16714496, otherFunc: function() { if (this.purchased && mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2) { alreadyPurchased(_green, _orange, _yellow, _red, _blue, _purple, this.col); } } }); _blue = new__.call(item, { x: 150, y: 450, w: 170, h: 70, gemX: 30, gemY: 0, cost: 100, purchased: 0, selected: 0, func: function() { if (gems >= this.cost && !this.purchased) { gems -= this.cost; this.purchased = 1; this.selected = 1; p.col1 = this.col; conditionShop(_blue, _red, _orange, _green, _yellow, _purple, this.col); } }, col: -16719361, otherFunc: function() { if (this.purchased && mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2) { alreadyPurchased(_blue, _orange, _yellow, _green, _red, _purple, this.col); } } }); _purple = new__.call(item, { x: 350, y: 450, w: 170, h: 70, gemX: 30, gemY: 0, cost: 100, purchased: 0, selected: 0, func: function() { if (gems >= this.cost && !this.purchased) { gems -= this.cost; this.purchased = 1; this.selected = 1; p.col1 = this.col; conditionShop(_purple, _red, _orange, _green, _blue, _yellow, this.col); } }, col: -6749953, otherFunc: function() { if (this.purchased && mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2) { alreadyPurchased(_purple, _orange, _yellow, _green, _blue, _red, this.col); } } }); var shopItems = [_red, _orange, _yellow, _green, _blue, _purple]; //} // Logo variables --------> { var time2 = 0; var letters = function(x, y, letter, col) { this.x = x; this.y = y; this.letter = letter; this.yVel = 1; this.jh = 13.5; this.transparency = 0; this.col = col; }; letters.prototype.draw = function() { pushMatrix(); translate(this.x - 30, this.y); if (frameCount > 75) { this.transparency += 3; } fill(this.col, this.transparency); text(this.letter, 0, 0); this.yVel = -this.jh; this.y += this.yVel; this.jh -= 0.2; if (this.y > height) { this.yVel = 1; this.jh = 13.5; } popMatrix(); }; var mathX = width / 9; var mathY = height / 9; var faded = 0; var lettering = [ new__.call(letters, mathX, mathY * 9, "D", -13068033), new__.call(letters, mathX * 2, mathY * 8, "A", -706305), new__.call(letters, mathX * 3, mathY * 7, "U", -13068033), new__.call(letters, mathX * 4, mathY * 6, "N", -706305), new__.call(letters, mathX * 5, mathY * 5, "T", -13068033), new__.call(letters, mathX * 6, mathY * 4, "L", -706305), new__.call(letters, mathX * 7, mathY * 3, "E", -13068033), new__.call(letters, mathX * 8, mathY * 2, "S", -706305), new__.call(letters, mathX * 9, mathY, "S", -13068033), ]; var studios = { x: 250, y: -50, vy: 0, bounces: 0, bouncing: 1, fall: 0, }; //} // Home variables --------> { var going; //Position of the title text var zigY = 0; //Button constructor var shop; var mobileX = 0; var blocks; var button = function(x, y, w, h, txt, next) { this.x = x; this.y = y; this.w = w; this.h = h; this.r = 5; this.txt = txt; this.next = next; this.move = 0; }; button.prototype.draw = function() { fill(200); noStroke(); rect(this.x - this.w / 2, this.y - this.h / 2, this.w, this.h, this.r); fill(255); textAlign(3, 3); textFont(createFont("Futura"), (15 - this.txt.length) * ((this.w + this.h) / 100)); text(this.txt, this.x, this.y); if (mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2) { this.r = smoothMove(this.r, 20, 0.1); if (clicked) { if (this.next === "game") { this.move = 1; } else { trans.active = 1; trans.sceneTo = this.next; } } } else { this.r = smoothMove(this.r, 0, 0.1); } if (this.move) { this.x = smoothMove(this.x, 600, 0.1); shop.x = smoothMove(shop.x, 600, 0.1); zigY = smoothMove(zigY, -160, 0.1); mobileX = smoothMove(mobileX, 350, 0.1); } if (this.x > 598) { going = 1; scene = "game"; } }; var play = new__.call(button, width / 2, 300, 180, 60, "PLAY", "game"); shop = new__.call(button, width / 2, 380, 180, 60, "SHOP", "shop"); var back = new__.call(button, 30, 30, 50, 50, "BACK", "home"); var backFromEnd = new__.call(button, 250, 530, 200, 60, "BACK", "home"); //} // Game variables --------> { //Block color array var bc = [133, 219, 255]; //x of the points var pointsX = 60; //x of the gems var gemX = -60; //Allows for keys var keys = []; keyPressed = function() { keys[keyCode] = 1; }; keyReleased = function() { keys[keyCode] = 0; }; //Was the mouse pressed? var pressed = 0; mousePressed = function() { pressed = 1; }; mouseDragged = function() { pressed = 0; }; //Number of gems collected, and other transformations of the corner number var gameGems = 0; var rot = 0; var rotV = 0; var tSize = 35; var tSizeV = 0; //Whether or not the blocks are falling down going = 0; //The amount of time passed since the game started var gameCount = 0; var spawnX; //Particle class var particle = function(x, y) { this.x = x; this.y = y; this.a = random(360); this.ttl = 200; this.vx = random(-2, 2); this.vy = random(-2, 2); }; particle.prototype.draw = function() { noStroke(); fill(238, 87, 255, this.ttl); pushMatrix(); translate(this.x, this.y); rotate(this.a); rect(-2, -2, 4, 4); popMatrix(); this.x += this.vx; this.y += this.vy; this.ttl -= 5; }; var particles = []; //Block class var block = function(x, y, r, g, b) { this.x = x; this.y = y; this.rad = 25; this.r = r; this.g = g; this.b = b; this.hasGem = floor(random(0, 1.15)); this.gem = { x: x, y: y + 5, claimed: 0, t: 0 }; this.message = { x: x, y: 480, opac: 0, vy: 0 }; this.vy = 0; }; block.prototype.draw = function() { var d = 30 - dist(300, this.y, 300, 370) / 8; //Draw fill(bc[0] + d, bc[1] + d, bc[2] + d); strokeWeight(1); stroke(bc[0] + d, bc[1] + d, bc[2] + d); quad(this.x - 25, this.y, this.x, this.y - 15, this.x + 25, this.y, this.x, this.y + 15); noStroke(); fill(bc[0] - 133, bc[1] - 48, bc[2] - 31); stroke(bc[0] - 133, bc[1] - 48, bc[2] - 31); quad(this.x - 25, this.y, this.x - 25, height / 2 + this.y, this.x, height / 2 + this.y + 15, this.x, this.y + 15); fill(bc[0] - 72, bc[1] - 8, bc[2]); stroke(bc[0] - 72, bc[1] - 8, bc[2]); quad(this.x + 25, this.y, this.x + 25, height / 2 + this.y, this.x, height / 2 + this.y + 15, this.x, this.y + 15); if (this.hasGem) { this.gem.y += this.vy; noStroke(); fill(0, 30); ellipse(this.gem.x, this.gem.y + 5, 15 - cos(gameCount * 2) * 2, 10 - cos(gameCount * 2) * 1.66); gem(this.gem.x, this.gem.y - (15 + cos(gameCount * 2) * 4)); fill(200, 91, 212, this.message.opac); textAlign(0, 3); textFont(createFont("Avenir Next"), 25); text("+2", this.message.x, this.message.y); } if (going && p.y <= 498) { this.y += speed / 1.75; if (this.hasGem) { this.gem.y += speed / 1.75; if (this.gem.claimed) { this.gem.x = -width; this.gem.t++; if (this.gem.t < 4) { for (var i = 0; i < 5; i++) { particles.push(new__.call(particle, this.x, this.y + 5)); } } } if (this.message.vy !== 0) { this.message.y = smoothMove(this.message.y, this.gem.y - 90, 0.06); this.message.opac -= 5; } } } if (this.y > height - 40) { this.vy += 0.25; } this.y += this.vy; }; //blocks array with 1 starting block in it blocks = [new__.call(block, width / 2, 500, bc[0], bc[1], bc[2])]; //The starting X position of the first block var stepX = width / 2; var createBlocks = function() { stepX = width / 2; bc = [133, 219, 255]; //Starting blocks blocks = [new__.call(block, width / 2, 500, bc[0], bc[1], bc[2])]; for (var i = 0; i < 44; i++) { //Randomized moving, works every time `i` increments. Either increment or decrement `stepX` by 25 if (floor(random(0, 2))) { if (stepX < width - 25) { stepX += 25; } else { stepX -= 25; } } else { if (stepX > 25) { stepX -= 25; } else { stepX += 25; } } //Push blocks into the array blocks.push(new__.call(block, stepX, 485 - i * 15, bc[0], bc[1], bc[2])); } spawnX = blocks[blocks.length - 1].x; }; createBlocks(); //Points var points = 0; //Player object p = { x: blocks[0].x, y: blocks[0].y, r: 7, vx: 0, vy: 0, leftTime: 0, rightTime: 0, col1: outCol, col2: inCol, speed: speed, lefttime: 0, rightime: 0, ableToIncrementScore: 1, presstime: 0, a: 0, s: 1, draw: function() { //Draw the ball noFill(); pushMatrix(); translate(this.x, this.y); rotate(this.a); scale(this.s); for (var i = 0; i < this.r * 2; i++) { stroke(lerpColor(this.col2, this.col1, i / (this.r * 2))); ellipse(0, 0, i, i); } noStroke(); fill(0); ellipse(-2.5, -1.5, 2.5, 2.5); ellipse(2.5, -1.5, 2.5, 2.5); arc(0, 2, 5, 5, 1, 180); popMatrix(); }, reset: function() { this.x = blocks[0].x; this.y = blocks[0].y; this.r = 7; this.s = 0; this.vx = 0; this.vy = 0; this.leftTime = 0; this.rightTime = 0; this.col1 = outCol; this.col2 = inCol; this.speed = speed; this.lefttime = 0; this.righttime = 0; this.ableToIncrementScore = 1; this.presstime = 0; this.a = 0; }, dealWithCols: function() { //Collisions for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; if (b.hasGem && this.x + this.r > b.gem.x - 5 && this.x - this.r < b.gem.x + 5 && this.y - this.r > b.gem.y - 23 && this.y + this.r < b.gem.y + 5 && !b.gem.claimed && i > 0) { //Set claimed boolean to true if claimed is false, and increment points by 2 b.gem.claimed = 1; b.message.opac = 255; b.message.vy = -2; points += 2; gameGems++; gems++; tSizeV = 3; rotV = 3; } if ((this.x > b.x + b.rad * 1.5 \|\| this.x < b.x - b.rad * 1.5) && b.y > this.y - this.r / 1.1 && b.y < p.y + p.r * 1.5) { this.fell = 1; } } }, update: function() { //Action when left key is pressed but right is not if (!this.fell) { if (mobile) { if (pressed) { this.vx = -1; if (this.presstime < 1) { points++; } this.presstime++; } if (!pressed) { this.presstime = 0; } } else { if (keys[LEFT] && !keys[RIGHT] && this.vx === speed) { if (this.lefttime < 1) { points++; } this.vx = -speed; this.leftTime++; this.lefttime++; } //Action when right key is pressed but left is not if (keys[RIGHT] && !keys[LEFT] && this.vx === -speed) { if (this.righttime < 1) { points++; } this.vx = speed; this.rightTime++; this.righttime++; } //If both keys are pressed, which one was held for longer? if (keys[LEFT] && keys[RIGHT]) { if (this.leftTime > this.rightTime) { this.vx = -speed; } if (this.rightTime > this.leftTime) { this.vx = speed; } } //Make sure that the times are always 0 when no key is pressed if (!keys[LEFT]) { this.leftTime = 0; this.lefttime = 0; } if (!keys[RIGHT]) { this.rightTime = 0; this.righttime = 0; } } } this.a += this.vx 3; if (this.y > 498) { if (going) { if (fastDevice) { this.y -= (this.speed * 2) / 1.75; } else { this.y -= this.speed / 1.75; } } } else { this.y = 498; if (!this.fell) { if (fastDevice) { this.y -= (this.speed * 2) / 1.75 + (this.speed * 2) / 1.75; } else { this.y -= this.speed / 1.75 + this.speed / 1.75; } } } if (this.y > 700 + this.r) { trans.active = 1; trans.sceneTo = "end"; } if (scene === "end") { this.s = 14.2; this.x = 250; this.a = 0; this.y = 350; this.vx = 0; this.vy = 0; } else { this.r = 7; } //Movement this.x += this.vx; this.y += this.vy; if (this.fell) { going = 0; this.vy += 0.4; } //Collisions this.dealWithCols(); }, run: function() { //Update this.update(); //Draw this.draw(); } }; //spawnX, X position of the last item in the array spawnX = blocks[blocks.length - 1].x; //Y position of the little platform at the bottom var homeY = 0; var homeVY = 0; //Random colors for color switching var switchZero = random(100, 255); var switchOne = random(100, 255); var switchTwo = random(100, 255); //Should we be pushing blocks? var shouldPushBlocks = 1; //} var arrayColors = []; var haveChange = 0; var colorTime = 0; var plus = 0; var plus2 = 50; function n(a, b) { return points >= a && points < b; } var squishScreen = 0; //Animation var thumb; imageMode(3); draw = function() { mouseX = mouseX; mouseY = mouseY; switch (scene) { case "slowfast": background(0); textAlign(3, 3); textFont(createFont("Arial Black"), 40); fill(255); text("Do you have a fast\nor slow computer?", 250, 140); if (dist(mouseX, mouseY, 150, 350) < 50) { fill(-9850113); ellipse(150, 350, 100, 100); if (clicked) { scene = "logo"; fastDevice = 0; } } if (dist(mouseX, mouseY, 350, 350) < 50) { fill(-9850113); ellipse(350, 350, 100, 100); if (clicked) { scene = "logo"; fastDevice = 1; } } fill(255); textSize(20); text("SLOW", 150, 350); text("FAST", 350, 350); frameCount = 0; break; case "logo": background(0); noStroke(); textAlign(3); textFont(createFont("Avenir Light"), 40); time2 += 0.018; pushMatrix(); translate(2.5, 0); for (var i = 0; i < lettering.length; i++) { var l = lettering[i]; l.draw(); if (time2 > 4 && l.y > height/2) { l.y = height/2; studios.fall = 1; } } popMatrix(); if (studios.fall) { studios.vy += 0.2; } if (time2 > 8) { trans.active = 1; } studios.y += studios.vy; textSize(30); fill(255); text("Studios", studios.x, studios.y); if (studios.y > 280 && studios.bouncing) { studios.vy = -7; studios.bounces++; } if (studios.bounces >= 1) { studios.bouncing = 0; if (studios.y > 350) { studios.y = 350; studios.vy = 0; } } break; case "home": background(255); pushMatrix(); translate(0, -100); for (var i = blocks.length - 1; i >= 0; i--) { blocks[i].draw(); } var d = 30 - dist(300, 715, 300, 400) / 20; fill(133 + d, 219 + d, 255 + d); stroke(133 + d, 219 + d, 255 + d); pushMatrix(); translate(0, homeY); beginShape(); vertex(45, 600); vertex(225, 500); vertex(250, 515); vertex(275, 500); vertex(455, 600); vertex(250, 715); endShape(); noStroke(); fill(bc[0] - 133, bc[1] - 48, bc[2] - 31); quad(45, 600, 45, 700, 250, 815, 250, 715); fill(bc[0] - 72, bc[1] - 8, bc[2]); quad(455, 600, 455, 700, 250, 815, 250, 715); popMatrix(); p.x = blocks[0].x; p.y = blocks[0].y; p.s = 1; p.fell = 0; p.draw(); popMatrix(); if (blocks[1].x > p.x) { p.vx = speed; } if (blocks[1].x < p.x) { p.vx = -speed; } blocks[0].hasGem = 0; play.draw(); shop.draw(); fill(0); textSize(25); text(mobile ? "Mobile: ON" : "Mobile: OFF", 250 + mobileX, 450); if (clicked && mouseX > 150 && mouseX < 350 && mouseY > 430 && mouseY < 470) { mobile = !mobile; } textFont(createFont("Futura"), 60); textAlign(3, 3); text("ZigZag", 250, 90 + zigY); if (dist(mouseX, mouseY + 100, p.x, p.y) < p.r * 2 && clicked) { println("Subscribe to us here!\nhttps://www.khanacademy.org/computer-programming/subscribe-to-dauntless/4963992252923904"); } break; case "game": //If the blocks length is less than 100, then we can push blocks into the array. Reasoning: the more items in an array, the more laggy the program will be if (blocks.length < 100) { shouldPushBlocks = 1; } else { shouldPushBlocks = 0; } //If the blocks should be going down, start pushing more into the array if (going) { if (shouldPushBlocks) { //Randomized moving, either increment or decrement the block's spawnX by 25, works because of every frame that is currently moving if (floor(random(0, 2))) { if (spawnX < width - 25) { spawnX += 25; } else { spawnX -= 25; } } else { if (spawnX > 25) { spawnX -= 25; } else { spawnX += 25; } } //Finally, push a new block into the array blocks.push(new__.call(block, spawnX, blocks[blocks.length - 1].y - 15, bc[0], bc[1], bc[2])); } gameCount++; } //Switch of block color every 50 points until 500, which is the point where it is just infinite if (n(50 + plus, 53 + plus)) { if (colorTime < 2) { arrayColors[0] = [random(0, 255), random(0, 255), random(0, 255)]; plus = plus2; } colorTime++; haveChange = 1; } else { colorTime = 0; plus2 = plus + 50; } if (arrayColors.length > 25) { arrayColors.length = 25; } if (arrayColors[0]) { if (haveChange) { bc[0] = smoothMove(bc[0], arrayColors[0][0], 0.1); bc[1] = smoothMove(bc[1], arrayColors[0][1], 0.1); bc[2] = smoothMove(bc[2], arrayColors[0][2], 0.1); } if (bc[0] >= arrayColors[0][0] - 5 && bc[0] < arrayColors[0][0] + 5) { haveChange = 0; } } background(255); //Make sure that the points are always 0 until you start if (!going && !p.fell) { points = 0; p.x = blocks[0].x; p.y = blocks[0].y; } p.s = 1; pushMatrix(); translate(0, -100); //Draw blocks for (var i = blocks.length - 1; i >= 0; i--) { var b = blocks[i]; //Draw the blocks b.draw(); //If the block is more than the screen's height, remove it if (b.y > height + 195) { blocks.splice(i, 1); } } //Draw the particles for (var i = particles.length - 1; i >= 0; i--) { var pa = particles[i]; //Draw particles pa.draw(); //If particles time to live is less than zero, remove that particle if (pa.ttl < 0) { particles.splice(i, 1); } } //Polygon at the bottom var d = 30 - dist(300, 715, 300, 400) / 20; fill(133 + d, 219 + d, 255 + d); stroke(133 + d, 219 + d, 255 + d); pushMatrix(); translate(0, homeY); beginShape(); vertex(45, 600); vertex(225, 500); vertex(250, 515); vertex(275, 500); vertex(455, 600); vertex(250, 715); endShape(); noStroke(); fill(bc[0] - 133, bc[1] - 48, bc[2] - 31); quad(45, 600, 45, 700, 250, 815, 250, 715); fill(bc[0] - 72, bc[1] - 8, bc[2]); quad(455, 600, 455, 700, 250, 815, 250, 715); popMatrix(); //Run the player p.run(); popMatrix(); //Points fill(0); textAlign(39, 3); textFont(createFont("Avenir Next"), 35); text(points, 494 + pointsX, 20); gem(20 + gemX, 20); fill(0); textAlign(37, 3); textSize(tSize); pushMatrix(); translate(40 + gemX, 20); rotate(rot); text(gameGems, 0, 0); popMatrix(); pointsX = smoothMove(pointsX, 0, 0.1); gemX = smoothMove(gemX, 0, 0.1); if (going && p.y <= 498) { homeY += speed / 1.75; } rot += rotV; tSize += tSizeV; rot = constrain(rot, 0, 35); tSize = constrain(tSize, 35, 50); rotV -= 0.22; tSizeV -= 0.22; if (homeY > 40) { homeVY += 0.25; } homeY += homeVY; //Because I don't want the first block to have a gem lol blocks[0].hasGem = 0; pressed = 0; break; case "end": background(255); if (trans.end === 780) { p.reset(); blocks.length = 0; createBlocks(); } fill(0); textAlign(3, 3); textFont(createFont("Trebuchet MS"), 20); text("Oh no! You fell off track.\nTry again!", 250, 150); gameGems = 0; p.run(); homeY = 0; going = 0; points = 0; pointsX = 60; gemX = -60; play.x = 250; play.move = 0; shop.x = 250; zigY = 0; mobileX = 0; homeVY = 0; backFromEnd.draw(); break; case "shop": background(255); back.draw(); textAlign(39, 3); textFont(createFont("Avenir Next"), 35); fill(0); text(gems, 460, 19); gem(478, 20); fill(0); textSize(50); textAlign(3, 3); text("SHOP", 250, 100); for (var i = shopItems.length - 1; i >= 0; i--) { var s = shopItems[i]; s.draw(); } break; } if (fastDevice) { speed = saveSpeed / 2; } trans.col = -9850113; noStroke(); trans.draw(); clicked = 0; if (keys[192] && keys[187]) { thumb = get(); background(255); image(thumb, 250, 300, 400, 600); noLoop(); } }; //Click event mouseClicked = function() { clicked = 1; };
Folds	25,31,40,43,59,63,66,68,70,122,123,326,327,381,382,440,441,791,798,800,807,1176,1179,1181
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN2V6pGyCQw
Votes	166
Spin-Offs	8
Type	PJS
Width	500
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	DauntlessStudios
Author Name	dauntlessStudios
Author ID	kaid_343744285298618744329896
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739379171874
Updated	10 months ago, 1739379182548
Source Deleted	unknown