Viewing Program

Program Data

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

Title	What a Bird Really Is
ID	4898736803856384
Created	10 months ago, 1709276535852
Updated	10 months ago, 1709277011361
Code	/ Contest: Anatomy I have completed 100% of Khan Academy's 'Intro to JS' and have been programming for 4 years. I would prefer to be placed in the Intermediate bracket / /* Birds Are Not Real. They are government spy drones. This is an accurate diagram of a bird Created from top secret leaked CIA documents. \| Click and Drag to reveal each component \| / // Order of the functions var fncs = [ 'charger', 'charger', 'parachute', 'satellite', 'fun_stuff', 'fun_stuff', 'pew_pew', 'motherboard', 'c4', 'cpu', 'antenna', 'microphone', 'speaker', 'camera', 'battery', 'outer_shell', ]; // The functions' data points var data = [ [ 258, 421, 78, 80, 0 ], [ 248, 427, 78, 80, 0 ], [ 272, 130, 24, 30, 0], [ 353, 133, 93, 217, 0 ], [ 252, 223, 166, 239, 0 ], [ 287, 163, 166, 239, 0 ], [ 333, 129, 136, 164, 0 ], [ 269, 243, 117, 186, 0 ], [ 192, 293, 68, 93, 0 ], [ 269, 224, 54, 54, 0 ], [ 201, 212, 40, 74, 0 ], [ 311, 229, 50, 20, 0 ], [ 361, 135, 101, 140, 0 ], [ 354, 118, 99, 165, 0 ], [ 250, 342, 95, 146, 0 ], [ 250, 240, 433, 465, 0 ], ]; // Description of each part var descriptions = [ 'Right Inductive Charging Coil', 'Left Inductive Charging Coil', "Parachute if the bird dies", 'Satellite', 'More Ammunition', 'Ammunition', 'Device to eject the ammunition\n at high speeds', 'Motherboard', 'C4 disguised as an egg', 'Intel CPU', 'Radio Antenna for communication', 'Microphone to record sounds', 'Speaker to make bird noises', 'Camera and sensers', 'Battery to power the bird', 'Outer Shell: Body and Wings \n (Press to remove)', ]; // Function to check for object mouse collision var overObj = function(x,y,w,h) { // If the mouse is inbetween the constrants of w and h if (mouseX >= x-w/2 && mouseX <= x+w/2 && mouseY >= y-h/2 && mouseY <= y+h/2) { return true; } }; // Bottom unmovable shape of the bird var shell = function(x,y,w,h,c) { pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } /************************************/ // Color and outline of the shell stroke(0, 0, 0); strokeWeight(0.5); fill(247, 223, 158); // Body rotate(30); ellipse(0,0,160,269); rotate(-30); // Neck, Head, and Beak beginShape(); vertex(96,-59); bezierVertex(107,-138, 119, -137, 126, -140); bezierVertex(137,-133, 135, -133, 179, -124); bezierVertex(173,-128, 195, -114, 134, -149); bezierVertex(151,-149, 202, -99, 166, -147); bezierVertex(150,-161, 128, -311, -9, -106); endShape(); // Leg bezier(-51,121, -32, 184, -7, 243, 26,92); // Tail beginShape(); vertex(-94,30); bezierVertex(-272,268, -154, 132, -132, 114); bezierVertex(-252,249, -205, 202, -148, 160); bezierVertex(-147,180, -102, 138, -72, 114); endShape(); /***********************************/ popMatrix(); popStyle(); }; var Shapes = { "motherboard": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } /************************************/ stroke(0, 0, 0); strokeWeight(0.5); // PCB noStroke(); fill(43, 120, 1); rect(-4,-27,92,123); // Battery Case stroke(0, 0, 0); fill(0, 0, 0); rect(-18,58,63,45,3); // Battery Wires noFill(); stroke(0, 0, 0); bezier(-44, 22, -90, 80, 40, -2, 12, 48); stroke(255, 0, 0); bezier(-44, 26, -107, 80, 58, 9, 7, 53); // Battery Holder stroke(0, 0, 0); fill(99, 99, 99); rect(-19,59,52,42,5); // Power Terminal fill(133, 133, 133); stroke(0, 0, 0); rect(-41,23,10,10); // CPU Slots fill(255, 241, 176); rect(0,-20,50,50); // CPU Pins for (var i=0; i<=22; i++) { for (var j=0; j<=22; j++) { point(i2+-23,j2+-43); } } // Ram noStroke(); fill(59, 59, 59); rect(-23,-67,40,30); // Left Terminals fill(196, 196, 196); stroke(0, 0, 0); rect(-49,9,7,10); rect(-49,-5,7,10); rect(-49,-18,7,10); rect(-49,-31,7,10); // Right Terminals fill(196, 196, 196); stroke(0, 0, 0); rect(41,-14,7,10); rect(41,-27,7,10); rect(41,-40,7,10); rect(41,-53,7,10); rect(41,-66,7,10); /************************************/ popMatrix(); popStyle(); }, "c4": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } stroke(0, 0, 0); strokeWeight(0.5); /***********************************/ // Egg fill(255, 255, 255); arc(-11,22,38,-56,0,180); arc(-11,22,38,35,0,180); // Wires noFill(); stroke(255, 0, 0); bezier(-12, -4, -54, -79, 34, -2, 24, -38); stroke(4, 0, 255); bezier(-9, -4, -44, -79, 28, -9, 24, -44); // C4 stroke(117, 65, 22); fill(255, 198, 66); rect(-11,12,10,34,10); // Charge fill(0, 0, 0); rect(-11,10,4,30,10); /***********************************/ popMatrix(); popStyle(); }, "cpu": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } /***********************************/ stroke(0, 0, 0); strokeWeight(0.5); // CPU fill(145, 145, 145); rect(0,0,50,50); // Reflection stroke(255, 255, 255); line(24,22,-24,-26); line(22,24,-25,-23); strokeWeight(1); line(18,24,-25,-18); // Label strokeWeight(0.5); stroke(0, 0, 0); fill(0, 200, 255); rect(0,0,30,40,2); /***********************************/ popMatrix(); popStyle(); }, "battery": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } /***********************************/ // Batteries stroke(0, 0, 0); strokeWeight(0.5); fill(55, 0, 255); rect(0,-50,50,20,5); rect(0,-30,50,20,5); // Wires noFill(); stroke(255, 0, 0); bezier(-25, -49, -42, -36, -53, -36, -21, 63); bezier(-25, -49, -42, -36, -53, -36, -8, 55); stroke(0, 0, 0); bezier(-24, -53, -59, -70, -42, -36, -18, 62); bezier(-24, -53, -59, -70, -42, -36, -12, 57); /***********************************/ popMatrix(); popStyle(); }, "charger": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } /***********************************/ // Color and outline of the foot and leg stroke(0, 0, 0); strokeWeight(0.5); fill(232, 189, 0); // Foot rotate(-30); // Back Toe rect(-23,2,21,5,10); // Claw fill(0, 0, 0); rect(-33,2,10,3,12); rotate(30); // Front Toes fill(232, 189, 0); rect(6,13,29,5,10); // Claw fill(0, 0, 0); rect(21,13,10,3,10); fill(232, 189, 0); rect(10,16,38,5,10); // Claw fill(0, 0, 0); rect(26,16,10,3,10); // Top leg part rotate(-20); fill(232, 189, 0); rect(-10,-12,10,55,10); rotate(20); /***********************************/ popMatrix(); popStyle(); }, "antenna": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } stroke(0, 0, 0); strokeWeight(0.5); /***********************************/ // Stick part fill(0, 0, 0); rect(0,4,6,20,10); rect(0,-13,4,20,10); rect(0,-24,2,20,10); // Base fill(89, 89, 89); rect(0,17,11,12,2); // Wires noFill(); bezier(-2, 24, -4, 19, 23, 71, 16, 8); stroke(255, 0, 0); bezier(1, 24, -2, 18, 11, 68, 16, 11); stroke(2, 150, 2); bezier(6, 24, -2, 19, 4, 71, 16, 15); stroke(255, 136, 0); bezier(5, 24, -3, 19, 23, 71, 16, 8); /***********************************/ popMatrix(); popStyle(); }, "microphone": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } stroke(0, 0, 0); strokeWeight(0.5); /***********************************/ // Wires noFill(); line(12,-4,2,-4); stroke(255, 0, 0); line(12,-1,2,-1); stroke(22, 145, 0); line(12,2,2,2); stroke(224, 137, 16); line(12,4,2,4); // Microphone noStroke(); fill(0, 0, 0); ellipse(19,-0.5,9,8); fill(71, 71, 71); rect(15,-1,7,11); /***********************************/ popMatrix(); popStyle(); }, "satellite": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } stroke(0, 0, 0); strokeWeight(0.5); /***********************************/ // Wires noFill(); bezier(3, -57, -44, 19, 10, 22, -39, 95); stroke(255, 0, 0); bezier(5, -58, -44, 19, 14, 27, -38, 96); stroke(19, 125, 0); bezier(8, -58, -44, 19, 20, 27, -38, 99); stroke(255, 106, 0); bezier(10, -58, -42, 19, 20, 38, -38, 101); // Base stroke(0, 0, 0); fill(0, 0, 0); rect(5,-67,10,17); // Disk fill(94, 94, 94); arc(10,-82,32,32,35,212); line(18,-94,10,-81); line(17,-94,24,-73); line(19,-93,-4,-91); /***********************************/ popMatrix(); popStyle(); }, "parachute": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } stroke(0, 0, 0); strokeWeight(0.5); /***********************************/ fill(0, 0, 0); rect(0,0,20,20,5); /***********************************/ popMatrix(); popStyle(); }, "camera": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } stroke(0, 0, 0); strokeWeight(0.5); /***********************************/ // Wires noFill(); bezier(18, -57, -22, 19, -14, 71, -39, 76); stroke(255, 0, 0); bezier(18, -62, -26, 19, -14, 61, -39, 74); stroke(5, 128, 3); bezier(18, -68, -26, 19, -14, 61, -39, 72); stroke(255, 148, 25); bezier(12, -60, -11, -28, -14, 46, -39, 69); // Camera stroke(0, 0, 0); fill(222, 222, 222); ellipse(22,-60,20,20); noFill(); ellipse(22,-60,15,15); ellipse(22,-60,20,20); ellipse(22,-60,12,12); noStroke(); fill(74, 74, 74); ellipse(22,-61,8,8); /***********************************/ popMatrix(); popStyle(); }, "speaker": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } stroke(0, 0, 0); strokeWeight(0.5); /***********************************/ // Wires noFill(); bezier(14, -60, -47, -98, 16, 36, -47, 40); stroke(255, 0, 0); bezier(14, -56, -43, -98, 16, 43, -47, 42); stroke(49, 140, 0); bezier(14, -52, -38, -96, 16, 43, -47, 44); stroke(156, 122, 0); bezier(14, -48, -31, -96, 16, 43, -47, 46); // Speaker noStroke(); fill(0, 0, 0); rect(16,-55,7,15,2); fill(105, 105, 105); rect(15,-55,5,21,2); /***********************************/ popMatrix(); popStyle(); }, "pew_pew": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } stroke(0, 0, 0); strokeWeight(0.5); /***********************************/ // Wires noFill(); bezier(-10, -72, -47, -98, 16, 36, -18, 73); stroke(255, 0, 0); bezier(-10, -68, -36, -98, 20, 52, -18, 77); // Barrel noStroke(); fill(196, 196, 196); rotate(30); rect(-1,-56,50,14); fill(99, 99, 99); rect(-23,-56,46,18); rotate(-30); /***********************************/ popMatrix(); popStyle(); }, "fun_stuff": function(x,y,w,h,c) { pushStyle(); pushMatrix(); pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } stroke(0, 0, 0); strokeWeight(0.5); /************************************/ // Box rotate(30); fill(194, 194, 194); rect(0,0,40,237); // Bullets for (var y=0; y<=19; y++) { fill(161, 131, 0); ellipse(11,y11-111,16,10); fill(255, 226, 122); rect(-3,y11-111,30,10); } // Spring for (var h=0; h<15; h+=3) { line(-20,118-h,20,116-h); line(-20,114-h,20,116-h); } fill(102, 102, 102); rect(0,105,40,5); /************************************/ popMatrix(); popStyle(); }, "outer_shell": function(x,y,w,h,c) { pushStyle(); pushMatrix(); // Modes and positions rectMode(CENTER); translate(x,y); // Outline when c is true if (c) { noFill(); stroke(255, 0, 0); rect(0,0,w,h); } /***********************************/ // Color and outline of the shell stroke(0, 0, 0); strokeWeight(0.5); fill(59, 58, 57); // Body rotate(30); ellipse(0,0,160,269); rotate(-30); // Neck, Head, and Beak beginShape(); vertex(96,-59); bezierVertex(107,-138, 119, -137, 126, -140); bezierVertex(137,-133, 135, -133, 179, -124); bezierVertex(173,-128, 195, -114, 134, -149); bezierVertex(151,-149, 202, -99, 166, -147); bezierVertex(150,-161, 128, -311, -9, -106); endShape(); // Leg bezier(-51,121, -32, 184, -7, 243, 26,92); // Tail beginShape(); vertex(-94,30); bezierVertex(-272,268, -154, 132, -132, 114); bezierVertex(-255,249, -205, 202, -148, 160); bezierVertex(-147,180, -102, 138, -72, 114); endShape(); // Tail Lines line(-75,98,-150,161); line(-93,76,-136,116); fill(51, 51, 51); // Bottom Wing beginShape(); vertex(-72,-32); bezierVertex(-304,348, 104, -176, -134, 114); bezierVertex(-225,245, -47, 71, -22, 28); bezierVertex(-188,214, -74, 161, 12, 29); bezierVertex(-164,236, -35, 116, 39, 35); endShape(); // Top Wing beginShape(); vertex(-72,-32); bezierVertex(-126,127, 78, -140, -47, 8); bezierVertex(-82,57, -68, 89, 19, -24); bezierVertex(-81,80, -33, 93, 46, -11); bezierVertex(-26,62, 6, 79, 39, 35); bezierVertex(212,-145, -22, -104, -53, -75); bezierVertex(-77,-50, -68, -29, -73, -31); endShape(); // Eye noFill(); ellipse(127,-182,25,24); fill(128, 106, 26); ellipse(127,-182,10,10); fill(0, 0, 0); ellipse(127,-182,5,5); noFill(); ellipse(127,-182,10,10); // Beak fill(84, 84, 84); beginShape(); vertex(162,-151); bezierVertex(133,-154, 112, -172, 116, -158); bezierVertex(122,-133, 135, -133, 179, -124); bezierVertex(173,-128, 195, -114, 134, -149); bezierVertex(151,-149, 202, -99, 166, -147); endShape(); /*************************************/ popMatrix(); popStyle(); }, }; draw = function() { background(255, 255, 255); // Draw the fixed shell shell(250,240,433,465); // Draw the shapes in the order described by fncs for (var i in fncs) { Shapes[fncs[i]] (data[i][0],data[i][1],data[i][2],data[i][3],data[i][4]); } // Stores the positions of the data value for the shape the // mouse is over var over = []; // Stores the description of the shape var txt = "Bird \n (Does not show mechanics)"; for (var i in data) { // If the mouse is over the shape if (overObj(data[i][0],data[i][1],data[i][2],data[i][3])) { // add the position of the last shape to over over.unshift(i); } // Make all the outlines invisable by default data[i][4] = 0; } mouseClicked = function() { // If the mouse clicks the top object, make it disappear if (overObj(data[data.length-1][0],data[data.length-1][1],data[data.length-1][2],data[data.length-1][3])) { data[data.length-1][0] = width + 500; data[data.length-1][1] = height + 500; } }; // Makes it so the objects don't jump when you are dragging one mousePressed = function() { // Moves the objects when the mouse is dragged mouseDragged = function() { // The hovered object's x and y values // equal the mouse coordinates data[over[0]][0] = pmouseX; data[over[0]][1] = pmouseY; }; }; // Second loop to display the description after over[0] is fixed for (var i in data) { // If the mouse is over the shape if (overObj(data[i][0],data[i][1],data[i][2],data[i][3])) { // Set the text value as the description for the object and print it txt = descriptions[over[0]]; // Make the outline of the object visible data[over[0]][4] = 1; } } // Prints the shape's description fill(0, 0, 0); rect(0,height-100,width,100); textSize(26); fill(255, 255, 255); text("Description \| " + txt,4,height-73); // this is a joke lol };
Folds	42,59,61,78,80,97,100,105,108,160,163,249,250,299,300,345,346,386,387,444,445,493,494,539,540,592,593,624,625,675,676,721,722,765,766,815,816,912
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKvYgOzZCAw
Votes	1
Spin-Offs	0
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"6159659837865984","title":"Contest: Anatomy","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	true
By Child	false
Author Nick	TimeStop@3
Author Name	bhger
Author ID	kaid_800992030302119227692046
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1709277173797
Updated	10 months ago, 1709277185862
Source Deleted	unknown