Viewing Program

Program Data

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

Title	-Orientation-
ID	6214301434019840
Created	7 years ago, 1519756241169
Updated	7 years ago, 1534893949749
Code	smooth(); var colors = [color(222, 22, 0), color(232, 93, 0), color(255, 187, 0), color(0, 148, 44), color(0, 168, 219), color(181, 0, 181)]; var sz = 30; var playing = false; var gravity = 0.5; var clicked = false; var keys = []; var typed = []; var EESTRING = ""; var EE = "swagster"; keyPressed = function(){ keys[keyCode] = true; }; keyReleased = function(){ keys[keyCode] = false; typed[keyCode] = true; }; { var S = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); line(22, -20, 0, -20); arc(-3, -10, 22, 20, 90, 270); arc(3, 10, 22, 20, -90, 90); line(0, 20, -22, 20); popMatrix(); }; var p = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); line(-13, 26, -13, 5); ellipse(0, 3, 26, 26); popMatrix(); }; var i = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); line(0, 4, 0, 30); //line(0, 4, -5, 4); line(0, -10, 0, -9); popMatrix(); }; var r = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); line(-4, -10, -4, 20); arc(11, 5, 30, 30, 180, 270); line(14, -10, 26, -10); popMatrix(); }; var a = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); ellipse(0, 3, 26, 26); line(13, -10, 13, 16); line(5, -10, 26, -10); popMatrix(); }; var l = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); line(0, 26, 0, -10); line(0, -10, -6, -10); popMatrix(); }; var t = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); line(-2, -10, -2, 15); arc(4, 20, 12, 12, 90, 180); line(-8, 0, 8, 0); line(6, 26, 16, 26); popMatrix(); }; var u = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); line(-13, -10, -13, -4); line(13, -10, 13, 13); arc(0, 3, 26, 26, 0, 180); arc(18, 20, 10, 10, 90, 180); popMatrix(); }; var d = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); ellipse(0, 3, 26, 26); line(13, -4, 13, -26); popMatrix(); }; var o = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); ellipse(0, 3, 26, 26); line(5, -10, 26, -10); popMatrix(); }; var s = function(x, y, s, t){ pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 255, 255, t); ellipse(0, 0, 60, 60); noFill(); stroke(59, 148, 212); strokeWeight(8); strokeCap(PROJECT); line(26, -10, 3, -10); arc(0, -2, 16, 16, 90, 270); arc(2, 13, 16, 16, -90, 90); line(-5, 21, -8, 21); popMatrix(); }; var SS_LOGO_3 = function(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; this.sR = 0; this.eS = 0; this.eSS = 0; this.rS = 0; this.rSS = 0; this.letters = []; for(var i = 0; i < 13; i++){ this.letters.push({x: i * 45 + 30, y: 300, s: 0.65, t: 0, animate: false, count: 0}); } this.fC = 0; this.done = false; }; SS_LOGO_3.prototype.play = function(){ pushMatrix(); translate(this.x, this.y); scale(this.w / 600, this.h / 600); background(59, 148, 212); noStroke(); { S(this.letters[0].x, this.letters[0].y, this.letters[0].s, this.letters[0].t); p(this.letters[1].x, this.letters[1].y, this.letters[1].s, this.letters[1].t); i(this.letters[2].x, this.letters[2].y, this.letters[2].s, this.letters[2].t); r(this.letters[3].x, this.letters[3].y, this.letters[3].s, this.letters[3].t); a(this.letters[4].x, this.letters[4].y, this.letters[4].s, this.letters[4].t); l(this.letters[5].x, this.letters[5].y, this.letters[5].s, this.letters[5].t); t(this.letters[7].x, this.letters[7].y, this.letters[7].s, this.letters[7].t); u(this.letters[8].x, this.letters[8].y, this.letters[8].s, this.letters[8].t); d(this.letters[9].x, this.letters[9].y, this.letters[9].s, this.letters[9].t); i(this.letters[10].x, this.letters[10].y, this.letters[10].s, this.letters[10].t); o(this.letters[11].x, this.letters[11].y, this.letters[11].s, this.letters[11].t); s(this.letters[12].x, this.letters[12].y, this.letters[12].s, this.letters[12].t); pushMatrix(); translate(this.letters[6].x, this.letters[6].y); rotate(this.sR); S(0, 0, this.letters[6].s, this.letters[6].t); popMatrix(); }//Draw all of the letters for(var i = 0; i < this.letters.length; i++){ var l = this.letters[i]; if(this.fC === i * 10){ l.animate = true; } if(l.animate){ if(l.count < 35){ l.s = 0.65 +sin(l.count * 10)0.3; } if(l.t < 255){ l.t += 5; } if(l.count > 160){ l.x = cos(l.count 2 - 320) * (l.x - 300) + 300; l.y = sin(l.count * 2 - 320) * (l.x - 300) + 300; } if(dist(l.x, l.y, 300, 300) < 1 && i !== 6){ l.t = 0; } if(i === 6){ if(l.count > 280){ l.s += (8 - l.s) / 8; this.sR += (180 - this.sR) / 8; } if(l.count > 370){ this.sR += this.rS; this.rS += this.rSS; this.rSS += 0.02; } if(l.count > 395){ l.s += this.eS; this.eS += this.eSS; this.eSS += 0.05; } if(l.count > 440){ this.done = true; } } l.count ++; } } if(clicked){ this.done = true; } this.fC ++; popMatrix(); }; SS_LOGO_3.prototype.restart = function(){ this.sR = 0; this.eS = 0; this.eSS = 0; this.rS = 0; this.rSS = 0; this.letters = []; for(var i = 0; i < 13; i++){ this.letters.push({x: i * 45 + 30, y: 300, s: 0.65, t: 0, animate: false, count: 0}); } this.fC = 0; this.done = false; }; var SS_ICON = function(x, y, s){ this.oX = x; this.x = x; this.oY = y; this.y = y; this.oS = s; this.s = s; this.rot = 0; this.hover = false; this.arcSize = 200; }; SS_ICON.prototype.display = function(){ pushMatrix(); translate(this.x, this.y); rotate(this.rot); //scale(this.s); fill(59, 148, 212); noStroke(); ellipse(0, 0, 72 * this.s, 72 * this.s); S(0, 0, this.s, 255); popMatrix(); }; SS_ICON.prototype.update = function(){ if(dist(this.x, this.y, mouseX, mouseY) < 36 * this.oS){ this.hover = true; if(clicked){ println("Like this program? To subscribe, go here: https://www.khanacademy.org/computer-programming/subscribe-to-jack-p/6239186734153728 \nYou won't regret it!!!"); } } else{ this.hover = false; } this.s += ((this.hover ? this.oS + 0.2 : this.oS) - this.s) / 4; this.rot += ((this.hover ? 0 : -180) - this.rot) / 4; }; }//Logo stuff var titleText = function(x, y, rot, s){ pushMatrix(); translate(x, y); rotate(rot); scale(s); noStroke(); fill(0, 0, 0); ellipse(0, 0, 40, 40); rect(0, -60, 60, 60); rect(59, -40, 208, 40); fill(colors[0]); rect(3, -57, 54, 54); ellipse(0, 0, 34, 34); rect(56, -37, 208, 34); pushMatrix(); translate(30, -30); rotate(frameCount); fill(0); rect(-17, -17, 34, 34); rotate(-2frameCount); fill(colors[0]); rect(-8, -8, 16, 16); popMatrix(); fill(0); ellipse(0, 0, 14, 14); rect(60, -33, 20, 8); rect(60, -33, 8, 25); rect(83, -33, 8, 8); rect(83, -22, 8, 14); rect(94, -33, 20, 8); rect(94, -33, 8, 25); rect(94, -16, 20, 8); rect(94, -23, 15, 5); rect(117, -33, 8, 25); rect(117, -33, 20, 8); rect(129, -30, 8, 22); rect(140, -33, 18, 8); rect(145, -33, 8, 25); rect(161, -33, 8, 25); rect(161, -33, 20, 8); rect(161, -23, 20, 5); rect(173, -33, 8, 25); rect(184, -33, 18, 8); rect(189, -33, 8, 25); rect(205, -33, 8, 8); rect(205, -22, 8, 14); rect(216, -33, 8, 25); rect(216, -33, 20, 8); rect(228, -33, 8, 25); rect(216, -16, 20, 8); rect(239, -33, 8, 25); rect(239, -33, 20, 8); rect(251, -30, 8, 22); popMatrix(); }; var GO = function(x, y, s){ pushMatrix(); translate(x-15, y); scale(s); fill(0); rect(-285, -50, 600, 100); fill(colors[2]); rect(-285, -45, 600, 90); fill(0); rect(-60, -35, 60, 20); rect(-60, -35, 20, 70); rect(-60, 15, 60, 20); rect(-20, 0, 20, 35); rect(5, -35, 60, 20); rect(5, -35, 20, 70); rect(5, 15, 60, 20); rect(45, -35, 20, 70); rect(75, -35, 20, 40); rect(75, 15, 20, 20); popMatrix(); }; var collide = function(obj1, obj2){ return obj1.x + obj1.w > obj2.x && obj1.x < obj2.x + obj2.w && obj1.y + obj1.h > obj2.y && obj1.y < obj2.y + obj2.h; }; var rotateBlockCW = function(block, origin){ var xDif = block.midX - origin.x; var yDif = block.midY - origin.y; block.midX = origin.x - yDif; block.midY = origin.y + xDif; }; var rotateBlockCCW = function(block, origin){ var xDif = block.midX - origin.x; var yDif = block.midY - origin.y; block.midX = origin.x + yDif; block.midY = origin.y - xDif; }; var drawGrid = function(size){ stroke(125, 125, 125); strokeWeight(3); for(var i = 0; i < width / size; i ++){ line(i size, 0, i * size, height); } for(var i = 0; i < height / size; i ++){ line(0, i * size, width, i * size); } }; var Player = function(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; this.velX = 0; this.velY = 0; this.accX = 0; this.grounded = false; this.col = color(232, 93, 0); this.reachedDoor = false; }; Player.prototype.displayBlack = function(){ fill(0, 0, 0); noStroke(); rect(this.x - 2, this.y - 2, this.w + 4, this.h + 4); }; Player.prototype.displayColor = function(){ fill(this.col); rect(this.x, this.y, this.w, this.h); fill(255, 255, 255, 80); rect(this.x, this.y, this.w, this.h); fill(0, 0, 0); ellipse(this.x + 8 + this.velX, this.y + 10 + this.velY / 3, 4, 4); ellipse(this.x + this.w - 8 + this.velX, this.y + 10 + this.velY / 3, 4, 4); /rect(this.x + 4.5 + this.velX, this.y + 7 + this.velY / 3, 7, 5); rect(this.x + this.w - 11.5 + this.velX, this.y + 7 + this.velY / 3, 7, 5); rect(this.x + 3, this.y + 7 + this.velY / 3, this.w - 6, 2);/ }; Player.prototype.update = function(chunks, door){ if(this.reachedDoor){ this.accX = 0; this.velX = 0.8; } this.velX = 0.87; this.velX += this.accX; this.x += this.velX; for(var i = 0; i < chunks.length; i++){ for(var j = 0; j < chunks[i].blocks.length; j++){ this.collideX(chunks[i].blocks[j]); } if(chunks[i].status === "mobile"){ this.collideX(chunks[i].motor); this.grabKey(chunks[i]); } } this.collideX(door); this.velY += gravity; this.y += this.velY; for(var i = 0; i < chunks.length; i++){ for(var j = 0; j < chunks[i].blocks.length; j++){ this.collideY(chunks[i].blocks[j]); if(chunks[i].status === "mobile"){ this.collideY(chunks[i].motor); } } } this.collideY(door); if(!this.reachedDoor){ this.keys(); } this.grounded = false; }; Player.prototype.keys = function(){ if(keys[UP] && this.grounded){ this.velY -= 8.75; } if(keys[LEFT]){ this.accX = -0.5; } else if(keys[RIGHT]){ this.accX = 0.5; } else { this.accX = 0; } }; Player.prototype.collideX = function(that){ if(collide(this, that)){ if(this.velX > 0){ this.x = that.x - this.w; } if(this.velX < 0){ this.x = that.x + that.w; } this.velX = -0.7; if(that.col){ this.col = that.col; } } }; Player.prototype.collideY = function(that){ if(collide(this, that)){ if(this.velY > 0){ this.y = that.y - this.h; this.grounded = true; if(that.col){ this.col = that.col; if(that.isDoor){ this.reachedDoor = true; } } } if(this.velY < 0){ this.y = that.y + that.h; } this.velY = 0; } }; Player.prototype.grabKey = function(that){ if(collide(this, that.key) && that.motor.locked){ that.motor.locked = false; that.key.velY = -10; } }; var Chunk = function(x, y, blockMap, col, blockSize, centerXi, centerYi, rot, motorXi, motorYi, locked, keyXi, keyYi){ this.status = "mobile"; this.x = x * sz; this.y = y * sz; this.blockGraphics = []; this.blocks = []; this.col = col; this.bSize = blockSize; this.scale_ = 1; this.rot = rot; this.targetRot = 0; this.motorRotSpeed = locked ? 0 : 2; this.motorRot = 0 + locked ? 0 : x; this.motor = {x: motorXi * blockSize, y: motorYi * blockSize, w: blockSize, h: blockSize, col: col, locked: locked}; this.key = {x: keyXi * blockSize + 8, y: keyYi * blockSize + 8, w: blockSize - 16, h: blockSize - 16, velY: 0, scale: locked ? 1: 0}; for(var i = 0; i < blockMap.length; i++){ var row = blockMap[i]; for(var j = 0; j < row.length; j++){ if(row[j] === "o"){ var x_ = this.x + j * this.bSize - (centerXi * this.bSize); var y_ = this.y + i * this.bSize - (centerYi * this.bSize); var w_ = this.bSize; var h_ = this.bSize; var col_ = this.col; this.blocks.push({x: x_, y: y_, w: w_, h: h_, col: col_, midX: 0, midY: 0}); this.blockGraphics.push({x: x_, y: y_, w: w_, h: h_, col: col_, midX: 0, midY: 0}); } } } }; Chunk.prototype.displayBlack = function(){ pushMatrix(); translate(this.x, this.y); rotate(this.rot); scale(this.scale_); pushMatrix(); translate(-this.x, -this.y); noStroke(); for(var i = 0; i < this.blockGraphics.length; i++){ var b = this.blockGraphics[i]; fill(0, 0, 0); rect(b.x - 2, b.y - 2, b.w + 4, b.h + 4, 0); } fill(0, 0, 0); ellipse(this.x, this.y, this.bSize / 1.2 + 4, this.bSize / 1.2 + 4); pushMatrix(); translate(this.key.x + this.key.w / 2, this.key.y + this.key.h / 2); scale(this.key.scale); rect(-this.key.w/2 - 2, -this.key.h/2 - 2, this.key.w + 4, this.key.h + 4); popMatrix(); popMatrix(); popMatrix(); fill(0, 0, 0); rect(this.motor.x - 2, this.motor.y - 2, this.motor.w + 4, this.motor.h + 4, 0); }; Chunk.prototype.displayColor = function(){ pushMatrix(); translate(this.x, this.y); rotate(this.rot); scale(this.scale_); pushMatrix(); translate(-this.x, -this.y); noStroke(); for(var i = 0; i < this.blockGraphics.length; i++){ var b = this.blockGraphics[i]; fill(this.col); rect(b.x, b.y, b.w, b.h, 0); } pushMatrix(); translate(this.key.x + this.key.w / 2, this.key.y + this.key.h / 2); scale(this.key.scale); fill(this.col); rect(-this.key.w/2, -this.key.h/2, this.key.w, this.key.h); fill(0, 0, 0); pushMatrix(); rotate(frameCount * 2); rect(-4, -4, 8, 8); popMatrix(); popMatrix(); fill(this.col); ellipse(this.x, this.y, this.bSize / 1.2, this.bSize/ 1.2); fill(0, 0, 0); ellipse(this.x, this.y, this.bSize / 3, this.bSize / 3 ); popMatrix(); popMatrix(); fill(this.col); rect(this.motor.x, this.motor.y, this.motor.w, this.motor.h); pushMatrix(); translate(this.motor.x + this.motor.w / 2, this.motor.y + this.motor.h / 2); rotate(this.motorRot); fill(0); rect(-9, -9, 18, 18); popMatrix(); pushMatrix(); translate(this.motor.x + this.motor.w / 2, this.motor.y + this.motor.h / 2); rotate(-this.motorRot); fill(this.col); rect(-5, -5, 10, 10); popMatrix(); }; Chunk.prototype.update = function(player){ var hitbox = {x: this.motor.x - 1, y: this.motor.y - 1, w: this.motor.w + 2, h: this.motor.h + 2}; if(collide(hitbox, player) && !this.motor.locked){ if(typed[68]){ this.rotate("CW"); this.targetRot += 90; } else if(typed[65]){ this.rotate("CCW"); this.targetRot -= 90; } } this.motorRot += this.motorRotSpeed; if(!this.motor.locked && this.motorRotSpeed < 2){ this.motorRotSpeed += 0.04; } this.rot += (this.targetRot - this.rot) / 6; if(!this.motor.locked){ this.key.velY += gravity; this.key.y += this.key.velY; if(this.key.scale > 0){ this.key.scale -= 0.05; } } }; Chunk.prototype.rotate = function(dir){ for(var i = 0; i < this.blocks.length; i++){ var b = this.blocks[i]; b.midX = b.x + b.w / 2; b.midY = b.y + b.h / 2; if(dir === "CW"){ rotateBlockCW(b, this); } else if(dir === "CCW"){ rotateBlockCCW(b, this); } b.x = b.midX - b.w / 2; b.y = b.midY - b.w / 2; } }; var StaticChunk = function(blockMap, blockSize){ this.status = "static"; this.bSize = blockSize; this.blocks = []; for(var i = 0; i < blockMap.length; i++){ var row = blockMap[i]; for(var j = 0; j < row.length; j++){ if(row[j] === "o"){ this.blocks.push({x: j * blockSize, y: i * blockSize, w: blockSize, h: blockSize}); } } } }; StaticChunk.prototype.displayBlack = function(){ noStroke(); for(var i = 0; i < this.blocks.length; i++){ var b = this.blocks[i]; fill(0, 0, 0); rect(b.x - 2, b.y - 2, b.w + 4, b.h + 4, 0); } }; StaticChunk.prototype.displayColor = function(){ noStroke(); fill(130); for(var i = 0; i < this.blocks.length; i++){ var b = this.blocks[i]; rect(b.x, b.y, b.w, b.h); } }; StaticChunk.prototype.update = function(){}; var Level = function(chunks, staticChunk, player, doorX, doorY){ this.s = s; this.chnks = chunks; this.sttcChnks = staticChunk; this.plyr = player; this.door = {x: doorX * sz, y: doorY * sz, w: sz, h: sz, c: 0, col: colors[0], isDoor: true}; this.chunks = []; this.setChunks = function(chnks, sttcChnk){ this.chunks.splice(0, this.chunks.length); for(var i = 0; i < chnks.length; i++){ var c = chnks[i]; this.chunks.push(new Chunk(c[0], c[1], c[2], c[3], c[4], c[5], c[6], c[7], c[8], c[9], c[10], c[11], c[12])); } this.chunks.push(new StaticChunk(sttcChnk[0], sttcChnk[1])); }; this.setChunks(chunks, staticChunk); this.player = new Player(player[0], player[1], player[2], player[3]); this.state = "playing"; this.endTimer = 255; this.finished = false; }; Level.prototype.update = function(){ this.player.update(this.chunks, this.door); this.player.displayBlack(); for(var i = 0; i < this.chunks.length; i++){ this.chunks[i].update(this.player); this.chunks[i].displayBlack(); } fill(0, 0, 0); noStroke(); rect(this.door.x-2, this.door.y-2, this.door.w+4, this.door.h+4); for(var i = this.chunks.length - 1; i >= 0; i--){ this.chunks[i].displayColor(); } pushMatrix(); translate(this.door.x + this.door.w / 2, this.door.y + this.door.h / 2); this.door.col = colors[this.door.c]; fill(this.door.col); if((frameCount - 90) % 60 === 0){ if(this.door.c > 0){ this.door.c --; } else{ this.door.c = colors.length - 1; } } rect(-this.door.w / 2, - this.door.h / 2, this.door.w, this.door.h); fill(0, 0, 0); ellipse(0, 0, this.door.w - 4, this.door.h - 4); for(var i = 0; i < colors.length; i++){ fill(colors[i]); ellipse(cos(frameCount + i * (360 / colors.length)) * 8, sin(frameCount + i * (360 / colors.length)) * 8, 6, 6); } popMatrix(); this.player.displayColor(); (fill)(130, this.endTimer); rect(0, 0, width, height); if(this.endTimer > 0 && !this.player.reachedDoor){ this.endTimer -= 5; } else if(this.endTimer < 255 && this.player.reachedDoor){ this.endTimer += 5; } if(this.endTimer === 255 && this.player.reachedDoor){ this.finished = true; } }; Level.prototype.restart = function(){ this.setChunks(this.chnks, this.sttcChnks); this.player = new Player(this.plyr[0], this.plyr[1], this.plyr[2], this.plyr[3]); this.state = "playing"; this.endTimer = 255; this.finished = false; }; var tutorialTrans = 0; textFont(createFont("courier")); var pointerImg = function(x, y, s, a){ pushMatrix(); translate(x + 15, y + 15); scale(s); noStroke(); fill(0); triangle(-15, -13, 15, -13, 0, 15); fill(colors[6]); triangle(-11, -11, 11, -11, 0, 10); popMatrix(); if(a){ fill(130, 130, 130, tutorialTrans); rect(x, y, 30, 30); } }; var letterKeyImg = function(x, y, s, t, a){ pushMatrix(); translate(x + 15, y + 15); scale(s0.95); fill(0, 0, 0); noStroke(); rect(-15, -15, 30, 30); fill(colors[6]); rect(-13, -13, 26, 26); fill(0, 0, 0); textAlign(CENTER, CENTER); textSize(25); text(t, 0, -1); popMatrix(); if(a){ fill(130, 130, 130, tutorialTrans); rect(x, y, 30, 30); } }; var arrowKeyImg = function(x, y){ fill(0, 0, 0); noStroke(); rect(x - 2, y - 2, 30, 30); fill(colors[6]); rect(x, y, 26, 26); fill(0); triangle(x + 18, y + 5, x + 18, y + 20, x + 4, y + 13); }; var arrowKey = function(x, y, s, d){ switch(d){ case "up": pushMatrix(); translate(x + 15, y + 15); rotate(90); break; case "down": pushMatrix(); translate(x + 15, y + 15); rotate(-90); break; case "left": pushMatrix(); translate(x + 15, y + 15); rotate(0); break; case "right": pushMatrix(); translate(x + 15, y + 15); rotate(180); break; } scale(s); arrowKeyImg(-13, -13); popMatrix(); fill(130, 130, 130, tutorialTrans); rect(x, y, 30, 30); }; / new Level( [ [0, 0, ["."], colors[0], s, 0, 0, 0, 0, 0, true, 0, 0], ], [["....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", ".........ooo........"], s], [ s * 10, s * 16, 25, 25], 0, 0 ), / var levels = [ new Level( [ [10, 11, ["o", "o", "o", "o", "o", "o"], colors[0], sz, 0, 5, 0, 18, 11, false, 0, 0 ], ], [ ["....................", "....................", "o...................", "....o...............", "...oo..............", "o...................", "oo..................", "....o...............", "...oo...............", "o...................", "oo..o..............o", "ooooo......o.......o", "...........oo....ooo", "............oo.....o", ".............oo....o", "..............oooooo", "....................", "....................", "....................", "....................",],sz ], [ 540, 400, 25, 25], 1, 2 ), new Level( [ [7, 10, ["oooooo"], colors[3], sz, 0, 0, 0, 8, 9, false, 0, 0 ], [12, 15, [".....o", "o....o", "o....o", "o....o", "o....o", "o", "o",], colors[1], sz, 5, 5, 0, 18, 3, false, 0, 0 ],], [ [".......o...........o", ".......o...........o", ".......o...........o", ".......o.......ooo.o", ".......o......o..ooo", ".......o.....o......", ".......o....o.......", ".......oo...o.......", ".......o....o.......", ".......o...oo.......", "....................", "....................", "....................", "....................", "ooooooo.......o.....", "o.............o.....", "o.............o.....", "o.............o.....", "o.............o.....", "ooooo.........o....."], sz], [ 300, 0, 25, 25], 1, 18 ), new Level( [[5, 17, ["o", ".o", "..o", "...oo",], colors[2], sz, 4, 4, 0, 0, 17, true, 0, 12], [19, 16, ["ooo", "o..", "o..",], colors[5], sz, 3, 0, 0, 11, 18, false, 0, 12] ], [["....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "....................", "o........oo.........", "..........oo........", "...........oo.......", "............oo.....o", ".............oo....o", "ooooooo.....oooo...o", "......oooooooooooooo"], sz], [ 2sz, 16sz, 25, 25], 18, 18 ), new Level( [ [4,12, ["o....", "....", "...o", "....", "o...", "....", "...o",], colors[4], sz, 0, 0, 0, 2, 11, false, 0, 0], [12,19, ["o", "o", "o",], colors[1], sz, 1, 3, 0, 7, 8, false, 0, 0], [15,11, ["..", ".o", ".o", ".o", "oo", ".o", ".o", ".o", "oo", ".o", ".o", ".o", "oo", ".o", ".o", ".."], colors[0], sz, 1, 8, 0, 1, 18, true, 11, 4], ], [["...............o...o", "........o......o...o", ".........o.....o...o", "..........o....o...o", "....ooo.o.o.......oo", "........o.oo.......o", "........o.o........o", "........o.o........o", "........o.o.......oo", "........o.oo.......o", "........o.o........o", "........o.o........o", ".ooo....o.o.......oo", "........o.oo.......o", "........o.o........o", "........o.o........o", "........o.o.......oo", "........o.oo.....ooo", "........o..........o", ".oooooooo...oooooooo"], sz], [ sz 6, sz * 16, 25, 25], 16, 2 ), new Level( [ [10, 8, [ "....oooo", ".....ooo", ".......o..o", ".......o", ".....ooo", ".......o", ".o", "", "", "", "..........ooo"], colors[1], sz, 7, 4, 0, 6, 6, false, 6, 4 ], [17, 5, [ "o", "o", "o",], colors[4], sz, 1, 3, 0, 8, 11, false, 0, 0 ], [5, 12, [ "..o..", ".o...", "..............o", "....o", "o...o", "o..", "...", "...", "", "", "...........o"], colors[2], sz, 5, 5, 0, 17, 8, false, 0, 0 ], [18, 14, [ "..o", "..o", "..o", "...", "...", ".o.", "....", "...", "..", "o...o", "o...", "o...", "o..."], colors[3], sz, 5, 12, 0, 6, 2, false, 0, 0 ] ], [ [ ".....o..........oooo", ".....o..........o..o", ".....o.............o", ".....ooo...........o", ".....o...........ooo", ".....o..............", ".....o..............", ".....oo.............", ".....oooo...........", ".....o..............", ".........o........oo", ".........o...ooooo..", ".....oooo......oo...", "............o.......", "..........o.........", ".........o..........", "...o................", "....................", "....................", "....................",], sz], [ 8sz, 6 sz, 25, 25], 18, 3 ), new Level( [ [8, 19, [ "ooooo", "o...o", "o...o", "o...o", ], colors[5], sz, 0, 4, 0, 2, 18, true, 13, 18, 0], [8, 8, [ "..o.....o", "........oo", ], colors[2], sz, 8, 2, 0, 0, 4, false, 13, 18, 0], [15, 15, [ "oo", ".o", ".o", ".o", ".o", ".o", ".o", ], colors[4], sz, 2, 3, 0, 12, 4, false, 13, 18, 0], [14, 4, [ "o", "o", "o", "o", "o", ], colors[3], sz, 0, 5, 0, 6, 17, false, 13, 18, 0], ], [ [ "....................", "...............o....", "...............oo...", "...............ooo..", ".............o......", "........oooooo....", "...................o", "...................o", "o....ooo..........o.", "o................o..", "ooo.................", "....................", "......oo............", ".....o.o........o...", "....o..o............", "...................o", "o...................", "oo..................", "oo..................", "oooooooooooooooooooo"], sz], [ 150, 510, 25, 25], 10, 18 ), ]; var tutorialOn = true; var level = 0; var tutorialLevel = 0; var triggerboxes = [{x: sz * 15, y: sz * 13, w: 60, h: 30}, {x: sz * 18, y: sz * 10, w: 30, h: 30}, {x: sz * 11, y: sz * 17, w: 30, h: 30}, {x: sz * 0, y: sz * 11, w: 30, h: 30}]; var fMod60; var transitioning = false; var transition = 220; var playButton = {hovering: false, scale: 1}; var arrowButtons = {left:{x: sz * 6, y: sz * 14, w: 60, h: 60, hovering: false}, right:{x: sz * 13, y: sz * 14, w: 60, h: 60, hovering: false}}; var RforRestart = "to Restart"; var logo = new SS_LOGO_3(0, 0, 600, 600); var icon = new SS_ICON(40, 560, 0.8); var nextTutorial = function(){ tutorialLevel ++; tutorialTrans = 255; }; draw = function() { background(130, 130, 130); stroke(100); strokeWeight(3); drawGrid(sz); fMod60 = frameCount % 60; if(!logo.done){ logo.play(); icon.display(); icon.update(); } else{ { if(tutorialOn){ switch(tutorialLevel){ case 0: arrowKey(30 * 17, 30 * 17, fMod60 < 20 ? 0.9 : 1, "up"); arrowKey(30 * 16, 30 * 18, fMod60 > 20 && fMod60 < 40 ? 0.9 : 1, "left"); arrowKey(30 * 17, 30 * 18, 1, "down"); arrowKey(30 * 18, 30 * 18, fMod60 > 40 && fMod60 < 60 ? 0.9 : 1, "right"); letterKeyImg(sz3, sz 15, fMod60 > 30 ? 0.9 : 1, "R", true); for(var i = 0; i < RforRestart.length; i++){ var r = RforRestart[i]; if(r !== " "){ if(i <= 2){ letterKeyImg(sz * (5 + i), sz * 15, 1, r, true);} else{ letterKeyImg(sz * (i + 1), sz * 16, 1, r, true); } } } break; case 1: pointerImg(sz * 18, sz * 9, fMod60 < 30 ? 0.8 : 1, true); break; case 2: letterKeyImg(sz * 13, sz * 10, fMod60 < 30 ? 0.9 : 1, "A", true); letterKeyImg(sz * 15, sz * 10, fMod60 > 30 ? 0.9 : 1, "D", true); break; case 3: pointerImg(sz * 1, 0, fMod60 < 30 ? 0.8 : 1); break; case 5: pointerImg(sz * 11, sz * 16, fMod60 < 30 ? 0.8 : 1, true); break; case 6: pointerImg(sz * 0, sz * 11, fMod60 < 30 ? 0.8 : 1, true); break; }} switch(tutorialLevel){ case 0: if(collide(levels[0].player, triggerboxes[0])){ nextTutorial(); } break; case 1: if(collide(levels[0].player, triggerboxes[1])){ nextTutorial(); } break; case 2: if((typed[68] \|\| typed[65]) && collide(levels[0].player, triggerboxes[1])){ nextTutorial(); } break; case 3: if(level > 0){ nextTutorial(); } break; case 4: if(level === 2){ nextTutorial(); } break; case 5: if(collide(triggerboxes[2], levels[2].player)){ nextTutorial(); } break; case 6: if(collide(triggerboxes[3], levels[2].player)){ nextTutorial(); } break; } if(tutorialTrans > 0){ tutorialTrans -= 255 / 15; } }//Tutorial stuff { levels[level].update(); if(typed[82]){ levels[level].restart(); switch(level){ case 0: tutorialLevel = 0; break; case 2: tutorialLevel = 4; } } if(levels[level].finished){ levels[level].restart(); if(level < levels.length - 1){level ++;} else{ level = 0; playing = false; } } if(typed[77]){ playing = false; } }//Update and play the levels { fill(130, 130, 130, transition); rect(0, 0, 600, 600); { pushMatrix(); translate(lerp(-100, arrowButtons.left.x, transition/220), arrowButtons.left.y); rotate(90); pointerImg(15, -15, arrowButtons.left.hovering ? 1.7 : 2, false); popMatrix(); pushMatrix(); translate(lerp(700, arrowButtons.right.x, transition/220), arrowButtons.right.y); rotate(-90); pointerImg(-45, +15, arrowButtons.right.hovering ? 1.7 : 2, false); popMatrix(); }//Arrow buttons letterKeyImg(sz * 9.5, sz * 14.5, lerp(0, 2, transition/220), level + 1, false); GO(300, lerp(700, 300, transition/220), playButton.scale); if(!playing){ transition += (220 - transition) / 8; if(mouseY > 255 && mouseY < 345){ playButton.hovering = true; } else{playButton.hovering = false;} if(playButton.hovering && playButton.scale < 1.2){ playButton.scale += (1.2 - playButton.scale) / 8; } if(!playButton.hovering && playButton.scale > 1){ playButton.scale += (1 - playButton.scale) / 8; } if(playButton.hovering && clicked){ playing = true; } if(mouseX > arrowButtons.left.x && mouseX < arrowButtons.left.x + arrowButtons.left.w && mouseY > arrowButtons.left.y && mouseY < arrowButtons.left.y + arrowButtons.left.h){ arrowButtons.left.hovering = true; } else{arrowButtons.left.hovering = false;} if(mouseX > arrowButtons.right.x && mouseX < arrowButtons.right.x + arrowButtons.right.w && mouseY > arrowButtons.right.y && mouseY < arrowButtons.right.y + arrowButtons.right.h){ arrowButtons.right.hovering = true; } else{arrowButtons.right.hovering = false;} if(arrowButtons.left.hovering && clicked && level > 0){ level --; switch(level){ case 0: tutorialLevel = 0; break; case 1: tutorialLevel = 3; break; case 2: tutorialLevel = 4; break; case 3: tutorialLevel = 7; } } if(arrowButtons.right.hovering && clicked && level < levels.length - 1){ level ++; switch(level){ case 0: tutorialLevel = 0; break; case 1: tutorialLevel = 3; break; case 2: tutorialLevel = 4; break; case 3: tutorialLevel = 7; } } } else if(transition > 0){ transition -= transition / 8; } icon.x = lerp(-100, 40, transition/220); icon.y = lerp(700, 560, transition/220); fill(0); ellipse(icon.x, icon.y, 62, 62); icon.display(); icon.update(); noStroke(); fill(0); rect(sz * 10 + 5, lerp(sz * 18 + 60, sz * 18, transition/220), sz * 10, sz * 2); fill(colors[4]); rect(sz * 10 + 10, lerp(sz * 18 + 65, sz * 18 + 5, transition/220), sz * 10 - 10, sz * 2); fill(0); textSize(40); text("M", 350, lerp(630, 570, transition/220)); textSize(30); text("to return", 460, lerp(630, 570, transition/220)); titleText(sz * 4, lerp(-100, sz * 6, transition/220), -10, 1.5); }//Stuff for the main menu } clicked = false; typed = []; }; mouseClicked = function(){ clicked = true; };
Folds	13,15,16,19,21,379,381,455,456,479,481,484,486,491,492,497,498,507,509,520,521,525,526,538,539,576,577,590,591,604,605,622,623,628,630,661,662,692,693,752,753,780,781,795,797,810,811,818,819,826,829,858,859,913,914,920,925,940,941,960,961,969,970,999,1001,1034
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgILs_PuECww
Votes	279
Spin-Offs	10
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	⊷נαςк ρ⊶
Author Name	SpiralStudios
Author ID	kaid_722753770388329343299780
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739454974301
Updated	8 months ago, 1744845341354
Source Deleted	unknown