Viewing Program

Program Data

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

Title	SQUARED! \| A Game by ARC
ID	6671987701399552
Created	5 years ago, 1601332725382
Updated	5 years ago, 1605150689390
Code	/** Welcome to my latest game, Squared! @SUBSCRIBE_HERE before Khantober starts! I have some really cool games coming up that you won't want to miss! :D https://www.khanacademy.org/computer-programming/subscribe-to-a-random-coder-arc/5433664836812800 By the way, I have completed all the levels myself, none are impossible Okay so there was a loading problem in the new KA update that made this impossible to play, HUGE thanks to Phi to showing me how to fix it. Sorry for this being unplayable for a day or two, it's back / smooth(); var blockS = 50; var mouseOver = false; var scene = 'intro'; var theText = "SQUARED"; var lvlImg = null; var lvlEnded = false; var colors = [color(240, 100, 73), color(5, 168, 170), color(48, 99, 142), color(176, 163, 212), color(233, 215, 88)]; var keys = []; function keyPressed () { keys[keyCode] = true; } function keyReleased () { keys[keyCode] = false; } background(0, 0); textFont(createFont("cursive Bold"), 80); textAlign(CENTER, CENTER); fill(255); text(theText, width/2, 75); var titleImg = get(); noStroke(); background(0, 0); for (var i = width; i < width2; i+= 10) { fill(i%20===0?colors[0]:colors[4]); triangle(0, 0, width2-i, 0, 0, width2-i); } var titleTexture = get(); if (titleTexture.mask) { titleTexture.mask(titleImg); } function mouseInRect (x, y, w, h) { return mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h; } function Smooth (p, d, t) { return (d-p) / t; } function shadowText (txt, x, y, a) { fill(0, a); for (var i = 0; i < 360; i += 5) { text(txt, x+sin(i)3, y+cos(i)3); } } function rndm (a) { return a[floor(random(a.length))]; } function offscreen (x, y) { return x < -100 \|\| x > width+100 \|\| y < -100 \|\| y > height + 100; } function Button (x, y, w, h, txt, next) { this.x = x; this.y = y; this.w = w; this.h = h; this.txt = txt; this.lx1 = 0; this.lx2 = this.x+this.w/32; this.lx3 = 0; this.lx4 = this.x+this.w; this.a1 = 180; this.lx5 = 0; this.a2 = 0; this.o = 0; this.speed = 10; this.next = next; this.clr = colors[5]; } Button.prototype.draw = function() { this.over = mouseInRect(this.x, this.y, this.w, this.h)\|\|dist(this.x, this.y+this.h/2, mouseX, mouseY) < this.h/2 \|\| dist(this.x+this.w, this.y+this.h/2, mouseX, mouseY) < this.h/2; mouseOver = this.over? true: mouseOver; textSize(30); shadowText(this.txt, this.x+this.w/2+3, this.y+this.h/2+3, 3); fill(this.clr); text(this.txt, this.x+this.w/2, this.y+this.h/2); noFill(); stroke(0, 50); strokeWeight(5); pushMatrix(); translate(4, 3); strokeCap(SQUARE); if (this.lx5 < this.w-0.1) { line(this.x, this.y, this.x+this.w-this.lx5, this.y); } line(this.x+this.lx1, this.y+this.h, this.lx2, this.y+this.h); if (this.lx3 < this.w/3-0.1) { line(this.x+this.w/32+this.lx3, this.y+this.h, this.x+this.w, this.y+this.h); } if (this.a2 < 179.9) { arc(this.x, this.y+this.h/2, this.h, this.h, 90, 270-this.a2); } if (this.a1 < 179.9) { arc(this.x+this.w, this.y+this.h/2, this.h, this.h, -90, 90-this.a1); } popMatrix(); stroke(this.clr); strokeWeight(5); if (this.lx5 < this.w-0.1) { line(this.x, this.y, this.x+this.w-this.lx5, this.y); } line(this.x+this.lx1, this.y+this.h, this.lx2, this.y+this.h); if (this.lx3 < this.w/3-0.1) { line(this.x+this.w/32+this.lx3, this.y+this.h, this.x+this.w, this.y+this.h); } if (this.a2 < 179.9) { arc(this.x, this.y+this.h/2, this.h, this.h, 90, 270-this.a2); } if (this.a1 < 179.9) { arc(this.x+this.w, this.y+this.h/2, this.h, this.h, -90, 90-this.a1); } this.final = this.w/3+360+this.w+this.w/8; this.o += Smooth(this.o, this.over? this.final: 0, this.speed); this.lx3 = constrain(this.o, 0, this.w/3); this.lx5 = constrain(this.o-this.w/3-180, 0, this.w); this.a2 = constrain(this.o-this.w/3-180-this.w, 0, 180); this.lx1 = constrain(this.o-this.w/3-360-this.w, 0, this.w/8); this.a1 = constrain(this.o-this.w/3, 0, 180); this.lx2 += Smooth(this.lx2, this.over? this.x+this.w-this.w/8: this.x+this.w/32, this.speed); }; var playButton = new Button(width/2-100, 175, 200, 50, "Play", "play"); var levelsButton = new Button(width/2-100, 250, 200, 50, "Level Select", "levelSelect"); var howButton = new Button(width/2-100, 325, 200, 50, "How", "how"); var nextLevelButton = new Button(350, 325, 200, 50, "Next Level", "play"); var homeButton = new Button(50, 325, 200, 50, "Home", "home"); var backButton = new Button(width/2-100, 325, 200, 50, "Back", "home"); var pauseButton = new Button(365, 10, 200, 50, "Home", "home"); var buttons = [playButton, howButton, levelsButton, nextLevelButton, homeButton, backButton, pauseButton]; function backPart () { this.x = random(width); this.y = random(height); this.clr = rndm(colors); this.s = random(10, 50); this.xVel = random(-5, 5); this.yVel = random(-5, 5); this.r = random(360); } backPart.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.r); noStroke(); fill(this.clr); rect(-this.s/2, -this.s/2, this.s, this.s); popMatrix(); this.x += this.xVel; this.y += this.yVel; this.r += this.xVel + this.yVel; }; var backParts = []; var level = 0; var cam = {x: 0, y: 0, shake: 0, flash: 0}; var player; function rrCol (x1, y1, w1, h1, x2, y2, w2, h2) { return x1-x2 < w2 && x2-x1 < w1 && y1-y2 < h2 && y2-y1 < h1; } function portalPart (x, y) { this.x = x; this.y = y; this.a = random(360); this.r = random(blockS, blockS2); var cD = random(-50, 50); this.clr = color(200+cD, 0, 200+cD); this.s = random(3, 10); } portalPart.prototype.draw = function() { noStroke(); fill(this.clr); ellipse(this.x+sin(this.a)this.r, this.y+cos(this.a)this.r, this.s, this.s); this.a -= 5; this.r -= 2; }; var portalParts = []; function Block (x, y, type) { this.x = x; this.y = y; this.type = type; this.s = blockS; this.w = this.s; this.h = this.s; } Block.prototype.draw = function() { switch (this.type) { case 'portal': strokeWeight(5); stroke(200+cos(frameCount5)50, 0, 200+cos(frameCount5)50); fill(200+sin(frameCount5)50, 0, 200+sin(frameCount5)50); ellipse(this.x+this.w/2, this.y+this.h/2, this.w-10+sin(frameCount5)10, this.h+cos(frameCount5)10-10); if (frameCount%5===0) { portalParts.push(new portalPart(this.x+this.w/2, this.y+this.h/2)); } break; case 'lava': noStroke(); fill(200+sin(frameCount5)50, 0, 0); rect(this.x, this.y, this.w, this.h); break; default: noStroke(); var cS = this.s/colors.length/2; for (var i in colors) { fill(colors[i]); rect(this.x+cSi, this.y+cSi, this.w-cSi2, this.h-cSi2); } fill(0, 30); triangle(this.x, this.y+this.h, this.x+this.w, this.y+this.h, this.x+this.w, this.y); fill(255, 30); triangle(this.x, this.y+this.h, this.x, this.y, this.x+this.w, this.y); } }; var levels = [ [ "bbbbbbbbb", "b@------b", "bbbbbbb-b", "------b-b", "------b-b", "------b-b", "bbbbbbb-b", "bp------b", "bbbbbbbbb" ], [ "--bbb----", "bbbpbbbbbb", "b@----b--b", "b--------b", "b--------b", "b--------b", "b-b------b", "b----b---b", "b--------b", "b--------b", "bbbbbbbbbb", ], [ "bbbbbbbbbb", "b-------bb", "b-b------bbbb", "b----------pb", "b--------bbbb", "b---@---bb", "b--bbb---b", "b--------b", "b--------b", "bb------bb", "bbbbbbbbbb", ], [ "llllllllllllllllllll", "l-b---------b------l", "l-----------------bl", "lb-------b---------l", "l------------------l", "l------------------l", "l-------------b----l", "l---b--------------l", "lb-------@---------l", "l------------------l", "l-----------b------l", "l--------------b--bl", "l--b-------------b-l", "l---b------b-------l", "l---------------b--l", "l------------------l", "lp----------b--b---l", "l----b-------------l", "llllllllllllllllllll", ], [ "llllllllllllllllllllll", "l---b----------------l", "lp----b--------------l", "l-------b---b--------l", "lb------------------bl", "l--------bbb---------l", "l----b---------b-----l", "l------b-b-b-b-------l", "l------b--@--b-------l", "l-b----b-b-b-b-------l", "l----b---------b-----l", "l--------bbb---------l", "l-----------------b--l", "l-------b---b--------l", "lb-------------------l", "l------------------b-l", "l-----b--------------l", "llllllllllllllllllllll", ], [ "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", "b@-----------------------------b", "b-------b--------b-------b-----b", "b--b---b------b----------------b", "b------b--------------b--------b", "b---------p--------b------b----b", "b----b---------------b---------b", "b--------b---------------------b", "b-b------------b---------b-----b", "b---------------------b-------bb", "bb-----b--------------b--------b", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ "bbbbb", "b@--b-", "bbb--b", "bbbb--", "b-----------------b", "----b-----------p--", "---------b---------", "-------------------", "---b---------------", "-----------------b-", "-l------b----------", ], [ "---------b----------", "b------------------b", "------------b-------", "--------------------", "----------b----b----", "--------b--b--------", "---------b--b------b", "-b--------b--b------", "p----------b--bb----", "------------b--b--b-", "--------b----b--b---", "--------------b--b--", "---------------b--bb", "b---------------b-@b", "-----------b----bbbb", ], [ "--b--p-b---b------b-", "------b-lbl---b-----", "b------------------b", "------l-l-l-l-------", "------b--@--b-------", "------l-l-l-l-------", "---b---------------b", "--------lbl---------", "-------b------------", "----b------b--------", "-b------------------", "---------------b----" ], [ "---------b------b---", "-b------------------", "-------------------b", "-----b--------------", "------------------b-", "---------@----------", "--------------------", "--------------------", "-------------------b", "--b-----------------", "------------------b-", "b-------------------", "---b----------------p", "-----------------b---", "------b--------------b", "----------------b---", ], ]; var blocks = []; function loadLevel (lvl) { blocks = []; player.xDir = 0; player.yDir = 0; player.moving = false; for (var y = 0; y < lvl.length; y++) { for (var x = 0; x < lvl[y].length; x++) { switch (lvl[y][x]) { case 'b': blocks.push(new Block(xblockS, yblockS, 'basic')); break; case 'p': blocks.push(new Block(xblockS, yblockS, 'portal')); break; case 'l': blocks.push(new Block(xblockS, yblockS, 'lava')); break; case '-': break; case '@': player.x = xblockS; player.y = yblockS; player.sX = xblockS; player.sY = yblockS; break; } } } } function nextLevel () { cam.flash = 255; if (level === levels.length-1) { scene = 'win'; return; } level ++; loadLevel(levels[level]); } function Player () { this.x = 0; this.y = 0; this.sX = 0; this.sY = 0; this.s = blockS; this.w = this.s; this.h = this.s; this.moving = false; this.xDir = 0; this.yDir = 0; this.speed = 10; } Player.prototype.draw = function() { this.pX = this.x; this.pY = this.y; if ((keys[LEFT] \|\| keys[65]) && !this.moving) { this.xDir = -1; this.moving = true; } if ((keys[RIGHT] \|\| keys[68]) && !this.moving) { this.xDir = 1; this.moving = true; } if ((keys[UP] \|\| keys[87]) && !this.moving) { this.yDir = -1; this.moving = true; } if ((keys[DOWN] \|\| keys[83]) && !this.moving) { this.yDir = 1; this.moving = true; } this.x += this.xDirthis.speed; for (var i in blocks) { if (rrCol(this.x, this.y, this.w, this.h, blocks[i].x, blocks[i].y, blocks[i].w, blocks[i].h)) { if (blocks[i].type === 'portal') { lvlEnded = true; break; } this.moving = false; this.xDir = 0; if (blocks[i].type === 'lava') { cam.shake = 20; loadLevel(levels[level]); cam.flash = 255; return; } this.x = this.pX<blocks[i].x?blocks[i].x-this.w:blocks[i].x+blocks[i].w; } } this.y += this.yDirthis.speed; for (var i in blocks) { if (rrCol(this.x, this.y, this.w, this.h, blocks[i].x, blocks[i].y, blocks[i].w, blocks[i].h)) { if (blocks[i].type === 'portal') { lvlEnded = true; break; } this.moving = false; this.yDir = 0; if (blocks[i].type === 'lava') { loadLevel(levels[level]); cam.shake = 20; cam.flash = 255; return; } this.y = this.pY<blocks[i].y?blocks[i].y-this.h:blocks[i].y+blocks[i].h; } } if (keys[82]) { cam.flash = 255; loadLevel(levels[level]); return; } noStroke(); fill(255); rect(this.x, this.y, this.w, this.h, 10); fill(0); ellipse(this.x+this.w/3+this.xDir10, this.y+this.h/3+this.yDir10, this.s/8, this.s/4); ellipse(this.x+this.w/32+this.xDir10, this.y+this.h/3+this.yDir10, this.s/8, this.s/4); }; player = new Player(); loadLevel(levels[level]); function game () { cam.x = lerp(cam.x, width/2-player.x-player.w/2, 0.1); cam.y = lerp(cam.y, height/2-player.y-player.h/2, 0.1); pushMatrix(); translate(cam.x+random(-cam.shake, cam.shake), cam.y+random(-cam.shake, cam.shake)); player.draw(); for (var i in blocks) { blocks[i].draw(); } for (var i = portalParts.length-1; i >= 0; i--) { portalParts[i].draw(); if (portalParts[i].r <= 0) { portalParts.splice(i, 1); } } popMatrix(); if (lvlEnded) { lvlImg = get(); scene = 'levelComplete'; nextLevel(); lvlEnded = false; } cam.shake = lerp(cam.shake, 0, 0.1); pauseButton.draw(); } function levelButton (x, y, num) { this.x = x; this.y = y; this.num = num; this.w = 50; this.h = 50; } levelButton.prototype.draw = function() { this.over = mouseInRect(this.x, this.y, this.w, this.h); mouseOver = this.over?true:mouseOver; noStroke(); fill(colors[0]); rect(this.x, this.y, this.w, this.h, 20); fill(255); textSize(30); text(this.num, this.x+this.w/2, this.y+this.h/2); if (this.over) { fill(0, 50); rect(this.x, this.y, this.w, this.h, 20); } }; var levelBtns = []; for (var i = 0; i < 5; i++) { levelBtns.push(new levelButton(125+i75, 150, i+1)); levelBtns.push(new levelButton(125+i75, 225, i+6)); } function win () { fill(255); textSize(100); text("YOU WIN!!!", width/2, 100); textSize(30); text("Thanks for playing!\nLet me know in the Tips and Thanks\nwhat your favorite level was! :D", 300, 250); } function back () { if (frameCount%5===0) { backParts.push(new backPart()); } fill(colors[1], 100); noStroke(); rect(0, 0, width, height); for (var i = backParts.length-1; i >= 0; i--) { backParts[i].draw(); if (offscreen(backParts[i].x, backParts[i].y)) { backParts.splice(i, 1); } } } var lvlImgSize = 400; var lvlImgRot = 0; var check1 = 0; var check2 = 0; function levelComplete () { pushMatrix(); translate(width/2, height/2); rotate(lvlImgRot); imageMode(CENTER); image(lvlImg, 0, 0, lvlImgSize1.5, lvlImgSize); noFill(); stroke(0); strokeWeight(5); rectMode(CENTER); rect(0, 0, lvlImgSize1.5, lvlImgSize); rectMode(CORNER); imageMode(CORNER); popMatrix(); fill(255); var words = "LEVEL COMPLETE!"; for (var i = 0; i < words.length; i++) { textSize(50); var w = textWidth(words.substring(0, i)); textSize(50+sin((frameCount+i10)15)5); text(words[i], 100+w, 50); } stroke(0, 150, 0); strokeWeight(50); if (check1 > 0) { line(200, 175, 200+check10.8, 175+check1); } if (check2 > 0) { line(280, 275, 280+check21, 275-check21.7); } nextLevelButton.draw(); homeButton.draw(); lvlImgRot += Smooth(lvlImgRot, 25, 10); lvlImgSize += Smooth(lvlImgSize, 100, 10); if (lvlImgSize < 101) { check1 += Smooth(check1, 100, 7); } if (check1 > 99.9) { check2 += Smooth(check2, 100, 7); } } function home () { textSize(80); shadowText(theText, width/2+5, 80, 2); image(titleTexture, 0, 0); playButton.draw(); howButton.draw(); levelsButton.draw(); } function how () { textSize(50); shadowText("HOW TO PLAY", 305, 55, 2); fill(255); text("HOW TO PLAY", 300, 50); textSize(20); shadowText("Use the Arrow keys or WASD to\nchange your direction and move. You\ncan't change your direction while\nmoving.\n\nGet to the portal without touching any\nlava to beat the level!\n\nIf you need to restart a level, press R", 303, 203, 2); fill(255); text("Use the Arrow keys or WASD to\nchange your direction and move. You\ncan't change your direction while\nmoving.\n\nGet to the portal without touching any\nlava to beat the level!\n\nIf you need to restart a level, press R", 300, 200); backButton.draw(); } function levelSelect () { textSize(50); shadowText("LEVEL SELECT", 305, 55, 2); fill(255); text("LEVEL SELECT", 300, 50); backButton.draw(); for (var i in levelBtns) { levelBtns[i].draw(); } } var introA = 0, introTitleA = 0, introPA = 0, introFade = 0, introSpeed = 25; function intro () { pushMatrix(); scale(width/500, height/500); textFont(createFont("Trebuchet MS Bold")); background(0); noStroke(); fill(255); arc(250, 200, 100, 100, 180, 180+introA); noFill(); stroke(255); strokeWeight(30); strokeCap(SQUARE); arc(250, 200, 160, 160, 360-introA, 360); arc(250, 200, 250, 250, 180, 180+introA); introA += Smooth(introA, 180, introSpeed/1.9); fill(255, introTitleA); textSize(100); text("A R C", 250, 250); noFill(); stroke(255, introTitleA); strokeWeight(5); rect(50, 50, 400, 250); if (introA > 179) { introTitleA += Smooth(introTitleA, 255, introSpeed); } fill(255, introPA); textSize(50); textFont(createFont("Trebuchet MS")); text("Presents", 250, 425); textFont(createFont("Trebuchet MS Bold")); if (introTitleA > 244) { introPA += Smooth(introPA, 255, introSpeed); } noStroke(); fill(0, introFade); rect(0, 0, 500, 500); if (introPA > 244.9) { introFade += Smooth(introFade, 255, introSpeed); } if (introFade > 244.99) { scene = 'home'; } textFont(createFont("cursive Bold"), 80); popMatrix(); } var trans = { x: 0, y: 0, x2: 0, y2: 0, a: 0, speed: 5, active: false, run: function() { if (this.active) { noStroke(); fill(255, this.a); quad(0, height, this.x, this.y, width, 0, this.x2, this.y2); this.x += Smooth(this.x, width, this.speed); this.a += Smooth(this.a, 256, this.speed); this.y += Smooth(this.y, height, this.speed); if (this.x > width-0.1) { scene = this.next; lvlImgSize = 400; lvlImgRot = 0; check1 = 0; check2 = 0; for (var j in buttons) { buttons[j].over = false; } for (var j in levelBtns) { levelBtns[j].over = false; } this.a += Smooth(this.a, 0, this.speed); this.x2 += Smooth(this.x2, width, this.speed); this.y2 += Smooth(this.y2, height, this.speed); } if (this.x2 > width-0.1) { this.x = 0; this.y = 0; this.a = 0; this.x2 = 0; this.y2 = 0; this.active = false; } } } }; function outlinedText (txt, x, y, weight, main, outline) { fill(outline); for (var i = 0; i < 360; i += 10) { text(txt, x+sin(i)weight, y+cos(i)weight); } fill(main); text(txt, x, y); } function thumb () { if (keys[75] && keys[86] && keys[89]) { var thumbnail = get(); background(0); image(thumbnail, 0, height/6, width, 400/3*2); noLoop(); } } function draw () { back(); switch (scene) { case 'home': home(); break; case 'play': game(); break; case 'levelComplete': levelComplete(); break; case 'levelSelect': levelSelect(); break; case 'how': how(); break; case 'win': win(); break; case 'intro': intro(); break; } trans.run(); noStroke(); fill(255, cam.flash); rect(0, 0, width, height); cam.flash -= 5; cursor(mouseOver?HAND:ARROW); mouseOver = false; thumb(); } random(); function mouseClicked () { for (var i in buttons) { if (buttons[i].over) { if (buttons[i].txt === "Play") { level = 0; loadLevel(levels[0]); } trans.next = buttons[i].next; trans.active = true; } } for (var i in levelBtns) { if (levelBtns[i].over) { trans.active = true; trans.next = 'play'; level = levelBtns[i].num-1; loadLevel(levels[level]); } } }
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgI2Hs4TtCww
Votes	285
Spin-Offs	7
Type	PJS
Width	600
Height	400
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, 1739460539694
Updated	8 months ago, 1744845035163
Source Deleted	unknown