Viewing Program

Program Data

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

Title	Connect the dots!
ID	5786510447345664
Created	11 years ago, 1417535222156
Updated	11 years ago, 1417886863076
Code	/** * @author Dalendrion * @link https://www.khanacademy.org/computer-programming/connect-the-dots/5786510447345664 * * CONNECT THE DOTS! * Or create your own! (read on) * * UPDATE: * - Now with 'UNDO' button to make corrections! */ // If you want to draw your own, turn this into true. var drawYourOwn = false; // If you have drawn your own, press the P key and paste the numbers here. var n = [250,122,285,129,322,140,350,183,285,219,299,225,328,225,322,247,307,246,277,260,281,282,250,292,292,313,217,316,135,316,102,271,123,209,105,173,41,210,70,103,132,78,199,113,196,157,160,205,136,255,145,285,157,246,182,205,238,168,263,143]; // When you're done, change 'drawYourOwn' back to false. if(drawYourOwn) { n = []; } var p = []; noLoop(); var undo = { x: 165, y: 370, w: 70, h: 20, r: 3, t: 10, clicked: this.t, txt: "Undo...", draw: function() { if(mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h) { fill(220, 220, 220); stroke(64, 64, 64); } else { fill(200, 200, 200); stroke(128, 128, 128); } if(this.clicked) { fill(150, 150, 150); this.clicked--; } strokeWeight(2); rect(this.x, this.y, this.w, this.h, this.r); fill(0, 0, 0); textFont(createFont("Arial"), 12); textAlign(CENTER, CENTER); text(this.txt, this.x + this.w / 2, this.y + this.h / 2); }, onClick: function() { if(mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h) { this.clicked = this.t; if(p.length > 2) { p.pop(); p.pop(); } return true; } return false; }, }; draw = function() { background(250, 250, 250); undo.draw(); textFont(createFont("Impact"), 30); fill(0, 0, 0); textAlign(CENTER, CENTER); text("Connect the dots!", 200, 30); stroke(0, 0, 0); strokeWeight(1); for(var i = 0; i < p.length - 3; i += 2) { line(p[i], p[i + 1], p[i + 2], p[i + 3]); } textFont(createFont("consolas"), 10); fill(0, 0, 0); textAlign(LEFT, CENTER); strokeWeight(5); for(var i = 0; i < n.length - 1; i += 2) { point(n[i], n[i + 1]); text(i / 2, n[i] + 4, n[i + 1]); } }; mouseClicked = function() { if(undo.onClick()) { return; } p.push(mouseX); p.push(mouseY); if(drawYourOwn) { n.push(mouseX); n.push(mouseY); } draw(); }; keyPressed = function() { if(drawYourOwn && key.toString().toUpperCase() === 'P') { println(p); } };
Folds	28,74
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNCdz9mjCgw
Votes	245
Spin-Offs	38
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Dalendrion
Author Name	Dalendrion
Author ID	kaid_635504323514339937071278
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739448995350
Updated	10 months ago, 1739449001871
Source Deleted	unknown