Viewing Program

Program Data

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

Title	Dubstep : The Game
ID	6347668362166272
Created	9 years ago, 1479083533725
Updated	7 years ago, 1531503079337
Code	/ Dubstep ------- Description : A minimal puzzle game Released : November 2016 If you aren't already a πceratops subscriber, you can subscribe today for more programs/games at bit.ly/2tQMN2k / /* I've been mostly inactive since 4 months ago. So a week ago I started working on this. It's my third and best puzzle game ever. I won't be very active on KA at least for another year but I will come here once in a while to make something for fun. I have been working on projects off-KA with the HTML5 canvas element and others with P5.js. I am unfortunately resigning from Apex though the team was probably already dismantled. If some of the former members want to reassemble the team and work on something together or if you guys are doing something right now, I would like to nominate Noel Negash as VP or president. He's a great team leader and showed great dedication. I also want to say sorry to everyone I may have offended after MTHLGA. I just want to say that I never learned JS on this site but I loved the hot list and the voting system. I'm thankful to the team behind KACS and would also like to thank the people who redesigned KACS. And thanks to all my subscribers and everyone who enjoyed my 30+ games made here on the site. This one's for you. :) - πceratops Note - If you restart the program if it crashes, your progress is saved. You will lose your progress if you reload or close the webpage. All code and levels written and designed by me. / var page = 1, // used to determine what drawing function to run keys = [], // an array of key codes of keys being pressed //keyStack = [], greenButtonHeight = 20, // The height of all green buttons toGBH = 20, // The height all green buttons should become buttonActivation = false, // Whether or not the button is ready to be pressed frC; // A count of frames drawn so far var bannerY = 0; // The y position of the banner var toBannerY = 0; // The y position the banner should go to var pageTo = 0; // The page we want to go to next var bubbleAnim = { x : 0, y : 0, s : 0, toS : 0 }; // A bunch of stuff to animate in order to move bubble around var COLORS = [ color(52,168,83), color(66,133,244), color(234,67,53), color(251,188,5) ]; // An array of standard colors I use thoughout the program var FONTS = { regularFont : createFont("Century Gothic Bold"), italicFont : createFont("Century Gothic Bold Italic") }; var mouse = { over : function(x,y,w,h) { return mouseX>x&&mouseX<x+w&&mouseY>y&&mouseY<y+h; } }; // A bunch of mouse-input-related variables /--- NOT TO SELF : CONTINUE COMMENTING FROM HERE---/ var replaceAt = function(str, index, character) { return str.substr(0, index) + character + str.substr(index+character.length); }; var titleAnim = { dubY : -200, stepX : -200, blockX : width+200, buttonY : 150, eye1Y : -100, eye2Y : -100 }; var home = function() { background(41); var tA = titleAnim; pushMatrix(); translate(0,25); noStroke(); fill(105); textFont(FONTS.regularFont, 0); textSize(140); textAlign(CENTER, CENTER); text("DuB",width/2,tA.dubY); tA.dubY+=(height/3-30-tA.dubY)/10; textSize(40); text("S T E P ",tA.stepX,height/3+50); var stepX = width/2-textWidth("DuB")/2-textWidth("S T E P")/5; tA.stepX+=(stepX-tA.stepX)/10; rect(tA.blockX,170,120,30); tA.blockX+=(width/2-tA.blockX)/10; ellipse(width/2+8-24,tA.eye1Y+height/3-70,20,20); ellipse(width/2+8+24,tA.eye2Y+height/3-70,20,20); popMatrix(); pushMatrix(); pushStyle(); noStroke(); fill(0, 117, 23); rect(width/2-65,tA.buttonY+height/1.4-5,130,50,15); fill(0, 163, 33); rect(width/2-65,tA.buttonY+height/1.4-5-greenButtonHeight,130,50,15); tA.buttonY+=(0-tA.buttonY)/10; popStyle(); popMatrix(); if(toGBH>0) { if(mouse.over(width/2-65,height/1.4-5-greenButtonHeight,130,50,15)) { toGBH=15; if(mouse.clicked) { toGBH=0; } cursor(HAND); if(buttonActivation&&greenButtonHeight>14.9) { toBannerY=height+5; pageTo=2; } } else { if(buttonActivation&&greenButtonHeight>19.9) { toBannerY=height+5; pageTo=2; } toGBH=20; } } if(greenButtonHeight<1) { toGBH=20; buttonActivation=true; } greenButtonHeight+=(toGBH-greenButtonHeight)/10; if(tA.dubY>height/3-30-15) { tA.eye1Y+=(0-tA.eye1Y)/15; tA.eye2Y+=(0-tA.eye2Y)/7.5; } fill(255,255,255,50); /arc(width/2,0,width3,height3,sin(frameCount)90+90-15,sin(frameCount)90+15+90); arc(width/2,0,width3,height3,cos((frameCount+30))90+90-15,cos((frameCount+30))90+15+90); arc(width/2,0,width3,height3,sin((frameCount+30))90+90-15,sin((frameCount+30))90+15+90);/ }; // level data var levels = [ [ "11", "11", "50-0-0" // Padding - xPos - yPos ], [ "101", "111", "50-0-0" // Padding - xPos - yPos ], [ "101", "101", "101", "50-0-0" // Padding - xPos - yPos ], [ "1011", "1000", "1010", "50-0-0" // Padding - xPos - yPos ], [ "1010", "0101", "0011", "50-1-1" // Padding - xPos - yPos ], [ "10111", "10010", "00101", "50-0-0" // Padding - xPos - yPos ], [ "11101", "00000", "10100", "00101", "01001", "40-4-4" // Padding - xPos - yPos ], [ "1111", "1010", "1101", "0010", "50-0-0" // Padding - xPos - yPos ], [ "0100", "1001", "0100", "1101", "50-3-3" // Padding - xPos - yPos ], [ "11101", "00000", "11000", "00101", "50-2-0" // Padding - xPos - yPos ], [ "1001", "1010", "1000", "0000", "1011", "50-0-1" // Padding - xPos - yPos ], [ "11011", "00000", "00100", "10001", "00110", "50-4-0" // Padding - xPos - yPos ], [ "11010", "01100", "10110", "10011", "01001", "50-0-0" // Padding - xPos - yPos ], [ "11000", "10100", "01110", "00101", "00011", "45-0-0" // Padding - xPos - yPos ], [ "11011", "10101", "01110", "10101", "11011", "45-0-0" // Padding - xPos - yPos ], [ "10101", "01010", "00100", "01010", "11011", "45-0-0" // Padding - xPos - yPos ], [ "11111", "00111", "10011", "11001", "11100", "45-0-0" // Padding - xPos - yPos ], [ "11011", "00000", "01101", "10100", "01010", "45-0-0" // Padding - xPos - yPos ], [ "11101", "00000", "00101", "10111", "01010", "45-0-0" // Padding - xPos - yPos ], [ "11011", "01010", "01011", "11000", "01011", "45-0-0" // Padding - xPos - yPos ], [ "011110", "001010", "001110", "000101", "100101", "45-1-0" // Padding - xPos - yPos ], [ "11011", "10100", "00110", "10011", "45-1-0" // Padding - xPos - yPos ], [ "01011", "10101", "01010", "10101", "11010", "45-1-0" // Padding - xPos - yPos ], [ "01011", "11101", "00110", "10001", "10010", "45-1-0" // Padding - xPos - yPos ], [ "11011", "11101", "00111", "10001", "10010", "45-1-1" // Padding - xPos - yPos ], [ "01001", "10010", "11111", "10010", "01001", "45-1-0" // Padding - xPos - yPos ], [ "01001", "10010", "01011", "10010", "01011", "45-1-0" // Padding - xPos - yPos ], [ "10101", "01001", "10100", "00110", "11010", "45-0-0" // Padding - xPos - yPos ], [ "1001", "0101", "1101", "1001", "45-0-0" // Padding - xPos - yPos ], [ "10010", "01011", "00000", "11011", "45-0-0" // Padding - xPos - yPos ] ]; var lvl = Program.lvl?Program.lvl:0; // current level # var lastLvl = Program.lvl?Program.lvl:0; // last level # unlocked var modifyLevels = function() { for(var i = 0, lLen = levels.length; i < lLen; i++) { var l = levels[i]; var dots = 0; for(var j = 0, yLen = l.length-1, xLen = l[0].length; j < yLen; j++) { for(var k = 0; k < xLen; k++) { var dot = l[j][k]; dots+=parseInt(dot,0); } } l[l.length-1]+="-"+dots; } for(var i = 0, lLen = levels.length; i < lLen; i++) { if(i<=lastLvl) { levels[i][levels[i].length-1]+="-UNLOCKED"; } } }; // add extra info to levels array objects modifyLevels(); var allLvlsCompleted = false; var BOARD_PADDING = 0; var drawDub = function(x,y,r,s,f) { pushMatrix(); translate(x,y); rotate(r); scale(s); pushStyle(); noStroke(); fill(0, 163, 33,f); rectMode(CENTER); rect(0,0,35,35,25); fill(41,41,41,f); arc(0,2,20,20,0,180); ellipse(-5,-5,7,7); ellipse(5,-5,7,7); fill(41,41,41,255-f); ellipse(0,0,20,20); popStyle(); popMatrix(); }; // render dub on canvas var p = { x : width/2, y : height/2, toX : 0, toY : 0, shakeSpeed : 5, shakiness : 10, moving : false, f : 255, facingVec : { x : 0, y : 0 } // vector of dir you're facing }; // data about dub var l, lI, padding,topLeftX, topLeftY, dotsLeft; // variables for each level var loadLevel = function() { l = levels[lvl]; lI = l[l.length-1].split("-"); padding = parseInt(lI[0],0); p.toX = width/2-(l[0].length-1)padding/2+parseInt(lI[1],0)padding; p.toY = height/2-(l.length-2)padding/2+parseInt(lI[2],0)padding; dotsLeft = parseInt(lI[3],0); }; // load a single level loadLevel(); var getDot = function(x,y) { if(x>=0&&x<l[0].length&&y>=0&&y<l.length-1) { return parseInt(l[y][x],0); } return 0; }; // returns value stored for a certain grid position; 0 if invalid var findGridPos = function(xPos,yPos) { return { x : abs(round(topLeftX-xPos)/padding), y : abs(round(topLeftY-yPos)/padding) }; }; // converts x and y value to grid position; must be valid var winMsg = { msg : "LEVEL\nCLEARED!", x : width/2, y : 150, r : -100, s : 10, f : -600, time : 30, s2 : 1, f2 : 255 }; var nextLvlBtn = { y : 455, toY : 455, height : 10, toHeight : 10 }; // states var levelComplete = false; var levelReload = false; var resetLevels = function() { var nlb = nextLvlBtn; nlb.toY=455; p = { x : width/2, y : height/2, toX : p.toX, toY : p.toY, shakeSpeed : 5, shakiness : 10, moving : false, f : 255, facingVec : { x : 0, y : 0 } }; var progress = ""; for(var i = 0; i < levels.length; i++) { var unlocked = levels[i][levels[i].length-1].includes("UNLOCKED"); // Only save progress if(unlocked) { //levels[i][levels[i].length-1]+="-UNLOCKED"; progress+="U"; // unlocked } else { progress+="L"; // locked } } levels = [ [ "11", "11", "50-0-0" // Padding - xPos - yPos ], [ "101", "111", "50-0-0" // Padding - xPos - yPos ], [ "101", "101", "101", "50-0-0" // Padding - xPos - yPos ], [ "1011", "1000", "1010", "50-0-0" // Padding - xPos - yPos ], [ "1010", "0101", "0011", "50-1-1" // Padding - xPos - yPos ], [ "10111", "10010", "00101", "50-0-0" // Padding - xPos - yPos ], [ "11101", "00000", "10100", "00101", "01001", "40-4-4" // Padding - xPos - yPos ], [ "1111", "1010", "1101", "0010", "50-0-0" // Padding - xPos - yPos ], [ "0100", "1001", "0100", "1101", "50-3-3" // Padding - xPos - yPos ], [ "11101", "00000", "11000", "00101", "50-2-0" // Padding - xPos - yPos ], [ "1001", "1010", "1000", "0000", "1011", "50-0-1" // Padding - xPos - yPos ], [ "11011", "00000", "00100", "10001", "00110", "50-4-0" // Padding - xPos - yPos ], [ "11010", "01100", "10110", "10011", "01001", "50-0-0" // Padding - xPos - yPos ], [ "11000", "10100", "01110", "00101", "00011", "45-0-0" // Padding - xPos - yPos ], [ "11011", "10101", "01110", "10101", "11011", "45-0-0" // Padding - xPos - yPos ], [ "10101", "01010", "00100", "01010", "11011", "45-0-0" // Padding - xPos - yPos ], [ "11111", "00111", "10011", "11001", "11100", "45-0-0" // Padding - xPos - yPos ], [ "11011", "00000", "01101", "10100", "01010", "45-0-0" // Padding - xPos - yPos ], [ "11101", "00000", "00101", "10111", "01010", "45-0-0" // Padding - xPos - yPos ], [ "11011", "01010", "01011", "11000", "01011", "45-0-0" // Padding - xPos - yPos ], [ "011110", "001010", "001110", "000101", "100101", "45-1-0" // Padding - xPos - yPos ], [ "11011", "10100", "00110", "10011", "45-1-0" // Padding - xPos - yPos ], [ "01011", "10101", "01010", "10101", "11010", "45-1-0" // Padding - xPos - yPos ], [ "01011", "11101", "00110", "10001", "10010", "45-1-0" // Padding - xPos - yPos ], [ "11011", "11101", "00111", "10001", "10010", "45-1-1" // Padding - xPos - yPos ], [ "01001", "10010", "11111", "10010", "01001", "45-1-0" // Padding - xPos - yPos ], [ "01001", "10010", "01011", "10010", "01011", "45-1-0" // Padding - xPos - yPos ], [ "10101", "01001", "10100", "00110", "11010", "45-0-0" // Padding - xPos - yPos ], [ "1001", "0101", "1101", "1001", "45-0-0" // Padding - xPos - yPos ], [ "10010", "01011", "00000", "11011", "45-0-0" // Padding - xPos - yPos ] ]; modifyLevels(); levelComplete=false; levelReload=false; BOARD_PADDING = 0; padding=0; nlb.height=10; }; var mapBtn = { shade : 30 }; var keysBtn = { shade : 30, opened : false, y : -20, r : 0 }; var reloadBtn = { shade : 30, r : 0 }; var hintF = 255; var game = function() { background(41); var mB = mapBtn; var rB = reloadBtn; var kB = keysBtn; if(lvl===0) { fill(70,70,70,hintF-50+sin(frameCount7)25); textFont(FONTS.italicFont, 0); textSize(17); textAlign(CENTER, BOTTOM); text("USE ARROW KEYS TO HOP FROM DOT TO DOT.\nYOUR GOAL IS TO CLEAR THE BOARD.",width/2,315); if(dotsLeft<4) { hintF+=(0-hintF)/10; } } //println(dotsLeft); topLeftX = width/2-(l[0].length-1)BOARD_PADDING/2; topLeftY = height/2-(l.length-2)BOARD_PADDING/2; BOARD_PADDING+=(padding-BOARD_PADDING)/5; for(var i = 0, yLen = l.length-1; i < yLen; i++) { for(var j = 0, xLen = l[0].length; j < xLen; j++) { var dot = parseInt(l[i][j],0); if(dot) { noStroke(); fill(61); ellipse(topLeftX+jBOARD_PADDING,topLeftY+iBOARD_PADDING,20,20); } } } drawDub(p.x,p.y,sin(frCp.shakeSpeed)p.shakiness,1,p.f); if(kB.opened) { kB.y+=(80-kB.y)/10; kB.r=atan2(mouseY-kB.y,mouseX-(width-75))%360; if(mouse.clicked) { //println(kB.r); if(kB.r>-45\|\|kB.r<45) { keys[RIGHT]=true; } if(kB.r>45&&kB.r<135) { keys[DOWN]=true; } if(kB.r>135\|\|kB.r<-135) { keys[LEFT]=true; } if(kB.r>-135&&kB.r<-45) { keys[UP]=true; } } } else { kB.y+=(-20-kB.y)/10; } noStroke(); fill(15); ellipse(width-120+45,kB.y,25,25); stroke(15); pushMatrix(); translate(width-120+45,kB.y); rotate(kB.r); line(0,0,30,0); line(25,-5,30,0); line(25,5,30,0); popMatrix(); noStroke(); fill(255,255,255,10); rect(0,330,width,100); / pushStyle(); strokeWeight(2); fill(255,255,255,10); stroke(kB.shade+11); rect(width-120,0,90,40); popStyle();/ fill(mB.shade); textFont(FONTS.regularFont, 0); textAlign(CENTER, CENTER); textSize(25); text("MAP",width/5,365); /fill(kB.shade); text("KEYS",width-120+45,22); if(mouse.over(width-120,0,90,40)) { cursor(HAND); kB.shade+=(10-kB.shade)/10; if(mouse.clicked) { kB.opened=!kB.opened; } } else if(!kB.opened) { kB.shade+=(30-kB.shade)/10; }/ if(mouse.over(width/5-textWidth("MAP")/2-10,345,textWidth("MAP")+20,30)) { cursor(HAND); if(mouseIsPressed) { resetLevels(); pageTo=2; toBannerY=height+5; } mB.shade+=(10-mB.shade)/10; } else { mB.shade+=(30-mB.shade)/10; } if(keys[77]) { resetLevels(); pageTo=2; toBannerY=height+5; } fill(mB.shade,mB.shade,mB.shade,255-(mB.shade-10)255/20); text("]",width/5+textWidth("MAP")/2+mB.shade,362); text("[",width/5-textWidth("MAP")/2-mB.shade,362); var gridPosX = findGridPos(p.x,0).x; var gridPosY = findGridPos(0,p.y).y; if(!p.moving) { var fV = p.facingVec; if(keys[LEFT]&&fV.x!==1) { for(var i = gridPosX-1; i >=0; i--) { if(getDot(i,gridPosY)) { l[gridPosY] = replaceAt(l[gridPosY],gridPosX,"0"); fV.x=-1; fV.y=0; dotsLeft--; p.toX+=padding(i-gridPosX); p.moving=true; break; } } } else if(keys[RIGHT]&&fV.x!==-1) { for(var i = gridPosX+1; i < l[0].length; i++) { if(getDot(i,gridPosY)) { l[gridPosY] = replaceAt(l[gridPosY],gridPosX,"0"); fV.x=1; fV.y=0; dotsLeft--; p.toX+=padding(i-gridPosX); p.moving=true; break; } } } else if(keys[UP]&&fV.y!==1) { for(var i = gridPosY-1; i >=0; i--) { if(getDot(gridPosX,i)) { l[gridPosY] = replaceAt(l[gridPosY],gridPosX,"0"); fV.y=-1; fV.x=0; dotsLeft--; p.toY+=padding(i-gridPosY); p.moving=true; break; } } } else if(keys[DOWN]&&fV.y!==-1) { for(var i = gridPosY+1; i < l.length; i++) { if(getDot(gridPosX,i)) { l[gridPosY] = replaceAt(l[gridPosY],gridPosX,"0"); fV.y=1; fV.x=0; dotsLeft--; p.toY+=padding(i-gridPosY); p.moving=true; break; } } } } var wms = winMsg; var nlb = nextLvlBtn; if(abs(p.toX-p.x)<1&&abs(p.toY-p.y)<1) { p.moving=false; p.x=p.toX; p.y=p.toY; } if(dotsLeft===1) { var wms = winMsg; wms.time--; if(wms.time===0) { dotsLeft=0; } p.f+=(0-p.f)/10; nlb.toY=355; // level completed } else if(dotsLeft===0) { pushStyle(); fill(71); noStroke(); p.shakeSpeed=5; textFont(FONTS.regularFont, 0); textAlign(CENTER, CENTER); textSize(60); pushMatrix(); translate(wms.x,wms.y); rotate(wms.r); scale(wms.s); wms.s+=(1-wms.s)/10; wms.r+=(-20-wms.r)/10; fill(71,71,71,wms.f); wms.f+=(255-wms.f)/10; text(wms.msg,0,0); stroke(71,71,71,wms.f); rectMode(CENTER); strokeWeight(7.5); fill(255,255,255,5); rect(0,0,textWidth(wms.msg)+25,160); popMatrix(); popStyle(); if(wms.s<1.05) { pushStyle(); stroke(71,71,71,wms.f2); noFill(); rectMode(CENTER); textSize(60); pushMatrix(); translate(wms.x,wms.y); rotate(wms.r); scale(wms.s2); strokeWeight(12.5); rect(0,0,textWidth(wms.msg)+25,160); popMatrix(); popStyle(); wms.s2+=(2-wms.s2)/70; wms.f2+=(0-wms.f2)/10; } } pushStyle(); noStroke(); fill(0, 117, 23); rect(width/2-40,nlb.y,80,30,15); fill(0, 163, 33); rect(width/2-40,nlb.y-nlb.height,80,30,15); popStyle(); if(mouse.over(width/2-40,nlb.y-nlb.height,80,30,15)) { cursor(HAND); if(mouse.clicked) { nlb.toHeight=0; } } if(dotsLeft===0&&(keys[32]\|\|keys[ENTER]\|\|keys[16])) { nlb.toHeight = 0; } if(nlb.toHeight===0&&nlb.height<1) { nlb.toHeight=10; levelComplete = true; } if(levelComplete&&nlb.height>9) { wms.r+=(-100-wms.r)/22; wms.f+=(-600-wms.f)/22; wms.s+=(10-wms.s)/22; wms.f2=255; wms.s2=1; wms.time=30; if(wms.r<-45) { if(lvl===levels.length-1) { allLvlsCompleted=true; padding=0; p.f=0; p.toX=width/2; p.toY=height/2; p.x=width/2; p.y=height/2; resetLevels(); loadLevel(); pageTo=2; toBannerY=height+5; } else { levels[lvl+1][levels[lvl+1].length-1]+="-UNLOCKED"; if(lastLvl===lvl) { lastLvl++; } lvl++; resetLevels(); loadLevel(); } } } //println(p.toX+","+p.toY); p.x+=(p.toX-p.x)/5; p.y+=(p.toY-p.y)/5; nlb.height+=(nlb.toHeight-nlb.height)/6; nlb.y+=(nlb.toY-nlb.y)/6; pushStyle(); fill(75); textFont(FONTS.regularFont, 0); textSize(25); textAlign(LEFT,CENTER); text("LEVEL "+(lvl+1),20,27); stroke(rB.shade); noFill(); strokeWeight(4); pushMatrix(); translate(width4/5,367); rotate(rB.r); arc(0,0,20,20,-10,270); noStroke(); fill(rB.shade); var triSize = 8; triangle(cos(-20)triSize,sin(-20)triSize-10,cos(100)triSize,sin(100)triSize-10,cos(220)triSize,sin(220)triSize-10); popMatrix(); if(dist(mouseX,mouseY,width4/5,367)<=10&&!levelComplete) { cursor(HAND); if(mouse.clicked) { kB.opened=false; levelReload=true; } rB.shade+=(10-rB.shade)/10; rB.r+=(360-rB.r)/10; } else { rB.shade+=(30-rB.shade)/10; rB.r+=(0-rB.r)/10; } if(keys[82]) { kB.opened=false; levelReload=true; } popStyle(); if(levelReload) { padding=0; p.f+=(0-p.f)/5; p.toX=width/2; p.toY=height/2; if(BOARD_PADDING<0.1) { resetLevels(); loadLevel(); } } if(!levelComplete&&!levelReload&&dotsLeft>1) { p.f+=(255-p.f)/5; } }; var mapX = 0; var toMapX=-(lvl<levels.length-3?lvl:lvl-2)120; var confetti = []; var lvlMapNavArrow = { leftF : 80, rightF : 80 }; var lvlMap = function() { background(41); stroke(80); noFill(); beginShape(); for(var i = 0; i < levels.length; i++) { strokeWeight(5); var x = mapX+70+i120, y = height/2+sin(i50)80; curveVertex(x,y); if(i===0\|\|i===levels.length-1) { curveVertex(x,y); } } endShape(); for(var i = 0; i < levels.length; i++) { noStroke(); fill(80); var x = mapX+80+i120, y = height/2+sin(i50)80; ellipse(x,y,35,35); textAlign(CENTER,BOTTOM); textFont(FONTS.regularFont, 0); textSize(20); text("LEVEL "+(i+1),x,y-30); var lI = levels[i][levels[i].length-1]; var unlocked = lI.includes("UNLOCKED"); var newestLvl = i<levels.length-1?!levels[i+1][levels[i+1].length-1].includes("UNLOCKED"):false; if(dist(mouseX,mouseY,x,y)<=17.5) { if(unlocked) { cursor(HAND); if(mouse.clicked) { lvl=i; loadLevel(); pageTo=3; bubbleAnim.toS=width1.5; bubbleAnim.toX=width/2; bubbleAnim.toY=height/2; bubbleAnim.x=x; bubbleAnim.y=y; } } } if(!unlocked) { fill(52); rect(x-8,y-4.5,16,12); strokeWeight(2); stroke(52); noFill(); arc(x,y-5,8,8,-180,0); } else if(newestLvl) { noStroke(); fill(52); ellipse(x,y,15+sin(frC3)5,15+sin(frC3)5); noFill(); stroke(80); //arc(x,y,45,45,frC,150+frC); } else { noStroke(); fill(41); ellipse(x,y,20,20); noFill(); stroke(80); } } strokeWeight(4); stroke(lvlMapNavArrow.leftF); line(30,360,40,350); line(30,360,40,370); stroke(lvlMapNavArrow.rightF); line(width-30,360,width-40,350); line(width-30,360,width-40,370); if(mouse.over(28,348,14,24)) { cursor(HAND); if(mouseIsPressed&&toMapX<0) { toMapX+=10; } lvlMapNavArrow.leftF += (120 - lvlMapNavArrow.leftF) / 3; } else { lvlMapNavArrow.leftF += (90 - lvlMapNavArrow.leftF) / 3; } if(mouse.over(width-42,348,14,24)) { cursor(HAND); if(mouseIsPressed&&toMapX>-(levels.length-1)120+240) { toMapX-=10; } lvlMapNavArrow.rightF += (120 - lvlMapNavArrow.rightF) / 3; } else { lvlMapNavArrow.rightF += (80 - lvlMapNavArrow.rightF) / 3; } if(allLvlsCompleted) { pushStyle(); pushMatrix(); translate(width/2,50); rotate(sin(frC7)3); noStroke(); fill(55); rectMode(CENTER); rect(0,0,width-40,40); fill(30); textFont(FONTS.regularFont, 0); textAlign(CENTER, CENTER); textSize(20); text("YOU COMPLETED ALL THE LEVELS!",0,0); popMatrix(); popStyle(); for(var i = 0, cLen = confetti.length; i < cLen; i++) { var c = confetti[i]; var size = c.len; var extraX = sin(c.r)20; c.x+=extraX; if(c.x+mapX>0&&c.x+mapX<width) { stroke(c.c); strokeWeight(c.weight); line(c.x+mapX+cos(frC+c.r)size,c.y+sin(frC+c.r)size,mapX+c.x+cos(frC+c.r+180)size,c.y+sin(frC+c.r+180)size); } c.x-=extraX; c.y+=c.weight; c.r+=3; if(c.y>height&&bubbleAnim.s<5) { confetti.splice(i,1); } } //println(confetti.length); if(frC%2===0) { var col_or = COLORS[round(random(0,3))]; confetti.push({x:random(0,80+(levels.length)120),y:random(-20,-50),r:0,len:random(3,15),weight:random(1,7),c:col_or}); } } mapX+=(toMapX-mapX)/10; //mapX-=5; var bA = bubbleAnim; noStroke(); fill(52); ellipse(bA.x,bA.y,bA.s,bA.s); bA.s+=(bA.toS-bA.s)/10; bA.x+=(bA.toX-bA.x)/10; bA.y+=(bA.toY-bA.y)/10; if(bA.s>(width1.5)-5) { bA.toS=0; bA.s=0; bA.x=0; bA.toX=0; bA.y=0; bA.toY=0; bannerY=height+1; toBannerY=height+1; } }; {draw = function() { try { frC=frameCount; cursor(ARROW); switch(page) { case 1 : home(); break; case 2 : lvlMap(); break; case 3 : game(); break; } var mC = mouse.clicked; if(mC) { if(!mouseIsPressed) { if(keys[LEFT]) { keys[LEFT]=false; } else if(keys[RIGHT]) { keys[RIGHT]=false; } else if(keys[UP]) { keys[UP]=false; } else if(keys[DOWN]) { keys[DOWN]=false; } } mouse.clicked = false; } } catch(err) { if(Program.fatalErrorOccurance) { println(err); Program.lvl = lastLvl; } } bannerY+=(toBannerY-bannerY)/10; noStroke(); fill(52); rect(0,0,width,bannerY); if(bannerY>height) { //println(5); page=pageTo; toMapX=-(lvl<levels.length-3?lvl:lvl-2)*120; pageTo=0; toBannerY=-5; } if(mouseX>width-10&&mouseY>height-10) { var img = get(0,0,width,height); background(41); pushStyle(); imageMode(CENTER); pushMatrix(); translate(width/2,height/2); scale(400/200,1); image(img,0,0); popStyle(); } }; mouseClicked = function() { mouse.clicked = true; }; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; };} // processing.js events
Folds	11,16,29,34,36,41,42,45,46,50,54,56,58,65,66,129,132,353,357,374,380,398,399,412,416,423,425,430,431,436,438,448,449,454,459,714,716,718,719,724,725,728,730,1054,1063,1210,1212,1279
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgISvu6WjCww
Votes	417
Spin-Offs	29
Type	PJS
Width	600
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	πceratops (Caleb Winston)
Author Name	TheCodeFactory
Author ID	kaid_38304647372678497290314
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739456872132
Updated	8 months ago, 1744828364043
Source Deleted	unknown