Viewing Program

Program Data

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

Title	Interactive Khan Academy!
ID	4863925847277568
Created	4 years ago, 1611958937985
Updated	4 years ago, 1612821458156
Code	/********************************************************* Interactive Khan Academy! ************ PLEASE READ: I know this doesn't look that much like the real Khan Academy. So please don't comment about how off it is. Note: Some of the buttons on some of the pages do not work. They just appear to be buttons. :) Sub? https://www.khanacademy.org/computer-programming/sub-to-jackpaddle-tudios/5737105877057536 More than 4000 lines of code! ******************************************************** Credits: Squishy for the buttons. ********************************************************/ rectMode(CENTER); textAlign(CENTER, CENTER); noStroke(); var buttons = []; var scene = "menu"; var button_font_family = "calibri"; //{ ///////// //Buttons { var Button = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.37; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; Button.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; Button.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } if (this.is_hover) { fill(0, 13, 250); } else { fill(11, 28, 97); } rect(this.x, this.y, this.width, this.height); fill(255, 255, 255); textFont(this.font); text(this.name, this.x, this.y); } }; var update_buttons = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } ///////// //Bttns { var Bttn = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.37; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; Bttn.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; Bttn.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } if (this.is_hover) { fill(237, 234, 237); } else { fill(255, 255, 255); } rect(this.x, this.y, this.width, this.height); fill(9, 0, 255); textFont(this.font); text(this.name, this.x, this.y); } }; var update_bttns = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } ///////// //BUTTONS { var BUTTONS = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.46; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; BUTTONS.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; BUTTONS.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } if (this.is_hover) { fill(235, 235, 235); } else { fill(247, 247, 247); } rect(this.x, this.y, this.width, this.height); fill(0, 0, 0); textFont(this.font); text(this.name, this.x, this.y); } }; var update_buttons = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } //////// //PRO { var PRO = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.19; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; PRO.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; PRO.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } fill(0, 196, 255); rect(this.x, this.y, this.width, this.height); fill(0, 0, 0); textFont(this.font); text(this.name, this.x, this.y); } }; var update_buttons = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } //////// //DUCK { var DUCK = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.19; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; DUCK.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; DUCK.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } fill(0, 0, 0); rect(this.x, this.y, this.width, this.height); fill(0, 0, 0); textFont(this.font); text(this.name, this.x, this.y); } }; var update_buttons = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } //////// //vote { var vote = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.36; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; vote.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; vote.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } if (this.is_hover) { fill(43, 57, 255); } else { fill(0, 50, 250); } rect(this.x, this.y, this.width, this.height); fill(255, 255, 255); textFont(this.font); text(this.name, this.x, this.y); } }; var update_buttons = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } ///////// //close { var close = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.58; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; close.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; close.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } if (this.is_hover) { fill(194, 194, 194); } else { fill(224, 224, 224); } rect(this.x, this.y, this.width, this.height); fill(0, 0, 0); textFont(this.font); text(this.name, this.x, this.y); } }; var update_buttons = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } ///////// //error { var error = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.49; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; error.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; error.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } if (this.is_hover) { fill(250, 250, 250); } else { fill(255, 255, 255); } rect(this.x, this.y, this.width, this.height); fill(0, 0, 0); textFont(this.font); text(this.name, this.x, this.y); } }; var update_buttons = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } ///////// //teach { var teach = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.46; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; teach.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; teach.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } if (this.is_hover) { cursor("not-allowed"); fill(212, 212, 212); } else { fill(219, 219, 219); } rect(this.x, this.y, this.width, this.height); fill(0, 0, 0); textFont(this.font); text(this.name, this.x, this.y); } }; var update_buttons = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } ////////// //notifs { var notifs = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.37; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; notifs.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; notifs.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } if (this.is_hover) { fill(219, 219, 219); } else { fill(255, 255, 255); } rect(this.x, this.y, this.width, this.height); fill(0, 0, 0); textFont(this.font); text(this.name, this.x, this.y); } }; var update_buttons = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } ///////// //signin { var signin = function(on_scene, name, x_position, y_position, button_width, button_height, action) { this.on_scene = on_scene; this.name = name; this.x = x_position; this.y = y_position; this.width = button_width; this.height = button_height; this.action = action; this.is_hover = false; this.corner_size = min(button_width, button_height)0.47; this.font = loadFont(button_font_family, this.corner_size); this.edge_l = x_position - button_width/2; this.edge_r = x_position + button_width/2; this.edge_t = y_position - button_height/2; this.edge_b = y_position + button_height/2; buttons.push(this); }; signin.prototype.on_mouse_click = function() { if (this.is_hover) { this.is_hover = false; this.action(); } }; signin.prototype.update = function() { if (scene === this.on_scene) { if (mouseY > this.edge_t && mouseY < this.edge_b && mouseX > this.edge_l && mouseX < this.edge_r) { this.is_hover = true; cursor(HAND); } else { this.is_hover = false; } if (this.is_hover) { fill(171, 171, 171); } else { fill(201, 201, 201); } rect(this.x, this.y, this.width, this.height); fill(0, 0, 0); textFont(this.font); text(this.name, this.x, this.y); } }; var update_buttons = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].update(); } }; } //////// //} var Profile = function() { strokeWeight(1); background(255, 255, 255); fill(255, 255, 255); stroke(0, 0, 0); rect(62, 387, 136, 429); rect(379, 387, 498, 429); noStroke(); fill(126, 140, 194); rect(299, 105, 617, 136); textFont(createFont("Aharoni")); fill(11, 28, 97); rect(173, 24, 882, 50); image(getImage("avatars/leaf-green"),214, 9, 30, 30); //{ pushMatrix(); translate(0,0); image(getImage("creatures/Hopper-Jumping"),22, 81, 60, 60); fill(255, 255, 255); textSize(20); text("KAuser75", 138, 93); textSize(15); text("@kauser75 - I love KA!!", 171, 120); fill(20, 181, 255); rect(466, 129, 62, 15, 3); textSize(12); fill(255, 255, 255); text("2,289,213", 468, 130); fill(126, 140, 194); stroke(255, 255, 255); rect(541, 124, 65, 25, 3); fill(255, 255, 255); text("Edit Profile", 543, 127); popMatrix(); //} pushMatrix(); scale(0.96); translate(42,71); //{ pushMatrix(); scale(1.2); translate(13, 3); stroke(135, 123, 123); fill(255, 255, 255); rect(173, 208, 211, 168, 4); rect(173, 140, 211, 35, 4); fill(0, 0, 0); textSize(16); text("Showcase", 108, 141); arc(225, 149, 11, 16, -178, 0); ellipse(225, 141, 7, 7); textSize(11); fill(128, 114, 128, 180); text("Coaches", 255, 144); noStroke(); fill(179, 179, 179, 30); rect(90, 197, 40, 50, 4); rect(132, 197, 40, 50, 4); rect(174, 197, 40, 50, 4); rect(216, 197, 40, 50, 4); rect(258, 197, 40, 50, 4); textSize(11); fill(0, 0, 0); text("Date joined 4 years ago", 173, 241); textSize(11); fill(0, 0, 0); text("Energy points earned", 124, 257); fill(28, 87, 150); rect(241, 258, 59, 16, 5); fill(255, 255, 255); text("2,289,213", 241, 258); fill(255, 255, 255); textSize(11); text("", 315, 350); fill(0, 0, 0); text("Videos completed 471", 152, 275); popMatrix(); textSize(24); text("My Profile", 154, 126); //}Profile //{ pushMatrix(); translate(-2,-24); stroke(0, 0, 0); fill(255, 255, 255); rect(469, 232, 221, 109, 4); rect(469, 194, 221, 36, 4); fill(179, 179, 179, 30); noStroke(); translate(208, -14); rect(171, 258, 34, 50, 4); rect(208, 258, 34, 50, 4); rect(244, 258, 34, 50, 4); rect(280, 258, 34, 50, 4); rect(317, 258, 34, 50, 4); rect(354, 258, 34, 50, 4); fill(0, 0, 0); textSize(18); text("Badge Counts", 213, 208); textSize(11); fill(9, 0, 255); text("View all", 291 ,211); pushMatrix(); fill(0, 0, 0); translate(-16,-18); ellipse(336, 229, 12, 12); fill(204, 194, 194); ellipse(334, 227, 8, -4); ellipse(337, 233, 7, -4); popMatrix(); textSize(10.5); fill(196, 196, 196); text("Everyone", 349, 211); popMatrix(); //}Badge Counts //{ pushMatrix(); fill(0, 0, 0); textSize(10); text("Ramunjan", 125, 217); scale(0.72); translate(123,245); noStroke(); fill(255, 191, 0); ellipse(48, 99, 53, 53); fill(255, 242, 0); ellipse(48, 99, 42, 42); fill(255, 204, 0); ellipse(48, 99, 33, 33); //inside fill(255, 255, 255); rect(40, 97, 4, 23); rect(55, 97, 4, 23); rect(47, 105, 23, 7); rect(48, 98, 18, 2); rect(48, 93, 18, 2); rect(48, 88, 18, 2); fill(110, 73, 28); ellipse(45, 89, 4, 4); fill(255, 119, 0); ellipse(50, 89, 4, 4); fill(255, 119, 0); ellipse(45, 99, 4, 4); fill(110, 73, 28); ellipse(50, 99, 4, 4); ellipse(52, 94, 4, 4); fill(255, 119, 0); ellipse(47, 94, 4, 4); popMatrix(); //}Ramunjan //{ fill(0, 0, 0); textSize(10); text("Millionaire", 224, 217); pushMatrix(); scale(0.72); translate(-23,245); noStroke(); fill(255, 191, 0); ellipse(333, 99, 53, 53); fill(255, 242, 0); ellipse(333, 99, 42, 42); fill(255, 204, 0); ellipse(333, 99, 33, 33); //inside fill(255, 153, 0); ellipse(327, 103, 14, 14); ellipse(338, 93, 14, 14); fill(255, 234, 0); ellipse(338, 93, 10, 10); ellipse(327, 103, 10, 10); stroke(255, 140, 0); noFill(); ellipse(338, 93, 7, 7); ellipse(327, 103, 7, 7); noStroke(); popMatrix(); //}Millionaire //{ fill(0, 0, 0); textSize(10); text("Kepler", 174, 217); pushMatrix(); scale(0.72); translate(193,96); strokeWeight(1); noStroke(); fill(255, 191, 0); ellipse(48, 248, 53, 53); fill(255, 242, 0); ellipse(48, 248, 42, 42); fill(255, 204, 0); ellipse(48, 248, 33, 33); //inside fill(255, 234, 0); stroke(255, 140, 0); ellipse(48, 248, 20, 20); noFill(); strokeWeight(4); arc(48, 249, 27, 5, -30, 206); noStroke(); popMatrix(); //}Kepler //{ fill(0, 0, 0); textSize(10); text("Copernicus", 275, 217); pushMatrix(); scale(0.72); translate(49,96); noStroke(); fill(255, 191, 0); ellipse(332, 247, 53, 53); fill(255, 242, 0); ellipse(332, 247, 42, 42); fill(255, 204, 0); ellipse(332, 247, 33, 33); //inside noFill(); strokeWeight(1); stroke(255, 255, 255); ellipse(332, 247, 29, 29); ellipse(332, 247, 22, 22); stroke(255, 111, 0); strokeWeight(2); fill(255, 234, 0); ellipse(332, 247, 12, 12); noStroke(); fill(99, 55, 22); ellipse(335, 238, 4, 4); ellipse(323, 258, 4, 4); popMatrix(); //}Copernicus //{ pushMatrix(); translate(0,0); fill(28, 173, 67); ellipse(326, 247, 38, 38); fill(152, 237, 118); ellipse(326, 247, 30, 30); fill(54, 153, 22); ellipse(326, 247, 22, 22); fill(255, 255, 255); textSize(14); text("✔", 326, 245); text("✔", 327, 250); fill(0, 0, 0); textSize(8.9); text("Incredible\nAnswer", 326, 218); popMatrix(); //}Incredible Answer //{ pushMatrix(); translate(0,0); stroke(161, 146, 161); fill(255, 255, 255); rect(224, 424, 253, 117, 4); rect(224, 384, 253, 36, 4); fill(179, 179, 179, 30); textSize(19); fill(0, 0, 0); text("Discussion", 148, 383); fill(56, 54, 54, 70); textSize(12); text("Everyone", 325, 385); textSize(11); fill(0, 0, 0); text("Statistics", 125, 412); text("64 questions", 134, 430); text("109 answers", 132, 445); text("22 project help requests", 161, 459); text("361 comments", 138, 474); text("459 votes", 256, 430); text("0 flags raised", 266, 445); text("214 project help replies", 291, 459); text("572 tips or thanks", 278, 474); ////////////// pushMatrix(); translate(-48,156); ellipse(336, 229, 12, 12); fill(204, 194, 194); ellipse(334, 227, 8, -4); ellipse(337, 233, 7, -4); popMatrix(); ////////////// popMatrix(); noStroke(); //}Discussion //{ stroke(161, 146, 161); fill(255, 255, 255); rect(467, 362, 221, 178, 4); rect(467, 291, 221, 36, 4); fill(0, 0, 0); textSize(19); text("Projects", 395, 290); fill(66, 55, 66); noStroke(); ////////////////////// pushMatrix(); translate(182,62); ellipse(336, 229, 12, 12); fill(204, 194, 194); ellipse(334, 227, 8, -4); ellipse(337, 233, 7, -4); popMatrix(); //////////////////// textSize(11); fill(161, 152, 161,100); text("Everyone", 552 ,292); ////////////////////////// fill(17, 0, 255); textSize(11); text("Customize Projects", 408, 443); noFill(); stroke(153, 151, 151); rect(414, 370, 99, 89); rect(521, 370, 99, 89); ///////////////////////// noStroke(); fill(0, 0, 0); rect(414, 370, 98, 87); textSize(10); text("Spin-off of Duck Life", 409, 420); fill(148, 140, 140); text("1 vote", 378, 431); fill(0, 196, 255); rect(521, 370, 98, 87); textSize(10); fill(0, 0, 0); text("HELLO!", 491, 420); textSize(12); fill(0, 0, 0); text("HELLO!", 520, 372); textSize(10); fill(148, 140, 140); text("1 vote", 486, 431); noStroke(); //}Projects //{ fill(153, 153, 153); textSize(11); text("KHAN ACADEMY", 26, 137); text("MY STUFF", 26, 216); text("MY ACCOUNT", 26, 294); //}Side Bar Text //{ pushMatrix(); fill(0, 0, 0); textSize(14); text("78", 376, 202); translate(317,183); scale(0.3); noStroke(); fill(41, 112, 163); rect(196,145,95,51); triangle(147,122,246,122,197,89); triangle(147,169,246,169,197,203); popMatrix(); pushMatrix(); translate(329,192); scale(0.24); noStroke(); fill(122, 187, 230); rect(196,145,95,51); triangle(147,122,246,122,197,89); triangle(147,169,246,169,197,203); //////////////////////////// ////////////////////////// pushMatrix(); translate(39,28); scale(0.8); fill(15, 41, 148); rect(196,145,95,51); triangle(147,122,246,122,197,89); triangle(147,169,246,169,197,203); popMatrix(); /////////////////////////// //Design Challenge Patch pushMatrix(); fill(240, 240, 240); ellipse(213, 120, 11, 11); ellipse(218, 134, 10, 10); ellipse(226, 146, 8, 8); ellipse(199, 170, 8, 8); rotate(38); ellipse(239, -1, 46, 23); popMatrix(); /////////////////////////// popMatrix(); //}Challenge Patch (Badge Counts) //{ pushMatrix(); fill(0, 0, 0); text("0", 413, 202); //////////////////////////////////// fill(168, 10, 136); ellipse(413, 227, 30, 30); fill(250, 123, 250); ellipse(413, 227, 24, 24); fill(0, 0, 0); ellipse(413, 227, 15, 15); popMatrix(); //}Black Hole Badge (Badge Counts) //{ pushMatrix(); fill(0, 0, 0); text("12", 449, 202); fill(255, 204, 0); ellipse(450, 227, 30, 30); fill(247, 228, 62); ellipse(450, 227, 25, 25); fill(235, 226, 101); ellipse(450, 227, 14, 14); /////////////////////////////////////////////// pushMatrix(); translate(400,196); scale(0.209); fill(232, 191, 25); triangle(303, 125, 288, 143, 276, 132); triangle(287, 146, 287, 163, 314, 157); triangle(287, 163, 276, 176, 307, 184); triangle(272, 175, 253, 189, 282, 199); triangle(246, 187, 218, 188, 233, 213); triangle(211, 185, 190, 169, 184, 202); triangle(195, 169, 195, 140, 163, 150); triangle(197, 138, 217, 118, 182, 107); triangle(219, 118, 243, 117, 231, 82); triangle(251, 119, 270, 125, 282, 83); popMatrix(); fill(252, 231, 96); ellipse(450, 228, 16, 16); popMatrix(); //}Sun Badge (Badge Counts) //{ pushMatrix(); fill(0, 0, 0); text("118", 484, 202); fill(28, 173, 67); ellipse(485, 227, 30, 30); fill(152, 237, 118); ellipse(485, 227, 24, 24); fill(36, 15, 194); ellipse(485, 227, 17, 17); fill(0, 255, 111); scale(0.2); translate(2193,927); triangle(235, 149, 236, 212, 202, 167); translate(20,57); triangle(244, 161, 224, 192, 206, 153); translate(-33,-51); triangle(244, 166, 224, 205, 203, 167); popMatrix(); //}Earth Badge (Badge Counts) //{ pushMatrix(); translate(0,0); fill(0, 0, 0); text("313", 521, 202); fill(45, 69, 224); ellipse(523, 227, 30, 30); fill(16, 123, 204); ellipse(523, 227, 25, 25); fill(230, 225, 225); ellipse(523, 227, 19, 19); fill(199, 199, 199); ellipse(522, 227, 13, 18); popMatrix(); //}Moon Badge (Badge Counts) //{ pushMatrix(); translate(0,0); fill(0, 0, 0); text("593", 559, 202); fill(158, 22, 22); ellipse(560, 227, 30, 30); fill(252, 58, 58); ellipse(560, 227, 24, 24); fill(255, 255, 255); ellipse(560, 227, 15, 15); pushMatrix(); fill(166, 164, 164); stroke(0, 0, 0); translate(537,209); scale(0.11); beginShape(); vertex(222, 92); vertex(303, 130); vertex(272, 197); vertex(205, 220); vertex(155, 228); vertex(145, 126); vertex(234, 95); endShape(); popMatrix(); noStroke(); popMatrix(); //}Meteorite Badge (Badge Counts) popMatrix(); }; var sceneHowto = function() { strokeWeight(1); background(255, 255, 255); fill(255, 255, 255); stroke(0, 0, 0); rect(62, 387, 136, 429); rect(379, 387, 498, 429); noStroke(); fill(126, 140, 194); rect(299, 105, 617, 136); textFont(createFont("calibri")); fill(11, 28, 97); rect(173, 24, 882, 50); image(getImage("avatars/leaf-green"),214, 9, 30, 30); noStroke(); pushMatrix(); translate(0,0); image(getImage("creatures/Hopper-Jumping"),22, 81, 60, 60); fill(255, 255, 255); textSize(24); text("KAuser75", 138, 93); textSize(18); text("@kauser75 - I love KA!!", 173, 120); fill(20, 181, 255); rect(466, 129, 62, 15, 3); textSize(12); fill(255, 255, 255); text("2,289,213", 468, 130); fill(126, 140, 194); stroke(255, 255, 255); rect(541, 124, 65, 25, 3); fill(255, 255, 255); text("Edit Profile", 543, 127); popMatrix(); pushMatrix(); translate(41,57); fill(153, 153, 153); textSize(13); text("KHAN ACADEMY", 26, 143); text("MY STUFF", 25, 217); text("MY ACCOUNT", 25, 294); popMatrix(); pushMatrix(); scale(0.96); translate(42,71); //{ pushMatrix(); scale(1.2); translate(13, 3); stroke(135, 123, 123); fill(255, 255, 255); rect(173, 208, 211, 168, 4); rect(173, 140, 211, 35, 4); fill(0, 0, 0); textSize(18); text("Showcase", 108, 141); arc(225, 149, 11, 16, -178, 0); ellipse(225, 141, 7, 7); textSize(11); fill(128, 114, 128, 180); text("Coaches", 255, 144); noStroke(); fill(179, 179, 179, 30); rect(90, 197, 40, 50, 4); rect(132, 197, 40, 50, 4); rect(174, 197, 40, 50, 4); rect(216, 197, 40, 50, 4); rect(258, 197, 40, 50, 4); textSize(12); fill(0, 0, 0); text("Date joined 4 years ago", 171, 241); textSize(12); fill(0, 0, 0); text("Energy points earned", 124, 257); fill(28, 87, 150); rect(241, 258, 59, 16, 5); fill(255, 255, 255); text("2,289,213", 241, 258); fill(255, 255, 255); textSize(12); text("", 315, 350); fill(0, 0, 0); text("Videos completed 471", 152, 275); popMatrix(); textSize(27); text("My Profile", 155, 127); //}Profile //{ pushMatrix(); translate(-2,-24); stroke(0, 0, 0); fill(255, 255, 255); rect(469, 232, 221, 109, 4); rect(469, 194, 221, 36, 4); fill(179, 179, 179, 30); noStroke(); translate(208, -14); rect(171, 258, 34, 50, 4); rect(208, 258, 34, 50, 4); rect(244, 258, 34, 50, 4); rect(280, 258, 34, 50, 4); rect(317, 258, 34, 50, 4); rect(354, 258, 34, 50, 4); fill(0, 0, 0); textSize(20); text("Badge Counts", 213, 208); textSize(12); fill(9, 0, 255); text("View all", 291 ,211); pushMatrix(); fill(0, 0, 0); translate(-16,-18); ellipse(336, 229, 12, 12); fill(204, 194, 194); ellipse(334, 227, 8, -4); ellipse(337, 233, 7, -4); popMatrix(); textSize(10.6); fill(196, 196, 196); text("Everyone", 348, 211); popMatrix(); //}Badge Counts //{ pushMatrix(); fill(0, 0, 0); textSize(10); text("Ramunjan", 125, 217); scale(0.72); translate(123,245); noStroke(); fill(255, 191, 0); ellipse(48, 99, 53, 53); fill(255, 242, 0); ellipse(48, 99, 42, 42); fill(255, 204, 0); ellipse(48, 99, 33, 33); //inside fill(255, 255, 255); rect(40, 97, 4, 23); rect(55, 97, 4, 23); rect(47, 105, 23, 7); rect(48, 98, 18, 2); rect(48, 93, 18, 2); rect(48, 88, 18, 2); fill(110, 73, 28); ellipse(45, 89, 4, 4); fill(255, 119, 0); ellipse(50, 89, 4, 4); fill(255, 119, 0); ellipse(45, 99, 4, 4); fill(110, 73, 28); ellipse(50, 99, 4, 4); ellipse(52, 94, 4, 4); fill(255, 119, 0); ellipse(47, 94, 4, 4); popMatrix(); //}Ramunjan //{ fill(0, 0, 0); textSize(10); text("Millionaire", 224, 217); pushMatrix(); scale(0.72); translate(-23,245); noStroke(); fill(255, 191, 0); ellipse(333, 99, 53, 53); fill(255, 242, 0); ellipse(333, 99, 42, 42); fill(255, 204, 0); ellipse(333, 99, 33, 33); //inside fill(255, 153, 0); ellipse(327, 103, 14, 14); ellipse(338, 93, 14, 14); fill(255, 234, 0); ellipse(338, 93, 10, 10); ellipse(327, 103, 10, 10); stroke(255, 140, 0); noFill(); ellipse(338, 93, 7, 7); ellipse(327, 103, 7, 7); noStroke(); popMatrix(); //}Millionaire //{ fill(0, 0, 0); textSize(10); text("Kepler", 174, 217); pushMatrix(); scale(0.72); translate(193,96); strokeWeight(1); noStroke(); fill(255, 191, 0); ellipse(48, 248, 53, 53); fill(255, 242, 0); ellipse(48, 248, 42, 42); fill(255, 204, 0); ellipse(48, 248, 33, 33); //inside fill(255, 234, 0); stroke(255, 140, 0); ellipse(48, 248, 20, 20); noFill(); strokeWeight(4); arc(48, 249, 27, 5, -30, 206); noStroke(); popMatrix(); //}Kepler //{ fill(0, 0, 0); textSize(10); text("Copernicus", 275, 217); pushMatrix(); scale(0.72); translate(49,96); noStroke(); fill(255, 191, 0); ellipse(332, 247, 53, 53); fill(255, 242, 0); ellipse(332, 247, 42, 42); fill(255, 204, 0); ellipse(332, 247, 33, 33); //inside noFill(); strokeWeight(1); stroke(255, 255, 255); ellipse(332, 247, 29, 29); ellipse(332, 247, 22, 22); stroke(255, 111, 0); strokeWeight(2); fill(255, 234, 0); ellipse(332, 247, 12, 12); noStroke(); fill(99, 55, 22); ellipse(335, 238, 4, 4); ellipse(323, 258, 4, 4); popMatrix(); //}Copernicus //{ pushMatrix(); translate(0,0); fill(28, 173, 67); ellipse(326, 247, 38, 38); fill(152, 237, 118); ellipse(326, 247, 30, 30); fill(54, 153, 22); ellipse(326, 247, 22, 22); fill(255, 255, 255); textSize(14); text("✔", 326, 245); text("✔", 327, 250); fill(0, 0, 0); textSize(8.9); text("Incredible\nAnswer", 326, 218); popMatrix(); //}Incredible Answer //{ pushMatrix(); translate(0,0); stroke(161, 146, 161); fill(255, 255, 255); rect(224, 424, 253, 117, 4); rect(224, 384, 253, 36, 4); fill(179, 179, 179, 30); textSize(21); fill(0, 0, 0); text("Discussion", 148, 383); fill(56, 54, 54, 70); textSize(14); text("Everyone", 323, 385); textSize(12); fill(0, 0, 0); text("Statistics", 125, 412); text("64 questions", 134, 430); text("109 answers", 132, 445); text("22 project help requests", 161, 459); text("361 comments", 138, 474); text("459 votes", 256, 430); text("0 flags raised", 266, 445); text("214 project help replies", 291, 459); text("572 tips or thanks", 278, 474); ////////////// pushMatrix(); translate(-48,156); ellipse(336, 229, 12, 12); fill(204, 194, 194); ellipse(334, 227, 8, -4); ellipse(337, 233, 7, -4); popMatrix(); ////////////// popMatrix(); noStroke(); //}Discussion //{ stroke(161, 146, 161); fill(255, 255, 255); rect(467, 362, 221, 178, 4); rect(467, 291, 221, 36, 4); fill(0, 0, 0); textSize(22); text("Projects", 397, 290); fill(66, 55, 66); noStroke(); ////////////////////// pushMatrix(); translate(182,62); ellipse(336, 229, 12, 12); fill(204, 194, 194); ellipse(334, 227, 8, -4); ellipse(337, 233, 7, -4); popMatrix(); //////////////////// textSize(14); fill(161, 152, 161,100); text("Everyone", 551 ,291); ////////////////////////// fill(17, 0, 255); textSize(12); text("Customize Projects", 408, 443); noFill(); stroke(153, 151, 151); rect(414, 370, 99, 89); rect(521, 370, 99, 89); ///////////////////////// noStroke(); fill(0, 0, 0); rect(414, 370, 98, 87); textSize(11); text("Spin-off of Duck Life", 409, 420); fill(148, 140, 140); text("1 vote", 378, 431); fill(0, 196, 255); rect(521, 370, 98, 87); textSize(11); fill(0, 0, 0); text("HELLO!", 491, 420); textSize(13); fill(0, 0, 0); text("HELLO!", 520, 372); textSize(11); fill(148, 140, 140); text("1 vote", 486, 431); noStroke(); //}Projects //{ pushMatrix(); fill(0, 0, 0); textSize(14); text("78", 376, 202); translate(317,183); scale(0.3); noStroke(); fill(41, 112, 163); rect(196,145,95,51); triangle(147,122,246,122,197,89); triangle(147,169,246,169,197,203); popMatrix(); pushMatrix(); translate(329,192); scale(0.24); noStroke(); fill(122, 187, 230); rect(196,145,95,51); triangle(147,122,246,122,197,89); triangle(147,169,246,169,197,203); //////////////////////////// ////////////////////////// pushMatrix(); translate(39,28); scale(0.8); fill(15, 41, 148); rect(196,145,95,51); triangle(147,122,246,122,197,89); triangle(147,169,246,169,197,203); popMatrix(); /////////////////////////// //Design Challenge Patch pushMatrix(); fill(240, 240, 240); ellipse(213, 120, 11, 11); ellipse(218, 134, 10, 10); ellipse(226, 146, 8, 8); ellipse(199, 170, 8, 8); rotate(38); ellipse(239, -1, 46, 23); popMatrix(); /////////////////////////// popMatrix(); //}Challenge Patch (Badge Counts) //{ pushMatrix(); fill(0, 0, 0); text("0", 413, 202); //////////////////////////////////// fill(168, 10, 136); ellipse(413, 227, 30, 30); fill(250, 123, 250); ellipse(413, 227, 24, 24); fill(0, 0, 0); ellipse(413, 227, 15, 15); popMatrix(); //}Black Hole Badge (Badge Counts) //{ pushMatrix(); fill(0, 0, 0); text("12", 449, 202); fill(255, 204, 0); ellipse(450, 227, 30, 30); fill(247, 228, 62); ellipse(450, 227, 25, 25); fill(235, 226, 101); ellipse(450, 227, 14, 14); /////////////////////////////////////////////// pushMatrix(); translate(400,196); scale(0.209); fill(232, 191, 25); triangle(303, 125, 288, 143, 276, 132); triangle(287, 146, 287, 163, 314, 157); triangle(287, 163, 276, 176, 307, 184); triangle(272, 175, 253, 189, 282, 199); triangle(246, 187, 218, 188, 233, 213); triangle(211, 185, 190, 169, 184, 202); triangle(195, 169, 195, 140, 163, 150); triangle(197, 138, 217, 118, 182, 107); triangle(219, 118, 243, 117, 231, 82); triangle(251, 119, 270, 125, 282, 83); popMatrix(); fill(252, 231, 96); ellipse(450, 228, 16, 16); popMatrix(); //}Sun Badge (Badge Counts) //{ pushMatrix(); fill(0, 0, 0); text("118", 484, 202); fill(28, 173, 67); ellipse(485, 227, 30, 30); fill(152, 237, 118); ellipse(485, 227, 24, 24); fill(36, 15, 194); ellipse(485, 227, 17, 17); fill(0, 255, 111); scale(0.2); translate(2193,927); triangle(235, 149, 236, 212, 202, 167); translate(20,57); triangle(244, 161, 224, 192, 206, 153); translate(-33,-51); triangle(244, 166, 224, 205, 203, 167); popMatrix(); //}Earth Badge (Badge Counts) //{ pushMatrix(); translate(0,0); fill(0, 0, 0); text("313", 521, 202); fill(45, 69, 224); ellipse(523, 227, 30, 30); fill(16, 123, 204); ellipse(523, 227, 25, 25); fill(230, 225, 225); ellipse(523, 227, 19, 19); fill(199, 199, 199); ellipse(522, 227, 13, 18); popMatrix(); //}Moon Badge (Badge Counts) //{ pushMatrix(); translate(0,0); fill(0, 0, 0); text("593", 559, 202); fill(158, 22, 22); ellipse(560, 227, 30, 30); fill(252, 58, 58); ellipse(560, 227, 24, 24); fill(255, 255, 255); ellipse(560, 227, 15, 15); pushMatrix(); fill(166, 164, 164); stroke(0, 0, 0); translate(537,209); scale(0.11); beginShape(); vertex(222, 92); vertex(303, 130); vertex(272, 197); vertex(205, 220); vertex(155, 228); vertex(145, 126); vertex(234, 95); endShape(); popMatrix(); noStroke(); popMatrix(); //}Meteorite Badge (Badge Counts) stroke(0, 0, 0); noFill(); rect(515, 60, 135, 152); popMatrix(); noStroke(); }; var donate = function(){ background(11, 39, 153); fill(255, 255, 255); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar fill(224, 224, 224); rect(166, 533, 874, 142); fill(255, 255, 255); textSize(22); text("Help KA do more\n\nWe’ll get right to the point. With the\ncoronavirus (COVID-19) creating mass school\nclosings, demand for Khan Academy has spiked.\nPlease help us meet this demand. A gift of $10\nmonthly would make a big difference. KA is a\nnonprofit that relies on support from people\nlike you. Thank you!", 292, 276); }; var Courses = function() { background(255, 255, 255); fill(255, 255, 255); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(20); text("Khan Academy", 259, 27); textSize(19); text("KAuser75", 489, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),171, 13, 30, 30); popMatrix(); popMatrix(); //} KA User Bar fill(240, 237, 240); rect(294, 312, 620, 527); fill(30, 0, 255); textSize(14); text("Up to 1st grade (Khan Kids)", 80, 101); text("2nd grade", 33, 122); text("3rd grade", 33, 143); text("4th grade", 33, 164); text("5th grade", 33, 185); text("6th grade", 33, 206); text("7th grade", 33, 227); text("8th grade", 33, 248); text("Get ready for 3rd grade", 70, 335); text("Get ready for 4th grade", 70, 356); text("Get ready for 5th grade", 70, 377); text("Get ready for 6th grade", 70, 399); text("Get ready for 7th grade", 70, 420); text("Get ready for 8th grade", 70, 441); text("Get ready for Algebra 1", 69, 462); text("Get ready for Geometry", 70, 483); text("Get ready for Algebra 2", 69, 504); text("Get ready for Precalculus", 74, 525); // text("Algebra 1", 203, 101); text("Geometry", 203, 122); text("Algebra 2", 203, 143); text("Trigonometry", 203, 164); text("Precalculus", 203, 185); text("Statistics & Probability", 224, 206); text("AP®/College Calculus AB", 226, 227); text("AP®/College Calculus BC", 226, 248); text("AP®/College Statistics", 217, 269); text("Multivariable Calculus", 218, 290); text("Differential equations", 218, 311); text("Linear Algebra", 199, 332); text("See all Math", 195, 353); // text("High School Biology", 357, 98); text("AP®/College Biology", 357, 119); text("AP®/College Chemistry beta", 357, 140); text("AP®/College Chemistry", 357, 161); text("High School Physics", 357, 182); text("AP®/College Physics 1", 357, 203); text("See all Science", 357, 224); // text("Computer Programming", 357, 329); text("AP®/College Computer\nScience Principles", 357, 359); text("See all Computing", 357, 389); // text("SAT", 189, 410); text("LSAT", 189, 429); text("Praxis Core", 189, 448); fill(0, 0, 0); textSize(11); text("Math: Pre-K - 8TH GRADE", 63, 81); text("Math: HIGH SCHOOL & COLLEGE", 230, 83); text("Math: GET READY\nCOURSES", 51, 310); text("Science", 351, 83); text("Computing", 351, 310); text("Test Prep", 190, 390); fill(52, 24, 240); rect(123, 300, 33, 17, 100); fill(255, 255, 255); text("New", 124, 299); // pushMatrix(); translate(310, -118); fill(52, 24, 240); rect(123, 300, 33, 17, 100); fill(255, 255, 255); text("New", 124, 299); popMatrix(); }; var programs = function(){ background(255, 255, 255); fill(126, 140, 194); rect(299, 105, 617, 136); fill(255, 255, 255); strokeWeight(1); stroke(0, 0, 0); rect(305, 394, 613, 443); noStroke(); pushMatrix(); translate(0,0); image(getImage("creatures/Hopper-Jumping"),22, 81, 60, 60); fill(255, 255, 255); textSize(24); text("KAuser75", 138, 93); textSize(18); text("@kauser75 - I love KA!!", 173, 120); fill(20, 181, 255); rect(466, 129, 62, 15, 3); textSize(12); fill(255, 255, 255); text("2,289,213", 468, 130); fill(126, 140, 194); stroke(255, 255, 255); rect(541, 124, 65, 25, 3); fill(255, 255, 255); text("Edit Profile", 543, 127); popMatrix(); noStroke(); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar stroke(0, 0, 0); fill(255, 255, 255); rect(278, 227, 549, 109); fill(0, 0, 0); textSize(21); text("My Projects", 60 ,223); stroke(0, 0, 0); fill(255, 255, 255); rect(83, 261, 150, 25, 3); fill(168, 168, 168); textSize(13); text("Filter by course... v", 82 ,262); noStroke(); fill(9, 0, 255); text("Top", 481 ,271); fill(182, 182, 184); text("Recent", 515 ,271); fill(255, 255, 255); rect(-15 ,229, 43, 110); rect(574 ,229, 43, 110); //{ fill(30, 0, 255); textSize(16); text("HELLO!", 31 ,397); textSize(14); text("KAuser75", 35 ,412); fill(168, 168, 168); textSize(13); text("1 Vote - 0 Spin-Offs", 58 ,427); //////////////////////////////////////////////////////////////// pushMatrix(); translate(117,0); fill(30, 0, 255); textSize(16); text("Spin-off of Duc...", 62 ,397); textSize(14); text("KAuser75", 35 ,412); fill(168, 168, 168); textSize(13); text("1 Vote - 0 Spin-Offs", 58 ,427); popMatrix(); //}Programs noStroke(); }; var discussion = function(){ background(255, 255, 255); fill(126, 140, 194); rect(299, 105, 617, 136); fill(255, 255, 255); strokeWeight(1); stroke(0, 0, 0); rect(305, 394, 613, 443); noStroke(); pushMatrix(); translate(0,0); image(getImage("creatures/Hopper-Jumping"),22, 81, 60, 60); fill(255, 255, 255); textSize(24); text("KAuser75", 138, 93); textSize(18); text("@kauser75 - I love KA!!", 173, 120); fill(20, 181, 255); rect(466, 129, 62, 15, 3); textSize(12); fill(255, 255, 255); text("2,289,213", 468, 130); fill(126, 140, 194); stroke(255, 255, 255); rect(541, 124, 65, 25, 3); fill(255, 255, 255); text("Edit Profile", 543, 127); popMatrix(); noStroke(); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar fill(0, 0, 0); textSize(21); text("My Discussions", 74 ,223); textSize(13); text("Shows your participation in community discussions", 141 ,244); fill(255, 255, 255); stroke(0, 0, 0); rect(285 ,282, 552, 50); noStroke(); rect(-5, 282, 40, 49); fill(255, 255, 255); rect(558, 282, 40, 49); fill(255, 255, 255); rect(357, 321, 26, 50); fill(0, 0, 0); textSize(19); text("Questions", 48, 291); fill(163, 163, 163); textSize(15); text("(64 total)", 117, 292); text("2 days ago", 45, 338); text("7 days ago", 45, 427); text("8 days ago", 45, 506); text("Posted in", 42, 446); text("Posted in", 42, 357); text("Posted in", 42, 525); textSize(13); text("(1) vote", 261, 389); text("(2) votes", 261, 473); text("(1) votes", 262, 545); textSize(12); text("Post an answer that earns 50+ votes", 497, 331); text("Post an answer that earns 25+ votes", 497, 374); text("Post an answer that earns 10+ votes", 497, 414); textSize(15); fill(17, 0, 255); text("doodle jump", 113, 357); text("new program 2", 119, 446); text("just a game...", 115, 525); text("more v", 311, 388); text("more v", 311, 472); text("more v", 311, 544); fill(0, 0, 0); text("Is there a way to beat this game?", 114, 380); text("Is this a template?", 71, 546); text("How long did this take?", 86, 470); fill(0, 13, 255); textSize(11); text("Summary", 337, 249); text("Questions", 384, 249); text("Answers", 429, 249); text("Comments", 476, 249); text("Tips & Thanks", 534, 249); fill(0, 0, 0); textSize(19); text("Badges", 396, 294); //{ pushMatrix(); translate(61,83); fill(28, 173, 67); ellipse(326, 247, 38, 38); fill(152, 237, 118); ellipse(326, 247, 30, 30); fill(54, 153, 22); ellipse(326, 247, 22, 22); fill(255, 255, 255); textSize(14); text("✔", 326, 245); text("✔", 327, 250); fill(0, 0, 0); textSize(12); text("Incredible Answer", 391, 234); //} Incredible Answer //{ popMatrix(); pushMatrix(); translate(61,126); fill(28, 173, 67); ellipse(326, 247, 38, 38); fill(152, 237, 118); ellipse(326, 247, 30, 30); fill(54, 153, 22); ellipse(326, 247, 22, 22); noFill(); stroke(255, 255, 255); rect(325, 247, 11, 11, 5); fill(255, 255, 255); textSize(14); text("✔", 327, 246); fill(0, 0, 0); textSize(12); text("Great Answer", 381, 234); popMatrix(); noStroke(); //} Great Answer //{ popMatrix(); pushMatrix(); translate(61,167); fill(34, 90, 133); ellipse(326, 247, 38, 38); fill(79, 179, 232); ellipse(326, 247, 30, 30); fill(25, 101, 194); ellipse(326, 247, 22, 22); noFill(); stroke(255, 255, 255); rect(325, 247, 11, 11, 5); fill(255, 255, 255); textSize(14); text("✔", 327, 246); fill(0, 0, 0); textSize(12); text("Great Answer", 381, 234); popMatrix(); //} Good Answer }; var assignments = function(){ background(255, 255, 255); fill(126, 140, 194); rect(299, 105, 617, 136); fill(255, 255, 255); strokeWeight(1); stroke(0, 0, 0); rect(305, 394, 613, 443); noStroke(); pushMatrix(); translate(0,0); image(getImage("creatures/Hopper-Jumping"),22, 81, 60, 60); fill(255, 255, 255); textSize(24); text("KAuser75", 138, 93); textSize(18); text("@kauser75 - I love KA!!", 173, 120); fill(20, 181, 255); rect(466, 129, 62, 15, 3); textSize(12); fill(255, 255, 255); text("2,289,213", 468, 130); fill(126, 140, 194); stroke(255, 255, 255); rect(541, 124, 65, 25, 3); fill(255, 255, 255); text("Edit Profile", 543, 127); popMatrix(); noStroke(); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar pushMatrix(); translate(41,57); fill(153, 153, 153); textSize(13); text("KHAN ACADEMY", 26, 143); text("MY STUFF", 25, 217); text("MY ACCOUNT", 25, 294); popMatrix(); //{ fill(255, 255, 255); stroke(0, 0, 0); rect(430, 433, 601, 520); //}BUTTON RECT fill(153, 153, 153); textSize(13); text("KHAN ACADEMY", 195, 192); fill(0, 0, 0); textSize(19); text("My Assignments", 209, 210); fill(255, 255, 255); stroke(120, 120, 120); rect(346, 334, 400, 34); noStroke(); fill(255, 255, 255); rect(144 ,332 ,6, 39); rect(549 ,332 ,6, 39); fill(0, 0, 0); textSize(11); text("ALL UPCOMING", 184 ,309); text("CLASS", 338 ,309); text("DUE DATE &\n TIME", 423 ,303); text("STATUS", 520 ,309); fill(0, 0, 0); textSize(13); text("You don't have any upcoming assignments.", 261, 335); fill(255, 255, 255); stroke(0, 0, 0); rect(197, 253, 94, 26, 3); rect(197, 253, 0, 26); fill(66, 66, 66); text("Past", 219, 253); fill(0, 0, 255); text("Active", 174, 253); noStroke(); rect(175, 265, 46, 2); noStroke(); }; var courses = function(){ background(255, 255, 255); fill(126, 140, 194); rect(299, 105, 617, 136); fill(255, 255, 255); strokeWeight(1); stroke(0, 0, 0); rect(305, 394, 613, 443); noStroke(); pushMatrix(); translate(0,0); image(getImage("creatures/Hopper-Jumping"),22, 81, 60, 60); fill(255, 255, 255); textSize(24); text("KAuser75", 138, 93); textSize(18); text("@kauser75 - I love KA!!", 173, 120); fill(20, 181, 255); rect(466, 129, 62, 15, 3); textSize(12); fill(255, 255, 255); text("2,289,213", 468, 130); fill(126, 140, 194); stroke(255, 255, 255); rect(541, 124, 65, 25, 3); fill(255, 255, 255); text("Edit Profile", 543, 127); popMatrix(); noStroke(); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar pushMatrix(); translate(41,57); fill(153, 153, 153); textSize(13); text("KHAN ACADEMY", 26, 143); text("MY STUFF", 25, 217); text("MY ACCOUNT", 25, 294); popMatrix(); //{ fill(255, 255, 255); stroke(0, 0, 0); rect(430, 433, 601, 520); //}BUTTON RECT fill(0, 0, 0); textSize(19); text("My Courses", 200, 200); //{ pushMatrix(); translate(0,0); textSize(12); text("7th grade", 181, 236); fill(0, 13, 255); text("See all (7)", 325, 236); stroke(128, 128, 128); rect(252, 250, 201, 0); rect(163, 315, 0, 111); fill(79, 79, 79); textSize(11); text("76% Mastered", 210, 283); text("62% Mastered", 210, 310); text("59% Mastered", 210, 336); text("83% Mastered", 210, 363); fill(0, 0, 0); textSize(12); text("Fractions, decimals, & percenta...", 259, 270); text("Geometry", 203, 298); text("Statistics and probability", 237, 323); text("Rates & proportional relationsh...", 258, 350); fill(18, 143, 252); noStroke(); ellipse(164, 277, 20, 20); ellipse(164, 303, 20, 20); ellipse(164, 328, 20, 20); ellipse(164, 353, 20, 20); fill(49, 49, 224); noStroke(); rect(281, 300, 38, 21, 3); fill(255, 255, 255); textSize(10); text("Resume", 281, 301); popMatrix(); //}7th grade math //{ pushMatrix(); fill(0, 0, 0); translate(0,154); textSize(12); text("Computer Programming", 210, 237); fill(0, 13, 255); text("See all (8)", 326, 236); stroke(128, 128, 128); rect(252, 250, 201, 0); rect(163, 315, 0, 111); fill(0, 0, 0); textSize(12); text("Intro to SQL: Querying and", 241, 271); text("managing data", 212, 281); text("Advanced JS: Games &", 232, 298); text("Visualizations", 210, 309); text("Advanced JS: Natural", 228, 323); text("Simulations", 205, 333); text("HTML/JS: Making wepbages", 245, 350); text("interactive", 203, 360); fill(6, 189, 18); noStroke(); ellipse(164, 277, 20, 20); ellipse(164, 303, 20, 20); ellipse(164, 328, 20, 20); ellipse(164, 353, 20, 20); popMatrix(); //}Computer Programming noStroke(); }; var progress = function(){ background(255, 255, 255); fill(126, 140, 194); rect(299, 105, 617, 136); fill(255, 255, 255); strokeWeight(1); stroke(0, 0, 0); rect(305, 394, 613, 443); noStroke(); pushMatrix(); translate(0,0); image(getImage("creatures/Hopper-Jumping"),22, 81, 60, 60); fill(255, 255, 255); textSize(24); text("KAuser75", 138, 93); textSize(18); text("@kauser75 - I love KA!!", 173, 120); fill(20, 181, 255); rect(466, 129, 62, 15, 3); textSize(12); fill(255, 255, 255); text("2,289,213", 468, 130); fill(126, 140, 194); stroke(255, 255, 255); rect(541, 124, 65, 25, 3); fill(255, 255, 255); text("Edit Profile", 543, 127); popMatrix(); noStroke(); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar pushMatrix(); translate(41,57); fill(153, 153, 153); textSize(13); text("KHAN ACADEMY", 26, 143); text("MY STUFF", 25, 217); text("MY ACCOUNT", 25, 294); popMatrix(); //{ fill(255, 255, 255); stroke(0, 0, 0); rect(430, 433, 601, 520); //}BUTTON RECT fill(0, 0, 0); textSize(20); text("My progress", 199, 197); fill(17, 0, 255); textSize(12); text("Learn more.", 284, 200); fill(191, 191, 191); text("Latest activity may take 10 mins to show below.", 265, 225); stroke(148, 146, 148); fill(255, 255, 255); rect(192, 277, 88, 25, 3); rect(295, 277, 88, 25, 3); rect(399, 277, 88, 25, 3); fill(0, 0, 0); text("Last 7 days v", 191, 279); text("Level", 356, 333); text("Date", 279, 334); text("Activity", 175, 334); text("Change", 393, 333); text("Correct/Total", 468, 324); text("Problems", 459, 334); text("Time(MIN)", 553, 334); text("All content v", 295, 279); text("All activities v", 399, 279); textSize(27); text("78", 463, 278); text("381", 535, 278); stroke(138, 138, 138); rect(512, 277, 0, 30); textSize(11); text("exercise", 494, 273); text("min", 486, 282); text("total", 566, 273); text("learning..", 577, 282); //{ pushMatrix(); stroke(133, 133, 133); rect(364, 343, 433, 0); rect(364, 375, 433, 0); textSize(12); text("User Program Jan 19, 2021 at 5:06 PM - - - 34", 357, 360); popMatrix(); //}1st line //{ pushMatrix(); translate(0,32); stroke(133, 133, 133); rect(364, 343, 433, 0); rect(364, 375, 433, 0); textSize(12); text("User Program Jan 19, 2021 at 4:40 PM - - - 12", 357, 360); popMatrix(); //}2nd line //{ pushMatrix(); translate(0,64); stroke(133, 133, 133); rect(364, 343, 433, 0); rect(364, 375, 433, 0); textSize(12); text("User Program Jan 19, 2021 at 4:23 PM - - - 19", 357, 360); popMatrix(); //}3rd line //{ pushMatrix(); translate(0,96); stroke(133, 133, 133); rect(364, 343, 433, 0); rect(364, 375, 433, 0); textSize(12); text("User Program Jan 19, 2021 at 4:08 PM - - - 52", 357, 360); popMatrix(); //}4th line //{ pushMatrix(); translate(0,128); stroke(133, 133, 133); rect(364, 343, 433, 0); rect(364, 375, 433, 0); textSize(12); text("User Program Jan 19, 2021 at 3:10 PM - - - 2", 357, 360); popMatrix(); //}5th line //{ pushMatrix(); translate(0,160); stroke(133, 133, 133); rect(364, 343, 433, 0); rect(364, 375, 433, 0); textSize(12); text("User Program Jan 19, 2021 at 3:09 PM - - - 28", 357, 360); popMatrix(); //}6th line //{ pushMatrix(); translate(0,192); stroke(133, 133, 133); rect(364, 343, 433, 0); rect(364, 375, 433, 0); textSize(12); text("User Program Jan 19, 2021 at 2:36 PM - - - 34", 357, 360); popMatrix(); //}7th line noStroke(); }; var teachers = function(){ background(255, 255, 255); fill(126, 140, 194); rect(299, 105, 617, 136); fill(255, 255, 255); strokeWeight(1); stroke(0, 0, 0); rect(305, 394, 613, 443); noStroke(); pushMatrix(); translate(0,0); image(getImage("creatures/Hopper-Jumping"),22, 81, 60, 60); fill(255, 255, 255); textSize(24); text("KAuser75", 138, 93); textSize(18); text("@kauser75 - I love KA!!", 173, 120); fill(20, 181, 255); rect(466, 129, 62, 15, 3); textSize(12); fill(255, 255, 255); text("2,289,213", 468, 130); fill(126, 140, 194); stroke(255, 255, 255); rect(541, 124, 65, 25, 3); fill(255, 255, 255); text("Edit Profile", 543, 127); popMatrix(); noStroke(); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar pushMatrix(); translate(41,57); fill(153, 153, 153); textSize(13); text("KHAN ACADEMY", 26, 143); text("MY STUFF", 25, 217); text("MY ACCOUNT", 25, 294); popMatrix(); //{ fill(255, 255, 255); stroke(0, 0, 0); rect(430, 433, 601, 520); //}BUTTON RECT fill(0, 0, 0); textSize(20); text("My teachers and tutors", 234, 197); fill(0, 0, 0); textSize(11); text("Teachers have access to all of your Khan Academy data.", 264, 222); text("Your student id is KAuser75", 517, 223); text("Enter your teacher's email address:", 218, 346); rect(358, 231, 437, 0); textSize(17); text("Join a class", 180, 266); text("Your teachers", 432, 261); textSize(17); text("Add a teacher", 188, 327); fill(0, 21, 255); noStroke(); rect(186, 295, 90, 28, 3); fill(255, 255, 255); textSize(11); text("Enter a class code", 186, 296); fill(255, 255, 255); stroke(0, 0, 0); rect(221, 372, 167, 20, 2); fill(107, 107, 107); text("Email (yourteacher@example.com)", 220, 372); stroke(117, 117, 117); rect(486, 271, 200, 0); rect(486, 311, 200, 0); fill(102, 102, 102); textSize(10); text("You have no coaches! Why not try adding one?", 484, 292); noStroke(); }; var hello = function(){ background(255, 255, 255); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar fill(255, 255, 255); stroke(0, 0, 0); rect(277 ,465, 360, 38); rect(294, 320 ,538 ,267); fill(255, 255, 255); stroke(0, 0, 0); rect(294, 287 ,538 ,267); fill(0, 196, 255); rect(428, 287 ,269 ,267); fill(222, 222, 222); noStroke(); rect(37, 288 ,22 ,266); fill(0, 0, 0); textSize(12); text("1", 39 ,163); text("2", 39 ,177); text("3", 39 ,189); text("4", 39 ,200); text("background(0, 196, 255);", 110 ,163); text("fill(0, 0, 0);", 75 ,176); text("text('HELLO!', 200, 200);", 107 ,188); fill(0, 0, 0); textSize(20); text("HELLO!", 431 ,280); textSize(26); text("HELLO!", 175, 104); fill(9, 0, 255); textSize(15); text("Edit title", 365, 109); //////////////////////////////////////////////////////////////// pushMatrix(); translate(-15,8); fill(0, 13, 255); textSize(15); text("About", 187, 462); fill(0, 0, 0); text("Documentation", 258, 462); text("Spin-offs", 336, 462); text("Guidelines", 399, 462); pushMatrix(); translate(54, 164); stroke(15, 0, 222); strokeWeight(4); line(154, 310, 111, 310); popMatrix(); popMatrix(); strokeWeight(1); //////////////////////////////////////////////////////////////// fill(255, 255, 255); stroke(0, 0, 0); rect(64 ,438, 60, 26, 3); rect(406 ,438, 55, 26, 3); rect(471 ,438, 55, 26, 3); rect(148 ,509, 50, 28, 3); rect(207 ,509, 50, 28, 3); rect(346 ,509, 50, 28, 3); noStroke(); textSize(11); fill(0, 13, 255); text("Request help", 64, 438); textSize(12); text("Restart", 407, 438); text("Delete", 149, 509); text("Settings", 209, 508); text("Share", 348, 508); text("Spin-off", 471, 438); image(getImage("creatures/OhNoes-Happy"), 103, 426, 25, 25); fill(255, 255, 255); rect(78, 480, 40, 50); rect(470, 480, 40, 50); fill(9, 0, 255); rect(532 ,438, 45, 28, 3); fill(255, 255, 255); text("Save", 532, 438); stroke(0, 0, 0); }; var duck = function(){ background(255, 255, 255); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar fill(255, 255, 255); stroke(0, 0, 0); rect(277 ,465, 360, 38); rect(294, 320 ,538 ,267); fill(255, 255, 255); stroke(0, 0, 0); rect(294, 287 ,538 ,267); fill(0, 0, 0); rect(428, 287 ,269 ,267); fill(222, 222, 222); noStroke(); rect(37, 288 ,22 ,266); fill(0, 0, 0); textSize(12); text("1", 39 ,163); text("2", 39 ,177); text("3", 39 ,189); text("4", 39 ,200); text("5", 39 ,211); text("6", 39 ,222); text("7", 39 ,233); text("8", 39 ,244); text("9", 39 ,255); text("10", 39 ,266); text("12", 39 ,277); text("13", 39 ,288); text("14", 39 ,299); fill(30, 0, 255); text("/*", 58 ,163); text(" Instructions", 88 ,176); text("Personalize your duck", 111 ,187); text("Upgrade your ducks abilitis to win more races.", 170 ,199); text("Ultimate Goal: Beat 'Pablo the Penguin'", 153 ,211); text("/", 58 ,224); fill(0, 0, 0); textSize(12); text("background(0, 0, 0)", 97, 255); textSize(26); text("Spin-off of Duck Life", 210, 104); fill(9, 0, 255); textSize(15); text("Edit title", 393, 109); //////////////////////////////////////////////////////////////// pushMatrix(); translate(-15,8); fill(0, 13, 255); textSize(15); text("About", 187, 462); fill(0, 0, 0); text("Documentation", 258, 462); text("Spin-offs", 336, 462); text("Guidelines", 399, 462); pushMatrix(); translate(54, 164); stroke(15, 0, 222); strokeWeight(4); line(154, 310, 111, 310); popMatrix(); popMatrix(); strokeWeight(1); //////////////////////////////////////////////////////////////// fill(255, 255, 255); stroke(0, 0, 0); rect(64 ,438, 60, 26, 3); rect(406 ,438, 55, 26, 3); rect(471 ,438, 55, 26, 3); rect(148 ,509, 50, 28, 3); rect(207 ,509, 50, 28, 3); rect(346 ,509, 50, 28, 3); noStroke(); textSize(11); fill(0, 13, 255); text("Request help", 64, 438); textSize(12); text("Restart", 407, 438); text("Delete", 149, 509); text("Settings", 209, 508); text("Share", 348, 508); text("Spin-off", 471, 438); fill(224, 224, 224); pushMatrix(); translate(301,190); scale(0.5); rotate(2); triangle(143, 188, 116, 178, 142, 155); popMatrix(); rect(449, 279, 165, 80, 7); image(getImage("creatures/OhNoes"), 291, 245, 70, 70); fill(0, 0, 0); textSize(14); text("Oh noes!", 400, 249); textSize(13); text("It looks like you're missing a", 448, 276); text("semicolon.", 404, 289); fill(0, 72, 255); textSize(11); text("Show me where", 410, 309); pushMatrix(); translate(264, 5); stroke(15, 0, 222); strokeWeight(1.7); line(181, 310, 111, 310); popMatrix(); //New program strokeWeight(1); stroke(0, 0, 0); fill(255, 255, 255); rect(413, 509, 72, 28); noStroke(); fill(9, 0, 255); rect(532 ,438, 45, 28, 3); //Vote up textSize(12); rect(277, 509, 67, 32); fill(255, 255, 255); text("Save", 532, 438); text("Vote Up - 1", 278, 509); fill(0, 13, 255); textSize(11); text("New program", 415, 509); noStroke(); strokeWeight(1); textSize(12); fill(255, 255, 255); rect(78, 480, 40, 50); rect(470, 480, 40, 50); fill(9, 0, 255); rect(532 ,438, 45, 28, 3); fill(255, 255, 255); text("Save", 532, 438); stroke(148, 148, 148); }; var duckReal = function(){ background(255, 255, 255); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar fill(255, 255, 255); stroke(0, 0, 0); rect(277 ,465, 360, 38); rect(294, 320 ,538 ,267); fill(255, 255, 255); stroke(0, 0, 0); rect(294, 287 ,538 ,267); fill(0, 0, 0); rect(428, 287 ,269 ,267); fill(222, 222, 222); noStroke(); rect(37, 288 ,22 ,266); fill(0, 0, 0); textSize(12); text("1", 39 ,163); text("2", 39 ,177); text("3", 39 ,189); text("4", 39 ,200); text("5", 39 ,211); text("6", 39 ,222); text("7", 39 ,233); text("8", 39 ,244); text("9", 39 ,255); text("10", 39 ,266); text("12", 39 ,277); text("13", 39 ,288); text("14", 39 ,299); fill(30, 0, 255); text("/", 58 ,163); text(" Instructions", 88 ,176); text("Personalize your duck", 111 ,187); text("Upgrade your ducks abilitis to win more races.", 170 ,199); text("Ultimate Goal: Beat 'Pablo the Penguin'", 153 ,211); text("/", 58 ,224); fill(0, 0, 0); textSize(12); text("background(0, 0, 0)", 97, 255); textSize(26); text("Spin-off of Duck Life", 210, 104); fill(9, 0, 255); textSize(15); text("Edit title", 393, 109); //////////////////////////////////////////////////////////////// pushMatrix(); translate(-15,8); fill(0, 13, 255); textSize(15); text("About", 187, 462); fill(0, 0, 0); text("Documentation", 258, 462); text("Spin-offs", 336, 462); text("Guidelines", 399, 462); pushMatrix(); translate(54, 164); stroke(15, 0, 222); strokeWeight(4); line(154, 310, 111, 310); popMatrix(); popMatrix(); strokeWeight(1); //////////////////////////////////////////////////////////////// fill(255, 255, 255); stroke(0, 0, 0); rect(64 ,438, 60, 26, 3); rect(406 ,438, 55, 26, 3); rect(471 ,438, 55, 26, 3); rect(148 ,509, 50, 28, 3); rect(207 ,509, 50, 28, 3); rect(346 ,509, 50, 28, 3); noStroke(); textSize(11); fill(0, 13, 255); text("Request help", 64, 438); textSize(12); text("Restart", 407, 438); text("Delete", 149, 509); text("Settings", 209, 508); text("Share", 348, 508); text("Spin-off", 471, 438); image(getImage("creatures/OhNoes-Hmm"), 101, 423, 30, 30); noStroke(); strokeWeight(1); textSize(12); fill(255, 255, 255); rect(78, 480, 40, 50); rect(470, 480, 40, 50); fill(9, 0, 255); rect(532 ,438, 45, 28, 3); fill(255, 255, 255); text("Save", 532, 438); strokeWeight(1); stroke(0, 0, 0); fill(255, 255, 255); rect(413, 508, 73, 29); strokeWeight(1); fill(255, 255, 255); stroke(0, 0, 0); rect(50, 70, 90, 34); noStroke(); }; var voteup = function(){ background(255, 255, 255); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar fill(255, 255, 255); stroke(0, 0, 0); rect(277 ,465, 360, 38); rect(294, 320 ,538 ,267); fill(255, 255, 255); stroke(0, 0, 0); rect(294, 287 ,538 ,267); fill(0, 196, 255); rect(428, 287 ,269 ,267); fill(222, 222, 222); noStroke(); rect(37, 288 ,22 ,266); fill(0, 0, 0); textSize(12); text("1", 39 ,163); text("2", 39 ,177); text("3", 39 ,189); text("4", 39 ,200); text("background(0, 196, 255);", 110 ,163); text("fill(0, 0, 0);", 75 ,176); text("text('HELLO!', 200, 200);", 107 ,188); fill(0, 0, 0); textSize(20); text("HELLO!", 431 ,280); textSize(26); text("HELLO!", 175, 104); fill(9, 0, 255); textSize(15); text("Edit title", 365, 109); //////////////////////////////////////////////////////////////// pushMatrix(); translate(-15,8); fill(0, 13, 255); textSize(15); text("About", 187, 462); fill(0, 0, 0); text("Documentation", 258, 462); text("Spin-offs", 336, 462); text("Guidelines", 399, 462); pushMatrix(); translate(54, 164); stroke(15, 0, 222); strokeWeight(4); line(154, 310, 111, 310); popMatrix(); popMatrix(); strokeWeight(1); fill(255, 255, 255); stroke(0, 0, 0); rect(50, 70, 89, 33); fill(17, 0, 255); textSize(12); text("Back to programs", 50, 70); //////////////////////////////////////////////////////////////// fill(255, 255, 255); stroke(0, 0, 0); rect(64 ,438, 60, 26, 3); rect(406 ,438, 55, 26, 3); rect(471 ,438, 55, 26, 3); rect(148 ,509, 50, 28, 3); rect(207 ,509, 50, 28, 3); rect(346 ,509, 50, 28, 3); noStroke(); textSize(11); fill(0, 13, 255); text("Request help", 64, 438); textSize(12); text("Restart", 407, 438); text("Delete", 149, 509); text("Settings", 209, 508); text("Share", 348, 508); text("Spin-off", 471, 438); image(getImage("creatures/OhNoes-Happy"), 103, 426, 25, 25); fill(255, 255, 255); rect(78, 480, 40, 50); rect(470, 480, 40, 50); //New program stroke(0, 0, 0); rect(417, 509, 72, 28); noStroke(); fill(9, 0, 255); rect(532 ,438, 45, 28, 3); //Vote up rect(277, 509, 67, 32); fill(255, 255, 255); text("Save", 532, 438); text("Vote Up - 1", 278, 510); fill(0, 13, 255); textSize(11); text("New program", 418, 509); //Oh Noes box(); fill(0, 0, 0, 70); rect(600, 600, -1205, -1214); fill(255, 255, 255); rect(290, 308, 240, 113, 5); stroke(189, 189, 189); rect(289, 308, 241, 49); fill(0, 0, 0); textSize(17); text("Oh noes!", 212, 270); fill(102, 102, 102); textSize(12); text("You cannot vote for your own content.", 274, 304); stroke(230, 230, 230); }; var voteup2 = function(){ background(255, 255, 255); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar fill(255, 255, 255); stroke(0, 0, 0); rect(277 ,465, 360, 38); rect(294, 320 ,538 ,267); fill(255, 255, 255); stroke(0, 0, 0); rect(294, 287 ,538 ,267); fill(0, 0, 0); rect(428, 287 ,269 ,267); fill(222, 222, 222); noStroke(); rect(37, 288 ,22 ,266); fill(0, 0, 0); textSize(12); text("1", 39 ,163); text("2", 39 ,177); text("3", 39 ,189); text("4", 39 ,200); text("5", 39 ,211); text("6", 39 ,222); text("7", 39 ,233); text("8", 39 ,244); text("9", 39 ,255); text("10", 39 ,266); text("12", 39 ,277); text("13", 39 ,288); text("14", 39 ,299); fill(30, 0, 255); text("/", 58 ,163); text(" Instructions", 88 ,176); text("Personalize your duck", 111 ,187); text("Upgrade your ducks abilitis to win more races.", 170 ,199); text("Ultimate Goal: Beat 'Pablo the Penguin'", 153 ,211); text("*/", 58 ,224); fill(0, 0, 0); textSize(12); text("background(0, 0, 0)", 97, 255); fill(0, 0, 0); textSize(26); text("Spin-off of Duck Life", 210, 104); fill(9, 0, 255); textSize(15); text("Edit title", 393, 109); //////////////////////////////////////////////////////////////// pushMatrix(); translate(-15,8); fill(0, 13, 255); textSize(15); text("About", 187, 462); fill(0, 0, 0); text("Documentation", 258, 462); text("Spin-offs", 336, 462); text("Guidelines", 399, 462); pushMatrix(); translate(54, 164); stroke(15, 0, 222); strokeWeight(4); line(154, 310, 111, 310); popMatrix(); popMatrix(); strokeWeight(1); fill(255, 255, 255); stroke(0, 0, 0); rect(50, 70, 89, 33); fill(17, 0, 255); textSize(12); text("Back to programs", 50, 70); //////////////////////////////////////////////////////////////// fill(255, 255, 255); stroke(0, 0, 0); rect(64 ,438, 60, 26, 3); rect(406 ,438, 55, 26, 3); rect(471 ,438, 55, 26, 3); rect(148 ,509, 50, 28, 3); rect(207 ,509, 50, 28, 3); rect(346 ,509, 50, 28, 3); noStroke(); textSize(11); fill(0, 13, 255); text("Request help", 64, 438); textSize(12); text("Restart", 407, 438); text("Delete", 149, 509); text("Settings", 209, 508); text("Share", 348, 508); text("Spin-off", 471, 438); image(getImage("creatures/OhNoes-Hmm"), 101, 423, 30, 30); textSize(11); fill(0, 0, 0); text("Hmm...", 152, 438); fill(255, 255, 255); rect(78, 480, 40, 50); rect(470, 480, 40, 50); //New program stroke(0, 0, 0); rect(413, 508, 72, 29); noStroke(); fill(9, 0, 255); rect(532 ,438, 45, 28, 3); //Vote up rect(277, 509, 67, 32); fill(255, 255, 255); textSize(12); text("Save", 532, 438); textSize(12); text("Vote Up - 1", 278, 509); fill(0, 13, 255); textSize(10); text("New program", 414, 510); //Oh Noes box(); fill(0, 0, 0, 70); rect(590, 600, -1205, -1214); fill(255, 255, 255); rect(290, 308, 240, 113, 5); stroke(189, 189, 189); rect(289, 308, 240, 49); fill(0, 0, 0); textSize(17); text("Oh noes!", 212, 270); fill(102, 102, 102); textSize(12); text("You cannot vote for your own content.", 274, 304); stroke(230, 230, 230); }; var newprogram = function(){ background(255, 255, 255); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(17); text("Courses", 9, 29); text("Donate", 397, 28); textSize(19); text("KAuser75", 489, 27); text("Khan Academy", 255, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar fill(255, 255, 255); stroke(0, 0, 0); rect(277 ,465, 360, 38); rect(294, 320 ,538 ,267); fill(255, 255, 255); stroke(0, 0, 0); rect(294, 287 ,538 ,267); fill(255, 255, 255); rect(428, 287 ,269 ,267); fill(222, 222, 222); noStroke(); rect(37, 288 ,22 ,266); fill(0, 0, 0); textSize(12); text("1", 39 ,163); textSize(26); text("New Program", 175, 104); fill(9, 0, 255); textSize(15); text("Edit title", 365, 109); //////////////////////////////////////////////////////////////// pushMatrix(); translate(-15,8); fill(0, 13, 255); textSize(15); fill(0, 13, 255); text("Documentation", 233, 462); fill(0, 0, 0); text("Guidelines", 320, 462); pushMatrix(); translate(77, 164); stroke(15, 0, 222); strokeWeight(4); line(202, 310, 111, 310); popMatrix(); popMatrix(); strokeWeight(1); //////////////////////////////////////////////////////////////// noStroke(); textSize(12); image(getImage("creatures/OhNoes-Happy"), 35, 426, 25, 25); fill(255, 255, 255); rect(78, 480, 40, 50); rect(470, 480, 40, 50); fill(9, 0, 255); rect(532 ,438, 45, 28, 3); fill(255, 255, 255); text("Save", 532, 438); //////////////////////////////////////////////////////////////// fill(0, 0, 0); textSize(17); text("ProcessingJS", 146, 497); textSize(16); text("Shapes", 125, 536); textSize(11.5); text("If your new to JavaScript or ProcessingJS, you can learn more from this course:", 285, 515); fill(9, 0, 255); text("Intro to JS.", 494, 515); text("rect (x, y, w, h)", 195, 555); text("ellipse (x, y, w, h)", 426, 560); stroke(0, 0, 0); fill(156, 217, 128); rect(128, 568, 57, 31); ellipse(359, 572, 48, 31); }; var teacher2 = function(){ }; var notifications = function(){ strokeWeight(1); background(255, 255, 255); fill(255, 255, 255); stroke(0, 0, 0); rect(62, 387, 136, 429); rect(379, 387, 498, 429); noStroke(); fill(126, 140, 194); rect(299, 105, 617, 136); textFont(createFont("calibri")); fill(11, 28, 97); rect(173, 24, 882, 50); image(getImage("avatars/leaf-green"),214, 9, 30, 30); noStroke(); pushMatrix(); translate(0,0); image(getImage("creatures/Hopper-Jumping"),22, 81, 60, 60); fill(255, 255, 255); textSize(24); text("KAuser75", 138, 93); textSize(18); text("@kauser75 - I love KA!!", 173, 120); fill(20, 181, 255); rect(466, 129, 62, 15, 3); textSize(12); fill(255, 255, 255); text("2,289,213", 468, 130); fill(126, 140, 194); stroke(255, 255, 255); rect(541, 124, 65, 25, 3); fill(255, 255, 255); text("Edit Profile", 543, 127); popMatrix(); pushMatrix(); translate(41,57); fill(153, 153, 153); textSize(13); text("KHAN ACADEMY", 26, 143); text("MY STUFF", 25, 217); text("MY ACCOUNT", 25, 294); popMatrix(); pushMatrix(); scale(0.96); translate(42,71); //{ pushMatrix(); scale(1.2); translate(13, 3); stroke(135, 123, 123); fill(255, 255, 255); rect(173, 208, 211, 168, 4); rect(173, 140, 211, 35, 4); fill(0, 0, 0); textSize(18); text("Showcase", 108, 141); arc(225, 149, 11, 16, -178, 0); ellipse(225, 141, 7, 7); textSize(11); fill(128, 114, 128, 180); text("Coaches", 255, 144); noStroke(); fill(179, 179, 179, 30); rect(90, 197, 40, 50, 4); rect(132, 197, 40, 50, 4); rect(174, 197, 40, 50, 4); rect(216, 197, 40, 50, 4); rect(258, 197, 40, 50, 4); textSize(12); fill(0, 0, 0); text("Date joined 4 years ago", 171, 241); textSize(12); fill(0, 0, 0); text("Energy points earned", 124, 257); fill(28, 87, 150); rect(241, 258, 59, 16, 5); fill(255, 255, 255); text("2,289,213", 241, 258); fill(255, 255, 255); textSize(12); text("", 315, 350); fill(0, 0, 0); text("Videos completed 471", 152, 275); popMatrix(); textSize(27); text("My Profile", 155, 127); //}Profile //{ pushMatrix(); translate(-2,-24); stroke(0, 0, 0); fill(255, 255, 255); rect(469, 232, 221, 109, 4); rect(469, 194, 221, 36, 4); fill(179, 179, 179, 30); noStroke(); translate(208, -14); rect(171, 258, 34, 50, 4); rect(208, 258, 34, 50, 4); rect(244, 258, 34, 50, 4); rect(280, 258, 34, 50, 4); rect(317, 258, 34, 50, 4); rect(354, 258, 34, 50, 4); fill(0, 0, 0); textSize(20); text("Badge Counts", 213, 208); textSize(12); fill(9, 0, 255); text("View all", 291 ,211); pushMatrix(); fill(0, 0, 0); translate(-16,-18); ellipse(336, 229, 12, 12); fill(204, 194, 194); ellipse(334, 227, 8, -4); ellipse(337, 233, 7, -4); popMatrix(); textSize(10.6); fill(196, 196, 196); text("Everyone", 348, 211); popMatrix(); //}Badge Counts //{ pushMatrix(); fill(0, 0, 0); textSize(10); text("Ramunjan", 125, 217); scale(0.72); translate(123,245); noStroke(); fill(255, 191, 0); ellipse(48, 99, 53, 53); fill(255, 242, 0); ellipse(48, 99, 42, 42); fill(255, 204, 0); ellipse(48, 99, 33, 33); //inside fill(255, 255, 255); rect(40, 97, 4, 23); rect(55, 97, 4, 23); rect(47, 105, 23, 7); rect(48, 98, 18, 2); rect(48, 93, 18, 2); rect(48, 88, 18, 2); fill(110, 73, 28); ellipse(45, 89, 4, 4); fill(255, 119, 0); ellipse(50, 89, 4, 4); fill(255, 119, 0); ellipse(45, 99, 4, 4); fill(110, 73, 28); ellipse(50, 99, 4, 4); ellipse(52, 94, 4, 4); fill(255, 119, 0); ellipse(47, 94, 4, 4); popMatrix(); //}Ramunjan //{ fill(0, 0, 0); textSize(10); text("Millionaire", 224, 217); pushMatrix(); scale(0.72); translate(-23,245); noStroke(); fill(255, 191, 0); ellipse(333, 99, 53, 53); fill(255, 242, 0); ellipse(333, 99, 42, 42); fill(255, 204, 0); ellipse(333, 99, 33, 33); //inside fill(255, 153, 0); ellipse(327, 103, 14, 14); ellipse(338, 93, 14, 14); fill(255, 234, 0); ellipse(338, 93, 10, 10); ellipse(327, 103, 10, 10); stroke(255, 140, 0); noFill(); ellipse(338, 93, 7, 7); ellipse(327, 103, 7, 7); noStroke(); popMatrix(); //}Millionaire //{ fill(0, 0, 0); textSize(10); text("Kepler", 174, 217); pushMatrix(); scale(0.72); translate(193,96); strokeWeight(1); noStroke(); fill(255, 191, 0); ellipse(48, 248, 53, 53); fill(255, 242, 0); ellipse(48, 248, 42, 42); fill(255, 204, 0); ellipse(48, 248, 33, 33); //inside fill(255, 234, 0); stroke(255, 140, 0); ellipse(48, 248, 20, 20); noFill(); strokeWeight(4); arc(48, 249, 27, 5, -30, 206); noStroke(); popMatrix(); //}Kepler //{ fill(0, 0, 0); textSize(10); text("Copernicus", 275, 217); pushMatrix(); scale(0.72); translate(49,96); noStroke(); fill(255, 191, 0); ellipse(332, 247, 53, 53); fill(255, 242, 0); ellipse(332, 247, 42, 42); fill(255, 204, 0); ellipse(332, 247, 33, 33); //inside noFill(); strokeWeight(1); stroke(255, 255, 255); ellipse(332, 247, 29, 29); ellipse(332, 247, 22, 22); stroke(255, 111, 0); strokeWeight(2); fill(255, 234, 0); ellipse(332, 247, 12, 12); noStroke(); fill(99, 55, 22); ellipse(335, 238, 4, 4); ellipse(323, 258, 4, 4); popMatrix(); //}Copernicus //{ pushMatrix(); translate(0,0); fill(28, 173, 67); ellipse(326, 247, 38, 38); fill(152, 237, 118); ellipse(326, 247, 30, 30); fill(54, 153, 22); ellipse(326, 247, 22, 22); fill(255, 255, 255); textSize(14); text("✔", 326, 245); text("✔", 327, 250); fill(0, 0, 0); textSize(8.9); text("Incredible\nAnswer", 326, 218); popMatrix(); //}Incredible Answer //{ pushMatrix(); translate(0,0); stroke(161, 146, 161); fill(255, 255, 255); rect(224, 424, 253, 117, 4); rect(224, 384, 253, 36, 4); fill(179, 179, 179, 30); textSize(21); fill(0, 0, 0); text("Discussion", 148, 383); fill(56, 54, 54, 70); textSize(14); text("Everyone", 323, 385); textSize(12); fill(0, 0, 0); text("Statistics", 125, 412); text("64 questions", 134, 430); text("109 answers", 132, 445); text("22 project help requests", 161, 459); text("361 comments", 138, 474); text("459 votes", 256, 430); text("0 flags raised", 266, 445); text("214 project help replies", 291, 459); text("572 tips or thanks", 278, 474); ////////////// pushMatrix(); translate(-48,156); ellipse(336, 229, 12, 12); fill(204, 194, 194); ellipse(334, 227, 8, -4); ellipse(337, 233, 7, -4); popMatrix(); ////////////// popMatrix(); noStroke(); //}Discussion //{ stroke(161, 146, 161); fill(255, 255, 255); rect(467, 362, 221, 178, 4); rect(467, 291, 221, 36, 4); fill(0, 0, 0); textSize(22); text("Projects", 397, 290); fill(66, 55, 66); noStroke(); ////////////////////// pushMatrix(); translate(182,62); ellipse(336, 229, 12, 12); fill(204, 194, 194); ellipse(334, 227, 8, -4); ellipse(337, 233, 7, -4); popMatrix(); //////////////////// textSize(14); fill(161, 152, 161,100); text("Everyone", 551 ,291); ////////////////////////// fill(17, 0, 255); textSize(12); text("Customize Projects", 408, 443); noFill(); stroke(153, 151, 151); rect(414, 370, 99, 89); rect(521, 370, 99, 89); ///////////////////////// noStroke(); fill(0, 0, 0); rect(414, 370, 98, 87); textSize(11); text("Spin-off of Duck Life", 409, 420); fill(148, 140, 140); text("1 vote", 378, 431); fill(0, 196, 255); rect(521, 370, 98, 87); textSize(11); fill(0, 0, 0); text("HELLO!", 491, 420); textSize(13); fill(0, 0, 0); text("HELLO!", 520, 372); textSize(11); fill(148, 140, 140); text("1 vote", 486, 431); noStroke(); //}Projects //{ pushMatrix(); fill(0, 0, 0); textSize(14); text("78", 376, 202); translate(317,183); scale(0.3); noStroke(); fill(41, 112, 163); rect(196,145,95,51); triangle(147,122,246,122,197,89); triangle(147,169,246,169,197,203); popMatrix(); pushMatrix(); translate(329,192); scale(0.24); noStroke(); fill(122, 187, 230); rect(196,145,95,51); triangle(147,122,246,122,197,89); triangle(147,169,246,169,197,203); //////////////////////////// ////////////////////////// pushMatrix(); translate(39,28); scale(0.8); fill(15, 41, 148); rect(196,145,95,51); triangle(147,122,246,122,197,89); triangle(147,169,246,169,197,203); popMatrix(); /////////////////////////// //Design Challenge Patch pushMatrix(); fill(240, 240, 240); ellipse(213, 120, 11, 11); ellipse(218, 134, 10, 10); ellipse(226, 146, 8, 8); ellipse(199, 170, 8, 8); rotate(38); ellipse(239, -1, 46, 23); popMatrix(); /////////////////////////// popMatrix(); //}Challenge Patch (Badge Counts) //{ pushMatrix(); fill(0, 0, 0); text("0", 413, 202); //////////////////////////////////// fill(168, 10, 136); ellipse(413, 227, 30, 30); fill(250, 123, 250); ellipse(413, 227, 24, 24); fill(0, 0, 0); ellipse(413, 227, 15, 15); popMatrix(); //}Black Hole Badge (Badge Counts) //{ pushMatrix(); fill(0, 0, 0); text("12", 449, 202); fill(255, 204, 0); ellipse(450, 227, 30, 30); fill(247, 228, 62); ellipse(450, 227, 25, 25); fill(235, 226, 101); ellipse(450, 227, 14, 14); /////////////////////////////////////////////// pushMatrix(); translate(400,196); scale(0.209); fill(232, 191, 25); triangle(303, 125, 288, 143, 276, 132); triangle(287, 146, 287, 163, 314, 157); triangle(287, 163, 276, 176, 307, 184); triangle(272, 175, 253, 189, 282, 199); triangle(246, 187, 218, 188, 233, 213); triangle(211, 185, 190, 169, 184, 202); triangle(195, 169, 195, 140, 163, 150); triangle(197, 138, 217, 118, 182, 107); triangle(219, 118, 243, 117, 231, 82); triangle(251, 119, 270, 125, 282, 83); popMatrix(); fill(252, 231, 96); ellipse(450, 228, 16, 16); popMatrix(); //}Sun Badge (Badge Counts) //{ pushMatrix(); fill(0, 0, 0); text("118", 484, 202); fill(28, 173, 67); ellipse(485, 227, 30, 30); fill(152, 237, 118); ellipse(485, 227, 24, 24); fill(36, 15, 194); ellipse(485, 227, 17, 17); fill(0, 255, 111); scale(0.2); translate(2193,927); triangle(235, 149, 236, 212, 202, 167); translate(20,57); triangle(244, 161, 224, 192, 206, 153); translate(-33,-51); triangle(244, 166, 224, 205, 203, 167); popMatrix(); //}Earth Badge (Badge Counts) //{ pushMatrix(); translate(0,0); fill(0, 0, 0); text("313", 521, 202); fill(45, 69, 224); ellipse(523, 227, 30, 30); fill(16, 123, 204); ellipse(523, 227, 25, 25); fill(230, 225, 225); ellipse(523, 227, 19, 19); fill(199, 199, 199); ellipse(522, 227, 13, 18); popMatrix(); //}Moon Badge (Badge Counts) //{ pushMatrix(); translate(0,0); fill(0, 0, 0); text("593", 559, 202); fill(158, 22, 22); ellipse(560, 227, 30, 30); fill(252, 58, 58); ellipse(560, 227, 24, 24); fill(255, 255, 255); ellipse(560, 227, 15, 15); pushMatrix(); fill(166, 164, 164); stroke(0, 0, 0); translate(537,209); scale(0.11); beginShape(); vertex(222, 92); vertex(303, 130); vertex(272, 197); vertex(205, 220); vertex(155, 228); vertex(145, 126); vertex(234, 95); endShape(); popMatrix(); noStroke(); popMatrix(); //}Meteorite Badge (Badge Counts) stroke(0, 0, 0); fill(255, 255, 255); rect(515, 60, 135, 152); strokeWeight(1); rect(515, 11, 134, 0); fill(214, 214, 214); noStroke(); rect(516, 43, 133.44, 60.5); stroke(0, 0, 0); rect(516, 74, 133.44, 0); noStroke(); fill(250, 250, 250); rect(516, 105, 133.44, 60.5); textSize(11); fill(0, 0, 0); text("A Ῥerson", 486, 24); textSize(10); text("added a comment", 544, 24); text("on", 471, 34); textSize(11); text("doodle jump:", 509, 34); textSize(10); text("yeah, I", 555, 34); text("think there is.", 494, 45); image(getImage("avatars/leafers-seed"), 445, 16, 26, 26); image(getImage("avatars/old-spice-man"), 445, 84, 26, 24); textSize(11); fill(0, 0, 0); text("CODeing GeniUs", 504, 89); textSize(10); text("added a", 559, 89); text("comment on", 493, 99); textSize(11); text("doodle jump:", 550, 99); textSize(10); text("This is great!!", 495, 110); fill(163, 163, 163); textSize(10); text("2 hours ago", 492, 67); text("5 hours ago", 493, 129); popMatrix(); noStroke(); }; var settings = function(){ background(255, 255, 255); noStroke(); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(19); text("KAuser75", 482, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar fill(0, 0, 0); textSize(22); text("Settings", 177, 106); textSize(15); text("Email", 218, 144); fill(0, 0, 255); text("Account", 168, 144); rect(168, 155, 48, 2); fill(0, 0, 0); textSize(18); text("Basics", 166, 203); textSize(14); text("Nickname", 172, 244); text("User name", 175, 301); text("Gender", 167, 356); text("Birthdate", 172, 407); text("Primary Language", 195, 457); stroke(0, 0, 0); fill(255, 255, 255); strokeWeight(1); rect(284, 270, 285, 25, 3); rect(284, 324, 285, 25, 3); rect(284, 377, 285, 25, 3); rect(284, 430, 285, 25, 3); rect(284, 479, 285, 25, 3); fill(92, 92, 92); textSize(14); text("KAuser75", 175, 270); text("kauser75", 175, 325); text("Not specified", 186, 377); text("4/29/2005", 180, 429); text("English", 169, 478); noStroke(); }; var help = function(){ background(142, 194, 250); fill(0, 0, 0); textSize(55); text("How can we help?", 300, 200); strokeWeight(1); stroke(163, 163, 163); fill(255, 255, 255); rect(289, 259, 460, 50, 3); textSize(16); fill(145, 145, 145); text("Start your search here...", 155, 261); fill(255, 255, 255); stroke(71, 71, 71); ellipse(485, 260, 17, 17); pushMatrix(); rotate(-40); strokeWeight(1); rect(204, 523, 1, 6); popMatrix(); //{ pushMatrix(); translate(43, -5); fill(11, 28, 97); noStroke(); rect(261, 29, 620, 50); fill(255, 255, 255); textFont(createFont("calibri")); textSize(19); text("KAuser75", 482, 27); textSize(20); pushMatrix(); image(getImage("avatars/leaf-green"),168, 12, 30, 30); popMatrix(); popMatrix(); //} KA User Bar noStroke(); }; var logout = function(){ background(0, 0, 0); fill(255, 255, 255); textSize(32); text("You are logged out.", 300, 30); }; //{ //{ //{ new Button("menu"," Courses",46,23,78,49,function(){scene = "game";}); new Button("howto"," Courses",46,23,78,49,function(){scene = "game";}); new Button("notifications"," Courses",46,23,78,49,function(){scene = "game";}); new Button("menu", "KAuser75", 529, 23, 141, 50, function(){scene = "howto";}); new Button("howto", "KAuser75", 529, 23, 141, 50, function(){scene = "menu";}); new Button("notifications", "KAuser75", 529, 23, 141, 50, function(){scene = "menu";}); new Button("game", "Courses", 46, 23, 78, 49, function(){scene = "menu";}); new Button("settings", "Courses", 46, 23, 78, 49, function(){scene = "game";}); new Button("menu", "Khan Academy", 300, 22, 120, 53, function(){scene = "menu";}); new Button("howto", "Khan Academy", 300, 22, 120, 53, function(){scene = "menu";}); new Button("settings", "Khan Academy", 300, 22, 120, 53, function(){scene = "menu";}); new Button("settings", "Khan Academy", 300, 22, 120, 53, function(){scene = "menu";}); new Button("menu", "Donate", 435, 23, 69, 49, function(){scene = "donate";}); new Button("settings", "Donate", 435, 23, 69, 49, function(){scene = "donate";}); new Button("howto", "Donate", 435, 23, 69, 49, function(){scene = "donate";}); new Button("notifications", "Donate", 435, 23, 69, 49, function(){scene = "donate";}); new Button("donate", "Khan Academy", 300, 22, 122, 53, function(){scene = "menu";}); new Button("help", "Khan Academy", 300, 22, 122, 53, function(){scene = "menu";}); new Button("help", "Donate", 435, 23, 69, 49, function(){scene = "donate";}); new Button("help", "Courses", 46, 23, 78, 49, function(){scene = "game";}); new Button("notifications", "Khan Academy", 300, 22, 120, 53, function(){scene = "menu";}); //}Buttons //////////////////////////////////////////////////////////////// //Button for Projects View all //{ new Bttn("menu", "View all", 478, 348, 46, 32, function(){scene = "programs";}); new Bttn("howto", "View all", 478, 348, 46, 32, function(){scene = "programs";}); new Bttn("notifications", "View all", 478, 348, 46, 32, function(){scene = "programs";}); //Button for Discussion view all new Bttn("menu", "View all", 252, 437, 46, 32, function(){scene = "discussion";}); new Bttn("howto", "View all", 252, 437, 46, 32, function(){scene = "discussion";}); new Bttn("notifications", "View all", 252, 437, 46, 32, function(){scene = "discussion";}); new Bttn("discussion", "<Profile", 49, 193, 80, 34, function(){scene = "menu";}); new Bttn("programs", "<Profile", 49, 193, 80, 34, function(){scene = "menu";}); //Bttn (New Program) (hellO) new Bttn("hello", "New Program", 417, 509, 72, 28, function(){scene = "newprogram";}); //Back button for (New Program) (goes to programs.) new Bttn("newprogram", "Back to programs", 50, 70, 89, 33, function(){scene = "programs";}); //Back button for (HELLO!) (goes to programs.) new Bttn("hello", "Back to programs", 50, 70, 89, 33, function(){scene = "programs";}); // "X" button for the oh noes! scene(); new Bttn("voteup", "X", 391, 268, 26, 26, function(){scene = "hello";}); //Back button for (Duck) (goes to programs.) new Bttn("duckReal", "Back to programs", 50, 70, 89, 33, function(){scene = "programs";}); //Bttn (New Program) (Duck) new Bttn("duckReal", "New Program", 414, 509, 72, 28, function(){scene = "newprogram";}); // "X" button for the oh noes! scene(Duck); new Bttn("voteup2", "X", 391, 268, 26, 26, function(){scene = "duckReal";}); //Back button for (Duck) (goes to programs.) new Bttn("duck", "Back to programs", 50, 70, 89, 33, function(){scene = "programs";}); //}Bttns /////////////////////////////////////////////////////////////// //Assignments BUTTON //{ new BUTTONS("menu", "Assignments", 68, 229, 124, 33, function(){scene = "assignments";}); //Courses BUTTON new BUTTONS("menu", "Courses", 68, 302, 124, 33, function(){scene = "courses";}); //Progress BUTTON new BUTTONS("menu", "Progress", 68, 375, 124, 33, function(){scene = "progress";}); //Profile BUTTON new BUTTONS("menu", "Profile", 68, 411, 124, 33, function(){scene = "menu";}); //Teachers BUTTON new BUTTONS("menu", "Teachers", 68, 447, 124, 33, function(){scene = "teachers";}); //}BUTTONS //////////////////////////////////////////////////////////////// //ASSIGNMENTS BUTTONS //{ new BUTTONS("assignments", "Assignments", 68, 229, 124, 33, function(){scene = "assignments";}); //Courses (ASSIGNMENTS) new BUTTONS("assignments", "Courses", 68, 302, 124, 33, function(){scene = "courses";}); //Progress (ASSIGNMENTS) new BUTTONS("assignments", "Progress", 68, 375, 124, 33, function(){scene = "progress";}); //Profile (ASSIGNMENTS) new BUTTONS("assignments", "Profile", 68, 411, 124, 33, function(){scene = "menu";}); //Teachers (ASSIGNMENTS) new BUTTONS("assignments", "Teachers", 68, 447, 124, 33, function(){scene = "teachers";}); //}BUTTONS /////////////////////////////////////////////////////////////// //COURSES BUTTONS //{ new BUTTONS("courses", "Assignments", 68, 229, 124, 33, function(){scene = "assignments";}); //Courses (COURSES) new BUTTONS("courses", "Courses", 68, 302, 124, 33, function(){scene = "courses";}); //Progress (COURSES) new BUTTONS("courses", "Progress", 68, 375, 124, 33, function(){scene = "progress";}); //Profile (COURSES) new BUTTONS("courses", "Profile", 68, 411, 124, 33, function(){scene = "menu";}); //Teachers (COURSES) new BUTTONS("courses", "Teachers", 68, 447, 124, 33, function(){scene = "teachers";}); //}BUTTONS /////////////////////////////////////////////////////////////// //HOWTO BUTTONS //{ new BUTTONS("howto", "Assignments", 68, 229, 124, 33, function(){scene = "assignments";}); //Courses (HOWTO) new BUTTONS("howto", "Courses", 68, 302, 124, 33, function(){scene = "courses";}); //Progress (HOWTO) new BUTTONS("howto", "Progress", 68, 375, 124, 33, function(){scene = "progress";}); //Profile (HOWTO) new BUTTONS("howto", "Profile", 68, 411, 124, 33, function(){scene = "menu";}); //Teachers (HOWTO) new BUTTONS("howto", "Teachers", 68, 447, 124, 33, function(){scene = "teachers";}); //}BUTTONS /////////////////////////////////////////////////////////////// //NOTIFICATIONS BUTTONS //{ new BUTTONS("notifications", "Assignments", 68, 229, 124, 33, function(){scene = "assignments";}); //Courses (NOTIFICATIONS) new BUTTONS("notifications", "Courses", 68, 302, 124, 33, function(){scene = "courses";}); //Progress (NOTIFICATIONS) new BUTTONS("notifications", "Progress", 68, 375, 124, 33, function(){scene = "progress";}); //Profile (NOTIFICATIONS) new BUTTONS("notifications", "Profile", 68, 411, 124, 33, function(){scene = "menu";}); //Teachers (NOTIFICATIONS) new BUTTONS("notifications", "Teachers", 68, 447, 124, 33, function(){scene = "teachers";}); //}BUTTONS /////////////////////////////////////////////////////////////// //PROGRESS BUTTONS //{ new BUTTONS("progress", "Assignments", 68, 229, 124, 33, function(){scene = "assignments";}); //Courses (PROGRESS) new BUTTONS("progress", "Courses", 68, 302, 124, 33, function(){scene = "courses";}); //Progress (PROGRESS) new BUTTONS("progress", "Progress", 68, 375, 124, 33, function(){scene = "progress";}); //Profile (PROGRESS) new BUTTONS("progress", "Profile", 68, 411, 124, 33, function(){scene = "menu";}); //Teachers (PROGRESS) new BUTTONS("progress", "Teachers", 68, 447, 124, 33, function(){scene = "teachers";}); //}BUTTONS //////////////////////////////////////////////////////////////// //TEACHERS BUTTONS //{ new BUTTONS("teachers", "Assignments", 68, 229, 124, 33, function(){scene = "assignments";}); //Courses (TEACHERS) new BUTTONS("teachers", "Courses", 68, 302, 124, 33, function(){scene = "courses";}); //Progress (TEACHERS) new BUTTONS("teachers", "Progress", 68, 375, 124, 33, function(){scene = "progress";}); //Profile (TEACHERS) new BUTTONS("teachers", "Profile", 68, 411, 124, 33, function(){scene = "menu";}); //Teachers (TEACHERS) new BUTTONS("teachers", "Teachers", 68, 447, 124, 33, function(){scene = "teachers";}); //}BUTTONS /////////////////////////////////////////////////////////////// //{ new PRO("programs", "HELLO!", 62, 340, 108, 100, function(){scene = "hello";}); /////////////////////////////////////////////////////////////// //Spin-off of Duck Life program button new DUCK("programs", "", 179, 340, 108, 100, function(){scene = "duck";}); //}PRO/DUCK ////////////////////////////////////////////////////////////// //{ new vote("hello", "Vote Up - 1", 277, 509, 67, 32, function(){scene = "voteup";}); //vote button for the oh noes! scene(); new vote("voteup", "Okay", 382, 349, 45, 27, function(){scene = "hello";}); new vote("voteup2", "Okay", 382, 349, 45, 27, function(){scene = "duckReal";}); //}vote ///////////////////////////////////////////////////////////// //{ new close("duck", "X", 519, 250, 16, 16, function(){scene = "duckReal";}); //}close //////////////////////////////////////////////////////////// //{ new error("duckReal", "Hmm...", 152, 438, 42, 23, function(){scene = "duck";}); //}error /////////////////////////////////////////////////////////// //{ new vote("duckReal", "Vote Up - 1", 277, 509, 67, 32, function(){scene = "voteup2";}); //}vote /////////////////////////////////////////////////////////// //{ new teach("teachers", "Add a teacher", 348, 372, 73, 24, function(){scene = "teacher2";}); //{ new signin("logout", "Log In", 302, 302, 120, 60, function(){scene= "menu";}); //}signin ////////////////////////////////////////////////////////// //{ new notifs("howto", "Notifications >", 535, 63, 128, 29, function(){scene = "notifications";}); new notifs("howto", "Learner Home ", 535, 93, 128, 29, function(){scene = "assignments";}); new notifs("howto", "Settings ", 535, 123, 128, 29, function(){scene = "settings";}); new notifs("howto", "Help ", 535, 153, 128, 29, function(){scene = "help";}); new notifs("howto", "Log out ", 535, 183, 128, 29, function(){scene = "logout";}); new notifs("notifications", "< Notifications ", 535, 63, 128, 29, function(){scene = "howto";}); mousePressed = function() { for (var i = 0; i < buttons.length; i ++) { buttons[i].on_mouse_click(); } }; //} draw = function() { cursor(ARROW); switch (scene) { case "menu": Profile(); break; case "howto": sceneHowto(); break; case "game": Courses(); break; case "donate": donate(); break; case "programs": programs(); break; case "discussion": discussion(); break; case "assignments": assignments(); break; case "courses": courses(); break; case "progress": progress(); break; case "teachers": teachers(); break; case "hello": hello(); break; case "duck": duck(); break; case "voteup": voteup(); break; case "newprogram": newprogram(); break; case "duckReal": duckReal(); break; case "voteup2": voteup2(); break; case "teacher2": teacher2(); break; case "notifications": notifications(); break; case "settings": settings(); break; case "help": help(); break; case "logout": logout(); break; } update_buttons(); };
Folds	36,662,664,1163,1165,1670,1672,1699
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN3i7_bRCAw
Votes	238
Spin-Offs	0
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	patrickbrendan7
Author ID	kaid_888401190614627374371794
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739371024643
Updated	6 months ago, 1739371024643
Source Deleted	unknown