Viewing Program

Program Data

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

Title	Mr. Clowney
ID	5165197227409408
Created	4 years ago, 1621027812008
Updated	4 years ago, 1621709260218
Code	/** * * Mr. Clowney * * by aquagirl272 * * to sub go to * https://www.khanacademy.org/computer-programming/sub-to-aquagirl272/4843739276066816 * * Finished: February 2021 * Released: 5/14/2021 * * 5/15/2021 - 83 votes + #3 on the hot list!!!!! Oh my gosh y'all, thank you so much. I literally gasped when I saw that :) * * 5/16/2021 - 108 votes + #5 on the hot list!!! 100+ votes, you guys. that's crazy! * * 5/17/2021 - 157 votes!!! * * 5/19/2021 - 185 votes!! */ / CREDITS: First off, thanks to my older brother Sanicc for this idea! It was originally going to be a graphic for a game he was making. That's why the code's in a function. Then Sanicc stopped working on the game, and this became my first (good) graphic. He also gave me many helpful tips along the way, especially on the transition and disclaimer. He was also super encouraging and said it looked good even when I had only done 5 beziers. A HUGE thanks to Proton and his Draggable Bezier Curve. Literally every single bezier was made with his code. I could NOT have made it without this program: https://www.khanacademy.org/computer-programming/draggable-bezier-curve/1034974270 Another big thanks to Troy Cook and his curveVertex tool. That is how I made the star over Mr. Clowney's left eye. https://www.khanacademy.org/cs/curvevertexxy/4922655547326464 / var scene = -1; var rectX = -300;//this is for the transition var MrClowney = function(x, y) { noStroke(); fill(255, 255, 255); bezier(x+37, y+68, x+83, y+85, x+127, y+5, x+72, y+32);//eye //RIGHT PUPIL fill(0, 71, 158);//you can play around with this to change the color of the eye arc(x+60, y+46, 34, 33, -44, 137); fill(0, 0, 0); ellipse(x+61, y+51, 8, 8); fill(255, 255, 255); strokeWeight(1); stroke(0); arc(x+49, y+53, 16, 13, -40, 124); noFill();//you can add a fill if you like. it makes it kinda cool-looking stroke(0, 0, 0); strokeWeight(2); bezier(x+86, y+41, x+78, y+42, x+71, y+44, x+65, y+48); bezier(x+79, y+49, x+74, y+49, x+77, y+49, x+72, y+50); stroke(255, 255, 255); strokeWeight(4); bezier(x+86, y+44, x+78, y+45, x+71, y+47, x+66, y+51); strokeWeight(3); / RIGHT SIDE OF FACE OUTLINE / bezier(x +87, y +192, x+61, y+254, x+58, y+284, x, y+288);//chin bezier(x +87, y +192, x+61, y+254, x+58, y+284, x, y+288);//chin bezier(x+132, y+127, x+133, y+215, x+132, y+160, x+69, y+236);//jawline bezier(x+142, y+36, x+130, y+116, x+134, y+103, x+132, y+126);//side of face bezier(x+143, y+22, x+143, y-25, x+135, y-50, x+117, y-69);//ear to hairline bezier(x+105, y-168, x+146, y-125, x+166, y-54, x+118, y-83);//first of hairline bezier(x+59, y-174, x+74, y-194, x+87, y-184, x+104, y-169);//top of hairline curve bezier(x+58, y-173, x+46, y-157, x+27, y-131, x+9, y-92);//middle hairline bezier(x+164, y+8, x+197, y-36, x+158, y-58, x+143, y+10);//top of ear bezier(x+163, y+9, x+149, y+29, x+176, y+55, x+155, y+72);//middle outer ear bezier(x+150, y+97, x+153, y+86, x+147, y+87, x+154, y+73);//bottom ear/middle ear curve bezier(x+135, y+91, x+135, y+106, x+145, y+103, x+150, y+98);//bottom outer ear strokeWeight(2); bezier(x+160, y+4, x+161, y-11, x+169, y-16, x+166, y-6);//thin little loopy at top of ear bezier(x+149, y+52, x+144, y+32, x+144, y+20, x+162, y-7);//curve from loopy to middle of ear bezier(x+149, y+52, x+150, y+61, x+138, y+73, x+140, y+88);//middle to bottom line(x+140, y+85, x+145, y+81);//line that makes the little notch at the bottom of the inside ear bezier(x+155, y+5, x+148, y+45, x+173, y+44, x+142, y+74);//curve back up strokeWeight(3); / LEFT SIDE OF FACE OUTLINE / bezier(x -84, y +191, x-58, y+254, x-55, y+284, x, y+288);//chin bezier(x-138, y+127, x-132, y+193, x-132, y+160, x-66, y+236);//jawline bezier(x-150, y+24, x-137, y+116, x-140, y+103, x-138, y+126);//side of face bezier(x-122, y-75, x-146, y-41, x-157, y-17, x-149.5, y+16); bezier(x-125, y-83, x-150, y-65, x-161, y-59, x-161, y-91); bezier(x-117, y-169, x-130, y-157, x-157, y-118, x-161, y-92); bezier(x-116, y-170, x-104, y-185, x-79, y-193, x-60, y-170); bezier(x-8, y-91, x-12, y-108, x-26, y-134, x-60, y-170); bezier(x-177, y-28, x-169, y-29, x-164, y-25, x-151, y+8);//ear bezier(x-178, y-27.5, x-185, y-20, x-189, y-24, x-173, y+7);//ear bezier(x-155, y+70, x-175, y+38, x-174, y+55, x-172, y+9);//ear bezier(x-154, y+71, x-158, y+103, x-150, y+106, x-141, y+99);//ear strokeWeight(2); bezier(x-157, y+46, x-143, y+25, x-177, y-25, x-175, y-9);//right side of inner ear top to middle angle bezier(x-157, y+46, x-152, y+52, x-149, y+46, x-146, y+88);//right side of ear middle angle down to bottom bezier(x-150.5, y+93, x-150, y+90, x-149, y+88, x-146, y+88);//lil arc at the bottom of the ear bezier(x-172, y-8, x-171, y-7, x-172, y-5, x-170, y-1);//upper ear notch bezier(x-165, y-1, x-166, y+61, x-170, y+32, x-151, y+67);//far left connecting strokeWeight(3); / HAIR OUTLINE / bezier(x+186, y+84, x+181, y+108, x+154, y+133, x+132, y+133);//below ear curve bezier(x+186, y+84, x+152, y+114, x+167, y+44, x+213, y+46); bezier(x+213, y+46, x+204, y+39, x+191, y+35, x+182, y+39); bezier(x+218, y-81, x+225, y-33, x+227, y+13, x+180, y+39); bezier(x+205, y-55, x+209, y-63, x+214, y-69, x+218, y-81); bezier(x+202, y-125, x+188, y-103, x+212, y-87, x+205, y-55); bezier(x+202, y-125, x+193, y-123, x+189, y-119, x+187, y-109); bezier(x+175, y-185, x+169, y-162, x+201, y-168, x+188, y-112); bezier(x+175, y-185, x+168, y-180, x+163, y-169, x+169, y-161); bezier(x+128, y-243, x+117, y-205, x+160, y-212, x+166, y-168); bezier(x+118, y-207, x+113, y-219, x+115, y-234, x+128, y-245); bezier(x+118, y-208, x+100, y-257, x+52, y-233, x+38, y-273); bezier(x+42, y-243, x+39, y-247, x+34, y-259, x+38, y-274); bezier(x+119, y-243, x+118, y-230, x+118, y-237, x+118, y-235);//doubled up tuft bezier(x+119, y-243, x+114, y-239, x+110, y-233, x+109, y-226); bezier(x-37, y-286, x-8, y-289, x+24, y-274, x+43, y-241); bezier(x-37, y-286, x-25, y-263, x-41, y-255, x-90, y-228); bezier(x-76, y-246, x-85, y-241, x-90, y-236, x-91, y-228); bezier(x-149, y-179, x-150, y-208, x-95, y-252, x-74, y-246); bezier(x-149, y-179, x-154, y-187, x-153, y-199, x-141, y-218); bezier(x-182, y-111, x-192, y-125, x-179, y-187, x-141, y-218); bezier(x-182, y-111, x-195, y-128, x-205, y-130, x-218, y-125); bezier(x-204, y-71, x-199, y-96, x-203, y-107, x-218, y-125); bezier(x-204, y-71, x-205, y-78, x-206, y-86, x-210, y-93); bezier(x-207, y-22, x-222, y-45, x-211, y-45, x-210, y-93); bezier(x-207, y-22, x-217, y-28, x-220, y-37, x-221, y-53); bezier(x-188, y+64, x-208, y+52, x-231, y+9, x-223, y-53); bezier(x-188, y+64, x-200, y+63, x-207, y+69, x-209, y+78); bezier(x-177, y+92, x-163, y+112, x-151, y+70, x-208, y+78); bezier(x-139, y+128, x-149, y+125, x-174, y+109, x-177, y+92); / MOUTH/NOSE ADD TEETH / bezier(x+92, y+173, x+154, y+77, x+80, y+134, x+63, y+139);//cheekbone/chin bezier(x+42, y+133, x+45, y+137, x+52, y+143, x+62, y+139); bezier(x, y+170, x+45, y+175, x+67, y+108, x, y+110);//left side of nose bezier(x, y+170, x-51, y+170, x-63, y+114, x, y+110);//right side of nose bezier(x-86, y+136, x-111, y+120, x-134, y+136, x-102, y+172); bezier(x-86, y+136, x-66, y+145, x-54, y+141, x-41, y+130); bezier(x+82, y+177, x+76, y+189, x+74, y+196, x+71, y+206); strokeWeight(2); bezier(x-75, y+187, x-77, y+181, x-83, y+171, x-88, y+165); strokeWeight(3); bezier(x-91, y+139, x-105, y+132, x-123, y+137, x-96, y+168); bezier(x-100, y+137, x-113, y+138, x-106, y+152, x-104,y+157); bezier(x+93, y+132, x+116, y+123, x+111, y+131, x+100, y+149); bezier(x+99, y+130, x+111, y+126.8,x+107.5,y+138,x+103,y+144); bezier(x-104, y+140, x-75, y+146, x-65, y+161, x-37, y+157); bezier(x-104, y+140, x-76, y+158, x-63, y+201, x-56, y+216); bezier(x, y+267, x-29, y+266, x-47, y+246, x-56, y+216);//bottom of lip/left bezier(x+39, y+154, x+59, y+159, x+91, y+149, x+105, y+133); bezier(x+57, y+226, x+60, y+215, x+84, y+148, x+105, y+133); bezier(x+57, y+226, x+48, y+264, x+25, y+266, x, y+267);//bottom of lip/right bezier(x+86, y+151, x+83, y+157, x+41, y+167, x+11, y+175);//upper lip/right bezier(x-5, y+176, x-42, y+169, x-53, y+167, x-83, y+154);//upper lip / left bezier(x-5, y+176, x-1, y+180, x+5, y+180, x+11, y+175); bezier(x-83, y+154, x-54, y+182, x-44, y+240, x, y+238); bezier(x+81, y+155, x+58, y+189, x+52, y+244, x, y+238); //TEETH strokeWeight(2); bezier(x+1, y+199, x-2, y+211, x+28, y+205, x+25, y+193);//bottom of top front two right bezier(x+40, y+169, x+43, y+176, x+44, y+192, x+39, y+198);//right side of right #2 bezier(x+46, y+167, x+43, y+171, x+44, y+172, x+42, y+175); bezier(x+52, y+166, x+55, y+181, x+55, y+191, x+46, y+198); line(x+44, y+198, x+41, y+195); line(x+54, y+166, x+53, y+175); bezier(x+61, y+166, x+63, y+175, x+63, y+185, x+56, y+195); line(x+54, y+195, x+52, y+192); bezier(x+60, y+187, x+61, y+190, x+59, y+189, x+62, y+191); line(x+61, y+166, x+59, y+163); line(x+61, y+166, x+61, y+163); bezier(x+66, y+160, x+71, y+159, x+71, y+168, x+70, y+175); line(x+71, y+160, x+70, y+163); bezier(x+53, y+208, x+53, y+202, x+51, y+197, x+49, y+195); bezier(x+40, y+223, x+47, y+203, x+40, y+192, x+26, y+201); line(x+24, y+200, x+28, y+207); bezier(x+27, y+222, x+27, y+226, x+26, y+230, x+24, y+234); bezier(x+27, y+226, x+27, y+226, x+26, y+230, x+26, y+234); bezier(x+2, y+237, x+1, y+237, x+1, y+232, x+2, y+230); bezier(x-24, y+222, x-24, y+227, x-19, y+233, x-15, y+236); bezier(x-24, y+222, x-24, y+227, x-20, y+233, x-19, y+235); bezier(x-23, y+195, x-19, y+207, x-7, y+205, x+1, y+204); bezier(x-23, y+187, x-22, y+184, x-21, y+177, x-20, y+175); bezier(x-22, y+180, x-22, y+180, x-20, y+177, x-24, y+173); point(x-21, y+175); bezier(x-24, y+207, x-21, y+202, x-20, y+203, x-19, y+201); bezier(x-23, y+206, x-22, y+202, x-21, y+203, x-22, y+199); bezier(x-36, y+170, x-41, y+185, x-36, y+195, x-33, y+198); bezier(x-22, y+199, x-27, y+198, x-29, y+199, x-32, y+199); bezier(x-38, y+179, x-38, y+174, x-40, y+171, x-42, y+169); bezier(x+1, y+190, x+1, y+184, x, y+187, x+2, y+180); bezier(x+25, y+185, x+25, y+181, x+24, y+176, x+21, y+173); bezier(x+25, y+180, x+25, y+177, x+24, y+177, x+27, y+172); bezier(x+2, y+204, x+3, y+207, x+3, y+215, x+3, y+219); bezier(x-38, y+194, x-37, y+209, x-59, y+186, x-47, y+167); bezier(x-50, y+176, x-50, y+171, x-51, y+168, x-52, y+166); bezier(x-47, y+194, x-45, y+202, x-64, y+189, x-58, y+164); bezier(x-59, y+169, x-59, y+166, x-60, y+165, x-61, y+163); bezier(x-67, y+175, x-68, y+170, x-67, y+165, x-65, y+161); bezier(x-39, y+217, x-41, y+214, x-42, y+200, x-34, y+196); bezier(x-50, y+203, x-49, y+201, x-49, y+199, x-47, y+197); line(x+1, y+192, x+1, y+196); line(x+3, y+221, x+2, y+229); bezier(x-24, y+221, x-25, y+218, x-26, y+214, x-24, y+207); bezier(x+27, y+225, x+28, y+216, x+30, y+210, x+28, y+208); line(x+25, y+187, x+25, y+191); line(x-23, y+188, x-23, y+193); strokeWeight(4); point(x-38, y+172); point(x+24, y+173); point(x-50, y+168); strokeWeight(5); point(x+43, y+169);//these next two are fill in triangle strokeWeight(3); point(x+42, y+172); //println(300-236); / CHEEK/EYES/FOREHEAD / //RIGHT bezier(x+18, y+110, x+16, y+105, x+16, y+103, x+13, y+97); line(x+12, y+92.5, x+16, y+89.5); bezier(x+20, y+86, x+17, y+83, x+13, y+86, x+9, y+89); line(x+7, y+82, x+10, y+82); bezier(x+28, y+74, x+16, y+87, x+1, y+76, x+11, y+67); bezier(x+28, y+74, x+77, y+29, x+106, y-5, x+118, y+2); bezier(x+10, y+57, x+13, y+35, x+35, y-6, x+64, y-28); bezier(x+121, y-21, x+114, y-47, x+110, y-51, x+81, y-37); bezier(x+121, y-21, x+123, y-13, x+126, y-14, x+120, y-3); strokeWeight(5); bezier(x+44, y+60, x+41, y+65, x+48, y+64, x+29, y+75); strokeWeight(2); bezier(x+59, y+89, x+45, y+88, x+35, y+84, x+29, y+75);//bottom eye wrinkle bezier(x+70, y+79, x+58, y+81, x+43, y+81, x+34, y+70); bezier(x+69, y+71, x+59, y+75, x+48, y+71, x+38, y+68); strokeWeight(3); bezier(x+93, y+66, x+98, y+59, x+105, y+48, x+101, y+39); bezier(x+89, y-50, x+60, y-48, x+42, y-27, x+27, y-6);//above eyebrow ridge bezier(x, y+54, x+4, y+40, x+7, y+30, x+13, y+18);//middle of forehead join sides line bezier(x+85, y+25, x+84, y+24, x+91, y+23, x+97, y+24);//to the right of eye/above wrinkle bezier(x+94, y+30, x+103, y+29, x+111, y+20, x+111, y+11);//crow's feet top wrinkle bezier(x+97, y+31, x+110, y+27, x+115, y+27, x+121, y+29);//crow's feet bottom wrinkle strokeWeight(5); point(x+96, y+32);//right corner of eye strokeWeight(2); bezier(x+91, y+52, x+107, y+37, x+85, y+30, x+120, y+37);//thin angle crease right of eye strokeWeight(3); //LEFT bezier(x-12, y+94, x-13, y+101, x-15, y+107, x-21, y+114);//nose line bezier(x-18, y+94, x-18, y+90, x-14, y+91, x-14, y+90);//lil curveabove nose line bezier(x-11, y+88, x-12, y+85, x-17, y+80, x-18, y+84);//higher little curve bezier(x-10, y+84, x-6, y+78, x-6, y+69, x-9, y+61);//last nose curve vertical bezier(x+3, y+86, x+1, y+84, x, y+73, x-0.5, y+67);//this and next one form nose bride in middle of screen bezier(x-3, y+87, x-1, y+79, x, y+73, x-0.5, y+67); bezier(x-30, y+79, x-24, y+80, x-9, y+79, x-13, y+63);//nose to star/eye curve bezier(x-30, y+79, x-44, y+75, x-88, y+42, x-112, y+15);//top eye bag bezier(x-37, y+83, x-37, y+89, x-40, y+97, x-44, y+100); bezier(x-50, y+86, x-60, y+94, x-56, y+89, x-76, y+97); bezier(x-82, y+84, x-69, y+87, x-56, y+84, x-44, y+79); bezier(x-56, y+77, x-53, y+78, x-50, y+75, x-47, y+75); line(x-73, y+76, x-78, y+76); fill(255, 255, 255);//uncomment for solid white left eye bezier(x-47, y+72, x-87, y+81, x-134, y+30, x-86, y+40);//eye noFill(); strokeWeight(4); point(x-51, y+70);//corner of eye strokeWeight(3); bezier(x-1, y+55, x-7, y+43, x-13, y+33, x-17, y+23);//middle of forehead connecting to other side bezier(x-111, y+67, x-112, y+59, x-112, y+56, x-110, y+49);//vertical crow's feet wrinkle bezier(x-128, y+56, x-124, y+51, x-120, y+45, x-111, y+45);//next up diagonal downward bezier(x-131, y+43, x-122, y+38, x-114, y+39, x-111, y+41);//almost horizantal bezier(x-123, y+31, x-111, y+42, x-112, y+32, x-108, y+38); strokeWeight(2); line(x-105, y+37, x-98, y+34);//two little lines at the corner of eyes bezier(x-110, y+44, x-108, y+48, x-109, y+51, x-104, y+56); strokeWeight(3); bezier(x-43, y-10, x-30, y+5, x-24, y+24, x-14, y+51);//curve from nose/eye bag up towards forehead bezier(x-62, y-31, x-69, y-38, x-76, y-45, x-83, y-48); bezier(x-126, y-53, x-117, y-61, x-89, y-67, x-76, y-61);//highest eyebrow arch bezier(x-121, y-41, x-137, y-35, x-151, y-20, x-146, y-8); //STAR / Created with https://www.khanacademy.org/cs/curvevertexxy/4922655547326464 by Troy Cook NOTE: this code is different than the one I originally got from the program. I de-functionized it and took out push/popStyle, push/popMatrix, scale, translate, and rotate commands. A HUGE thanks to Troy Cook for his program, I could not have made the star without it! I totally recommend his program for any and all complex shapes you need to fill. I will use this for future shapes in later graphics! / strokeWeight(5); fill(255, 255, 255,25); beginShape(); curveVertex(x-125,y+38); curveVertex(x-118,y+54); curveVertex(x-128,y+68); curveVertex(x-140,y+90); curveVertex(x-101,y+90); curveVertex(x-84,y+115); curveVertex(x-69,y+132); curveVertex(x-66,y+88); curveVertex(x-45,y+81); curveVertex(x-24,y+80); curveVertex(x-39,y+69); curveVertex(x-59,y+49); curveVertex(x-69,y-11); curveVertex(x-66,y-60); curveVertex(x-82,y-42); curveVertex(x-107,y+12); curveVertex(x-142,y); curveVertex(x-125,y+38); curveVertex(x-118,y+54); curveVertex(x-128,y+68); endShape(); };//the drawing code var yPositions = []; var xPositions = []; var bubSize = []; var bubSpeed = []; for(var i = 0; i < 35; i++) { xPositions.push(random(0, width)); yPositions.push(random(0, height)); bubSize.push(random(5, 25)); bubSpeed.push(random(0.5, 1.5)); }//these edited thanks to ThrifyPiano var col1 = color(107, 218, 224);//gradient var col2 = color(19, 0, 125);//gradient var bubLineX = -385; var bubLineV = 14; var nameY = -860; var nameV = 20; var fade = -300; draw = function() { cursor("default"); rectMode(CENTER); if(scene === -1){ for(var i = 0; i < width; i ++) { stroke(lerpColor(col1, col2, i / height)); line(0, i, width, i); }//gradient for (var i = 0; i < xPositions.length; i++) { noStroke(); fill(255, 255, 255, 100); ellipse(xPositions[i], yPositions[i], bubSize[i], bubSize[i]); yPositions[i] -= bubSpeed[i]; if(yPositions[i] < 0) { yPositions[i] = height; xPositions[i] = random (0,width); bubSize[i] = random (5, 25); } }//draws bubbles according to whats in xPositions/yPositions/bubSize and then redraws them at random // also makes the rise var bubLineY = height/3; for(var bubLine = 0; bubLine < 19; bubLine++){ fill(255, 255, 255, 180); noStroke(); ellipse(bubLineX+bubLine20, bubLineY, 20, 20); bubLineY--; } fill(255); textSize(60); textAlign(CENTER, CENTER); text("aquagirl272", width/2, nameY); textSize(40); fill(255, 255, 255, fade); text("presents", width/2, height/2); if(bubLineX<=width/5&&bubLineV>0){ bubLineX+=bubLineV; bubLineV-=0.2; } if(nameY<=height/4&&nameV>0){ nameY+=nameV; nameV-=0.2; } if(fade <=255){ fade+=2; } if(fade >=255){ scene = 0; } }//intro if(scene === 0){ noStroke(); background(0); fill(255); textAlign(CENTER, CENTER); textSize(50); text("WARNING:", 300, 100); textSize(33); text("This program could be traumatizing.\nDo not view if you are easily scared.\nClick the button below to continue.", 300, 216); if(mouseX<400&&mouseX>200&&mouseY<480&&mouseY>380){ if(scene === 0){ fill(173, 173, 173); } cursor("pointer"); if(mouseIsPressed){ scene = 1; } } rect(300, 430, 200, 100, 5); fill(0); textSize(25); text("Mr. Clowney", 300, 430); }//warning screen if(scene === 1){ rectX+= 20; if(rectX>300){ scene = 2; } }//transition if(scene === 2){ rectX+=20; background(0); MrClowney(300, 300); }//finish of transition/drawing fill(0); noStroke(); rect(rectX, 300, width, height);//transition rect };
Folds	36,325,331,336,350,436
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL2Pg7eWCQw
Votes	221
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	aquagirl272
Author Name	aquagirl272
Author ID	kaid_1181183286923111236554257
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739376072926
Updated	10 months ago, 1739376079831
Source Deleted	unknown