Viewing Program

Program Data

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

Title	Drop Dots
ID	6074938237
Created	9 years ago, 1465172572717
Updated	9 years ago, 1465242028491
Code	/** Drop Dots - by πceratops - Post your highscore if you finished all the levels. Try to do them in as few moves as possible! - Huge credit to Blue Leaf for the last 4 levels. You can make levels too! https://www.khanacademy.org/computer-programming/level-editor/6046669506 "The animations and scene transitions are fabulous - the fading & sub-second animations remind me so much of my own programs. And I have such affection for a minimalist theme." - Blue Leaf (on a pre-release version) "That's a well-thought concept." - The #1 Base 12 Proponent "Absolutely stunning! A work of art! You have out done yourself!" - Duskpin Ultimate "Very polished, smooth, and clean, a big improvement from some of your other games." - Matthias / //Subscribe to me here :) https://www.khanacademy.org/computer-programming/subscribe-with-game/5124666799 var screen = 1; var dots = [-100,-120,-140,-170]; var title = [-150,-550]; var t = {home:0,help:0,play:0,win:255,toast:0}; var toastaccl = 15; var pointselected = false; var target = 0; var levels; var seconds = 0; var moves = 0; var bgtimer = 0; var check = 0; var win = false; var winy = -100; var retry = false; var reload = false; var reloadtarget = 0; var progress = 0; var btnline = 0; var locked = [false,true,true,true,true,true,true]; var setLevels = function() { levels = [ { points : [{x:150,y:150,selected : false},{x:250,y:250,selected:false},{x:200,y:250,selected:false},{x:200,y:150,selected:false}] }, { points : [{x:100,y:100,selected : false},{x:250,y:250,selected:false},{x:200,y:240,selected:false},{x:230,y:150,selected:false},{x:130,y:170,selected:false}] }, { points : [{x:50,y:70,selected : false},{x:250,y:60,selected:false},{x:200,y:240,selected:false},{x:260,y:120,selected:false},{x:60,y:130,selected:false},{x:195,y:170,selected:false},{x:130,y:170,selected:false}] }, { points : [{x:138,y:69,selected : false},{x:50,y:121,selected : false},{x:210,y:123,selected : false},{x:60,y:184,selected : false},{x:226,y:186,selected : false},{x:72,y:250,selected : false},{x:231,y:248,selected : false},{x:156,y:304,selected : false},] }, { points : [{x:60,y:108,selected : false},{x:251,y:105,selected : false},{x:256,y:309,selected : false},{x:51,y:309,selected : false},{x:53,y:164,selected : false},{x:204,y:158,selected : false},{x:211,y:274,selected : false},{x:98,y:271,selected : false},{x:96,y:202,selected : false},{x:164,y:201,selected : false},] }, { points : [{x:210,y:300,selected : false},{x:62,y:155,selected : false},{x:62,y:207,selected : false},{x:151,y:136,selected : false},{x:251,y:206,selected : false},{x:249,y:150,selected : false},{x:103,y:298,selected : false},{x:194,y:88,selected : false},{x:112,y:90,selected : false},] }, { points : [{x:54,y:99,selected : false},{x:263,y:96,selected : false},{x:265,y:296,selected : false},{x:51,y:296,selected : false},{x:53,y:192,selected : false},{x:159,y:97,selected : false},{x:157,y:188,selected : false},{x:155,y:293,selected : false},{x:264,y:187,selected : false},{x:54,y:191,selected : false},] }, ]; }; setLevels(); var level = 0; var mouseClicked = function() { switch(screen) { case 1: if(mouseX>125&&mouseX<255&&mouseY>210&&mouseY<230) { target=2; } break; case 2: target = 3; break; case 3: if(dist(mouseX,mouseY,280,374)<=7.5) { target = 3; retry = true; } else if(dist(mouseX,mouseY,350,375)<=5) { win = false; seconds = 0; moves = 0; for(var i = 1; i < locked.length; i++) { locked[i] = true; } target = 1; } else { for(var i = 0; i < levels.length; i++) { if(dist(350,30+i50,mouseX,mouseY)<=10) { if(!locked[i]) { target = 3; reload = true; reloadtarget = i; } } } } break; } }; var home = function() { this.cursor(); background(230, 230, 230); var handCursor = false; strokeWeight(2); stroke(69,69,69,t.home); if(btnline>3) { line(192.5-btnline/2,240,192.5+btnline/2,240); } if(mouseX>125&&mouseX<255&&mouseY>210&&mouseY<230) { handCursor=true; btnline+=(120-btnline)/10; } else { btnline+=(0-btnline)/10; } if(handCursor) { cursor(HAND); } else { this.cursor(); } if(target===0&&t.home<255) { t.home+=15; } if(target===2&&t.home>0) { t.home-=15; } if(target===2&&t.home<=0) { target = 0; screen = 2; } fill(69,69,69,t.home); textSize(60); text("DR P",10,title[0]); text("D TS",215,title[1]); title[0]+=(150-title[0])/20; title[1]+=(150-title[1])/20; noStroke(); ellipse(120,title[0]-20,40,40); ellipse(285,title[1]-20,40,40); textSize(20); text("TAP TO PLAY",130,230); fill(69,69,69,t.home-120); text("MY BEST GAME YET",100,30); fill(69,69,69,t.home); for(var i = 0; i < dots.length; i++) { switch(i) { case 0: fill(230,79,98,t.home); break; case 1: fill(255, 182, 56,t.home); break; case 2: fill(121,193,153,t.home); break; case 3: fill(114,142,189,t.home); break; } if(dots[i]<30) { dots[i]+=2; } ellipse(80+i80,320,dots[i],dots[i]); } }; var help = function() { this.cursor(); background(230,230,230); if(target===0&&t.help<255) { t.help+=15; } if(target===3&&t.help>0) { t.help-=15; } if(target===3&&t.help<=0) { target=0; screen = 3; } fill(69,69,69,t.help); textSize(15); text("DRAG THE DOTS TO MAKE A CONVEX POLYGON",25,50); text("CORRECT",65,270); text("INCORRECT",265,270); textSize(10); text("See how one side bends in?",245,285); textSize(20); text("TAP TO PLAY",125,350); ellipse(50,120,20,20); ellipse(150,120,20,20); ellipse(50,220,20,20); ellipse(150,220,20,20); ellipse(250,120,20,20); ellipse(350,120,20,20); ellipse(295,155,20,20); ellipse(250,220,20,20); strokeWeight(2); stroke(69,69,69,t.help); line(50,120,150,120); line(150,220,150,120); line(50,120,50,220); line(150,220,50,220); line(250,120,350,120); line(295,155,350,120); line(250,120,250,220); line(295,155,250,220); }; var play = function() { this.cursor(); background(230,230,230); if(level===0&&!win) { fill(69,69,69,t.toast); if(t.toast>=0) { t.toast+=toastaccl; } textSize(15); if(t.toast>4000) { toastaccl=-1; } text("DRAG THE DOTS TO MAKE A POLYGON",30,340); } bgtimer++; if(bgtimer%60===0&&!win) { seconds++; } var handCursor = false; if(target===0&&t.play<255) { t.play+=15; } if(target===1&&t.play>0) { t.play-=15; } if(target===1&&t.play<=0) { setLevels(); screen = 1; level = 0; target = 0; } if(target===3&&t.play>0) { t.play-=15; } if(target===3&&t.play<=0) { if(reload) { screen = 3; pointselected = false; setLevels(); level = reloadtarget; reload = false; target = 0; } else if(retry) { screen = 3; pointselected = false; setLevels(); target = 0; retry = false; } else { screen = 3; check = 0; locked[level+1]=false; if(level+1===levels.length) { level = 0; win = true; } else { level+=1; } pointselected = false; setLevels(); target = 0; } } noStroke(); fill(69,69,69,t.play); var points = levels[level].points; var angle = 0; var pointselected = false; for(var i = 0; i < points.length; i++) { if(points[i].selected) { points[i].x+=(mouseX-points[i].x)/5; points[i].y+=(mouseY-points[i].y)/5; pointselected = true; } if(dist(mouseX,mouseY,points[i].x,points[i].y)<=10) { handCursor = true; if(mouseIsPressed&&!pointselected) { points[i].selected = true; pointselected = true; } } if(!mouseIsPressed&&points[i].selected) { if(!win) { moves++; } points[i].selected = false; pointselected = false; } ellipse(points[i].x,points[i].y,20,20); if(i===0) { angle+=PVector.angleBetween(new PVector(points[0].x-points[points.length-1].x,points[0].y-points[points.length-1].y),new PVector(points[0].x-points[1].x,points[0].y-points[1].y)); } else if (i===points.length-1) { angle+=PVector.angleBetween(new PVector(points[points.length-1].x-points[0].x,points[points.length-1].y-points[0].y),new PVector(points[points.length-1].x-points[points.length-2].x,points[points.length-1].y-points[points.length-2].y)); } else { angle+=PVector.angleBetween(new PVector(points[i].x-points[i-1].x,points[i].y-points[i-1].y),new PVector(points[i].x-points[i+1].x,points[i].y-points[i+1].y)); } if(i>0) { stroke(69,69,69,t.play); strokeWeight(2); line(points[i].x,points[i].y,points[i-1].x,points[i-1].y); } } line(points[0].x,points[0].y,points[points.length-1].x,points[points.length-1].y); fill(69,69,69,t.play); ellipse(200,40,check,check); stroke(230,230,230,t.play); line(192.5,40,197.5,45); line(205.5,35,197.5,45); textSize(17.5); text(seconds+" seconds",20,380); text(moves+" moves",150,380); noFill(); stroke(69,69,69,t.play); arc(280,375,15,15,-90,200); line(345,370,355,380); line(355,370,345,380); if(dist(mouseX,mouseY,350,375)<=5) { handCursor=true; } line(268,374,272,371); line(277,374,272,371); if(win) { fill(69,69,69,t.win); text("YOU'VE UNLOCKED ALL THE LEVELS!",35,winy); winy+=(340-winy)/20; if(winy>250) { t.win-=1.5; } } if(dist(mouseX,mouseY,280,374)<=7.5) { handCursor = true; } if(round(angle)===(points.length-2)180&&!pointselected) { check+=(40-check)/5; } if(check>=35) { target = 3; } noStroke(); for(var i = 0; i < levels.length; i++) { fill(69,69,69,t.play); ellipse(350,30+i50,20,20); if(dist(350,30+i50,mouseX,mouseY)<=10) { if(!locked[i]) { handCursor = true; } } fill(230,230,230,t.play); textSize(15); if(!locked[i]) { text(i+1,346,35+i50); } else { rect(345,29+i50,10,6); noFill(); stroke(230,230,230,t.play); strokeWeight(1); arc(350,30+i50,5,10,-180,0); strokeWeight(2); } if(i>0) { stroke(69,69,69,t.play); line(350,20+i50,350,40+(i-1)50); } if(i===level) { noFill(); stroke(69,69,69,t.play); arc(350,30+i*50,25,25,progress+0,progress+180); progress+=2; } } if(handCursor) { cursor(HAND); } else { this.cursor(); } }; var draw = function() { switch(screen) { case 1: home(); break; case 2: help(); break; case 3: play(); break; } };
Folds	37,65,68,103,104,168,169,209,210,385
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBj95uDQFgw
Votes	171
Spin-Offs	5
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	πceratops
Author Name	MonumentExplorer
Author ID	kaid_248785674519872820009592
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739290083023
Updated	10 months ago, 1739290083023
Source Deleted	unknown