Viewing Program

Program Data

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

Title	Design-a-Girl™
ID	6129803674517504
Created	11 years ago, 1396234662746
Updated	10 years ago, 1439489921264
Code	// Design-a-Girl™, by Anastasia O'Sullivan. https://www.khanacademy.org/cs/design-a-girl/5448853897609216 /* Credits: * All credit for the bubble background goes to Timothy Smith! https://www.khanacademy.org/cs/bubbles/1460236848 * All credit for the rain background also goes to Timothy Smith! https://www.khanacademy.org/computer-programming/tka/1784870239 * All credit for the falling snow in the snow backgound goes to Chis Hohmann! (I did change the code, but his program got me started =D) https://www.khanacademy.org/cs/snowman-with-falling-snow/1017930778 Thanks to: Kayla Haney! She provided many ideas and much inspiration. Check out her dozens of Disney Princesses: www.khanacademy.org/profile/haneyk/programs. DON'T PLAGERIZE HER PROGRAMS!!!! Too many people have done that. / /* RESTART PROGRAM TO SEE CHANGES IN COLOR */ / ***** Variables (Change to personalize!) ****** / /* Facial Shape 1: Heart 2: round 3: rectangular 4: oval / var face = 1; /Skin Colors/ var skin = color(245, 203, 169); //Skin color var skin2 = color(224, 181, 143); //Skin shadows (under the chin, ears, nose), make a little darker then the skin var blush = false; // Blush? Toggle between true and false. var blusher = color(255, 0, 187, 1.5);//Color of blush. The last value is for transparency. var freckles = true; // freckles? If you'd like them, set to 'true' var fcolor = color(237, 196, 154); // Color of freckles. Should be a bit darker then the skin. /** Eyes/ var lashes = true;// Visible lashes? If you'd like them, change to 'true' var slanted = false;// Slanted eyes? If you'd like them, change to 'true' var eyes = color(107, 156, 103); //Iris color of the eyes var eyeshadow = color(176, 119, 72, 100); //"Eyeshadow" var eyeliner = color(125, 40, 0); //"Eyeliner" /glasses/ var glasses = true; // Glasses? If you'd like them, change to 'true' var lens = color(5, 5, 5, 200); // Color of lenses. You can make then clear by setting the last variable to 0 var frames = color(0, 0, 0); // Frame color var thick = true;//Thick frames? var ftype = 3;// 1 = round; 2 = square, 3 = square sunglasses style /*Lips 1: neutral * 2: closed smile * 3: Crooked * 4: open smile / var lipsType = 2; //Choose 1 to 4 var lips = color(230, 143, 150); //Lip color var lip2 = color(196, 98, 98); //Lip color 2, make a little bit darker then the main lip color var braces = true; // Only an option with the open smile var bracesc = color(222, 243, 255);//color of bands /Lips fullness 1: thin * 2: full * 3: super-full / var lipsF = 3; //Choose 1 to 3 /* Hair Color * 0: You Choose * 1: Black * 2: Dark brown * 3: Light Brown * 4: Dark Blonde * 5: Light blonde * 6: Dark Red * 7: Light Red / var choose = 7;//Color of hair var hlAuto = true; //whether the high/low lights are automaticly set when the hair is var hair = color(204, 161, 114); var hair2 = color(128, 34, 0);// Highlights var hair3 = color(82, 16, 0);// lowlights / Hair - back part * 0: None * 1: Curly bob * 2: Large, loose curls * 3: Large & loose curls, below shoulder, puffy, big * 4: extra long, sleek, and straight * 5: straight, below shoulder length * 6: at shoulder, straight and choppy * 7: just below chin, straight & choppy * 8: Pixie * 9: Ponytail, 9.5: Highlighted ponytail * 10: 1 Braid * 11: Braids * 12: pulled back/updo / var hairType = 10;//Style of back hair. Choose 1 to 10. /* front hair * 0: none * 1: Side part * 2: Updo with side part * 3: curly part * 4: center part * 5: Pulled back * 6: Thick fringe * 7: Wispy fringe / var hairType2 = 7; //Front hair. /* Eyebrows * 1: original * 2: arched * 3: Unibrow * 4: shaped / var brow = 2; var auto; var browc = auto; //Brow color. Set it to any color(x, x, x); or to "auto" for it to set automatically /* Outfit * 1: Long sleeve t-shirt * 2: "Geisha" dress * 3: short sleeve shirt with cami * 4: Puffed sleeve gown * 5: swim suit * 6: dress / var dressType = 3; // choose 1 to 6 var clothes = color(36, 159, 163); //Outfit color var clothes2 = color(235, 139, 115); //trim on outfit color /* Background * 1: hills * 2: Plains * 3: snow * 4: solid color * 5: Under the sea * 6: Smoke (Not working) * 7: Rain / var backgroundType = 5; //Background. Choose 1 to 7 var mountains = true; //if snow background, are the mountians? var glow = true; //if smoke background, is there a fiery glow? var bColor = color(0, 0, 0); // Sky color/background color /***************** THE FOLLOWING IS THE CODE FOR THE PROGRAM *****************/ if(clothes===skin){ clothes = color(0, 0, 0); } / Cheek stuff / var cheeks; if (blush === true){ cheeks = blusher; }else{cheeks = (0,0,0,1000);} angleMode="degrees"; /* hair color stuff. Don't touch, just ignore/ if (choose === 1){//black hair = color(10, 10, 10); if (hlAuto === true){ hair2 = color(31, 14, 14); hair3 = color(0, 1, 13); } } if (choose === 2){//brown (dark) hair = color(51, 17, 0); if (hlAuto === true){ hair2 = color(66, 31, 0); hair3 = color(33, 7, 0); } } if (choose === 3){//brown (light) hair = color(97, 54, 21); if (hlAuto === true){ hair2 = color(110, 66, 19); hair3 = color(92, 41, 13); } } if (choose === 4){//blonde (dark) hair = color(133, 96, 66); if (hlAuto === true){ hair2 = color(148, 109, 67); hair3 = color(115, 81, 44); } } if (choose === 5){//blonde (light) hair = color(184, 156, 118); if (hlAuto === true){ hair2 = color(199, 168, 127); hair3 = color(168, 132, 89); } } if (choose === 6){//Red (dark) hair = color(105, 25, 0); if (hlAuto === true){ hair2 = color(122, 44, 1); hair3 = color(97, 1, 1); } } if (choose === 7){//Red (light) hair = color(158, 55, 0); if (hlAuto === true){ hair2 = color(173, 75, 0); hair3 = color(133, 35, 0); } } if (browc === auto){ browc = hair2; } / Snow stuff/ var flake = function(bx,by){ strokeWeight(1); line(bx+130,by+301,bx+132,by+291); line(bx+135,by+295,bx+127,by+296); line(bx+134,by+299,bx+128,by+292);}; / braid function / var braid = function(bx,by){ noStroke(); fill(hair); triangle(bx+168,by+275,bx+129,by+280,bx+166,by+407); strokeWeight(3); stroke(0, 0, 0,30); translate(bx+160,by+292); rotate(20); ellipse(0,0,18,47); rotate(-55); ellipse(-17,-4,18,46); resetMatrix(); translate(bx+159,by+321); rotate(20); ellipse(0,0,17,36); rotate(-55); ellipse(-13,-1,17,38); resetMatrix(); translate(bx+160,by+350); rotate(20); ellipse(0,0,15,37); rotate(-55); ellipse(-10,-3,15,37); resetMatrix(); translate(bx+162,by+373); rotate(20); ellipse(0,-1,11,33); rotate(-55); ellipse(-8,-3,11,29); resetMatrix(); bezier(bx+163,by+415,bx+186,by+375,bx+133,by+377,bx+161,by+414);}; / single braid fctn / var sbraid = function(bx,by){ fill(hair); strokeWeight(4); stroke(0, 0, 0,30); translate(bx+132,by+304); rotate(-163); ellipse(0,0,29,55); rotate(-47); ellipse(-22,7,27,48); resetMatrix(); translate(bx+140,by+332); rotate(-166); ellipse(0,0,22,53); rotate(-55); ellipse(-20,-2,23,46); resetMatrix(); translate(bx+146,by+358); rotate(-154); ellipse(0,0,21,46); rotate(-57); ellipse(-19,0,22,40); resetMatrix(); translate(bx+152,by+374); rotate(-142); ellipse(0,0,17,34); rotate(-73); ellipse(-12,-5,17,28); resetMatrix(); translate(bx+149,by+393); rotate(-154); ellipse(0,0,14,27); rotate(-39); ellipse(-12,-1,15,26); resetMatrix(); // fill(hair3); // noStroke(); // bezier(bx+135,by+263,bx+154,by+269,bx+155,by+265,bx+157,by+275); // bezier(bx+140,by+301,bx+154,by+299,bx+162,by+299,bx+160,by+309); // bezier(bx+141,by+301,bx+130,by+301,bx+127,by+315,bx+128,by+330); // bezier(bx+148,by+330,bx+144,by+315,bx+176,by+332,bx+169,by+336); // bezier(bx+147,by+338,bx+138,by+333,bx+138,by+356,bx+134,by+357); // bezier(bx+156,by+357,bx+158,by+349,bx+162,by+354,bx+172,by+364); // bezier(bx+153,by+359,bx+138,by+357,bx+138,by+399,bx+140,by+374); // bezier(bx+152,by+367,bx+178,by+391,bx+183,by+368,bx+168,by+387); // bezier(bx+160,by+379,bx+156,by+357,bx+152,by+397,bx+140,by+383); // bezier(bx+155,by+394,bx+156,by+388,bx+162,by+391,bx+165,by+402); bezier(bx+153,by+393,bx+146,by+396,bx+149,by+404,bx+148,by+409); fill(hair); stroke(0, 0, 0,30); bezier(bx+156,by+429,bx+187,by+387,bx+128,by+386,bx+152,by+425); strokeWeight(1); }; / CONSTANTS (for snow) / var FLAKES=100, MIN_V=1, MAX_V=2, MIN_SIZE=3, MAX_SIZE=5, WIND=0.5; var snow=[]; for(var i=0;i<FLAKES;i++){ snow[i] = {x:random(400), y:random(400), Vy:random(MIN_V,MAX_V), size:random(MIN_SIZE,MAX_SIZE) };} / Ground fctn / var ground = function(x,y){ noStroke(); background(bColor); fill(89, 122, 51); rect(x+0,y+129,400,272); stroke(68, 102, 37); noFill(); strokeWeight(47); bezier(x+422,y+171,x+334,y+167,x+111,y+227,x+-2,y+164); bezier(x+348,y+124,x+151,y+132,x+96,y+88,x+0,y+126); bezier(x+406,y+132,x+328,y+118,x+305,y+126,x+400,y+130); bezier(x+0,y+141,x+285,y+166,x+305,y+126,x+400,y+168); strokeWeight(1); noStroke();}; / girl function / var girl = function(x, y){ / hair / fill(hair); noStroke(); //no hair if (hairType === 0){ fill(skin); ellipse(x+201,y+173,170,186); }else{ ellipse(x+200,y+172,178,208); } //curly bob if (hairType === 1){ ellipse(x+200,y+224,180,98); ellipse(x+200,y+197,185,90); ellipse(x+200,y+164,184,90); ellipse(x+200,y+134,167,90); ellipse(x+199,y+107,138,66); } //Large, loose curls if (hairType === 2){ ellipse(x+202,y+313,191,90); ellipse(x+201,y+282,188,90); ellipse(x+202,y+251,183,93); ellipse(x+200,y+222,180,90); ellipse(x+200,y+195,185,90); ellipse(x+200,y+164,184,90); ellipse(x+200,y+134,167,90); ellipse(x+199,y+107,138,66); } //Large & loose curls, below shoulder, puffy, big if (hairType === 3){ ellipse(x+199,y+103,136,67); ellipse(x+201,y+134,185,95); ellipse(x+203,y+177,215,130); ellipse(x+200,y+215,220,111); ellipse(x+202,y+248,240,117); ellipse(x+201,y+287,256,117); ellipse(x+206,y+324,250,117); } //extra long, sleek, and straight if (hairType === 4){ rect(x+114,y+143,171,271, 10); } //straight, below shoulder length if (hairType === 5){ rect(x+113,y+119,172,215,51); } //at shoulder, straight and choppy if (hairType === 6){ rect(x+114,y+166,172,143,71); quad(x+111, y+199, x+114, y+242, x+289, y+246, x+287, y+161); fill(hair3); bezier(x+248,y+282,x+282,y+230,x+220,y+175,x+251,y+215); bezier(x+237,y+282,x+282,y+230,x+220,y+175,x+234,y+215); bezier(x+164,y+284,x+165,y+230,x+173,y+175,x+134,y+215); bezier(x+149,y+259,x+184,y+303,x+246,y+282,x+264,y+244); fill(hair2); bezier(x+113,y+253,x+96,y+216,x+114,y+79,x+172,y+85); bezier(x+123,y+284,x+108,y+275,x+138,y+121,x+143,y+132); bezier(x+283,y+274,x+314,y+214,x+244,y+113,x+277,y+149); bezier(x+146,y+305,x+115,y+291,x+145,y+74,x+158,y+170); bezier(x+262,y+302,x+299,y+236,x+252,y+175,x+265,y+215); bezier(x+166,y+306,x+153,y+265,x+152,y+249,x+157,y+243); // rect(x+114,y+166,172,143,71); // quad(x+111, y+199, x+114, y+242, x+289, y+246, x+287, y+161); // bezier(x+113,y+253,x+96,y+216,x+121,y+113,x+120,y+170); // bezier(x+138,y+300,x+114,y+291,x+109,y+74,x+170,y+170); // bezier(x+123,y+284,x+108,y+269,x+107,y+75,x+170,y+170); // bezier(x+268,y+296,x+314,y+236,x+221,y+175,x+260,y+262); // bezier(x+283,y+274,x+310,y+214,x+244,y+113,x+277,y+149); } //just below chin, straight & choppy if(hairType === 7){ rect(x+119,y+139,166,143, 65); bezier(x+118,y+234,95,y+221,x+125,y+74,x+170,y+170); bezier(x+129,y+263,x+114,y+247,x+120,y+74,x+170,y+170); bezier(x+155,y+283,x+99,y+247,x+96,y+74,x+150,y+170); bezier(x+239,y+287,x+284,y+264,x+253,y+246,x+266,y+162); bezier(x+259,y+278,x+314,y+232,x+243,y+182,x+264,y+232); bezier(x+279,y+261,x+291,y+239,x+283,y+182,x+243,y+220); fill(hair3); bezier(x+147,y+282,x+114,y+247,x+137,y+74,x+136,y+170); bezier(x+167,y+283,x+139,y+247,x+147,y+128,x+166,y+260); bezier(x+266,y+274,x+281,y+239,x+283,y+182,x+259,y+220); fill(hair2); bezier(x+113,y+226,x+114,y+247,x+102,y+135,x+129,y+111); bezier(x+239,y+287,x+268,y+264,x+246,y+246,x+266,y+162); bezier(x+288,y+232,x+312,y+105,x+189,y+161,x+253,y+137); // rect(x+119,y+139,166,143, 65); // bezier(x+118,y+234,95,y+221,x+125,y+74,x+170,y+170); // bezier(x+129,y+263,x+114,y+247,x+120,y+74,x+170,y+170); // bezier(x+155,y+283,x+99,y+247,x+96,y+74,x+150,y+170); // bezier(x+239,y+287,x+284,y+264,x+253,y+246,x+266,y+162); // bezier(x+259,y+278,x+314,y+232,x+243,y+182,x+264,y+232); // bezier(x+288,y+232,x+312,y+105,x+189,y+161,x+253,y+137); // bezier(x+279,y+261,x+291,y+239,x+283,y+182,x+243,y+220); } //pixie if (hairType === 8){ fill(hair2); bezier(x+115,y+132,x+137,y+79,x+150,y+79,x+196,y+75); bezier(x+109,y+187,x+107,y+166,x+110,y+151,x+127,y+130); bezier(x+284,y+134,x+290,y+122,x+253,y+74,x+232,y+85); bezier(x+158,y+270,x+114,y+237,x+96,y+74,x+150,y+170); bezier(x+258,y+257,x+299,y+218,x+237,y+123,x+260,y+219); fill(hair3); bezier(x+241,y+270,x+278,y+264,x+253,y+-22,x+231,y+229); bezier(x+277,y+232,x+305,y+105,x+186,y+161,x+253,y+137); bezier(x+291,y+187,x+295,y+166,x+261,y+74,x+251,y+130); bezier(x+133,y+244,x+114,y+221,x+120,y+74,x+170,y+170); // bezier(x+241,y+270,x+278,y+264,x+253,y+-22,x+266,y+162); // bezier(x+258,y+257,x+299,y+218,x+237,y+123,x+260,y+219); // bezier(x+277,y+232,x+305,y+105,x+186,y+161,x+253,y+137); // bezier(x+291,y+187,x+295,y+166,x+261,y+74,x+251,y+130); // bezier(x+285,y+130,x+279,y+122,x+253,y+74,x+233,y+145); // bezier(x+158,y+270,x+114,y+237,x+96,y+74,x+150,y+170); // bezier(x+133,y+244,x+114,y+221,x+120,y+74,x+170,y+170); // bezier(x+109,y+187,x+107,y+166,x+110,y+151,x+127,y+130); // bezier(x+115,y+132,x+137,y+79,x+150,y+79,x+196,y+75); } //Ponytail if (hairType === 9){ fill(hair); strokeWeight(1); stroke(0, 0, 0,30); ellipse(x+200,y+65,40,25); bezier(x+275,y+422,x+350,y+277,x+275,y+239,x+196,y+102); bezier(x+271,y+286,x+178,y+247,x+294,y+54,x+196,y+53); bezier(x+307,y+349,x+185,y+261,x+302,y+298,x+261,y+227); bezier(x+148+133,y+303,x+175+133,y+228,x+121+133,y+310,x+147+133,y+177); noStroke(); ellipse(x+200,y+171,178,208); } //Highlighted ponytail if (hairType === 9.5){ fill(hair); strokeWeight(1); stroke(0, 0, 0,30); fill(hair3); ellipse(x+200,y+65,40,25); bezier(x+271,y+286,x+178,y+247,x+294,y+54,x+196,y+53); fill(hair); bezier(x+275,y+422,x+350,y+277,x+275,y+239,x+196,y+102); bezier(x+148+133,y+303,x+175+133,y+228,x+121+133,y+310,x+147+133,y+177); fill(hair3); bezier(x+256,y+313,x+250,y+227,x+214,y+215,x+235,y+254); bezier(x+267,y+301,x+250,y+227,x+214,y+215,x+261,y+243); bezier(x+274,y+284,x+293,y+243,x+265,y+215,x+256,y+227); fill(hair2); bezier(x+270,y+316,x+264,y+261,x+281,y+287,x+254,y+246); bezier(x+290,y+316,x+245,y+316,x+297,y+287,x+273,y+224); bezier(x+294,y+321,x+296,y+260,x+291,y+262,x+277,y+223); noStroke(); fill(hair); ellipse(x+200,y+171,178,208); } //1 Braid if (hairType === 10){ fill(hair); noStroke(); bezier(x+241,y+305,x+295,y+265,x+259,y+196,x+242,y+199); bezier(x+239,y+291,x+170,y+274,x+152,y+294,x+122,y+223); bezier(x+151,y+259,x+211,y+270,x+247,y+346,x+265,y+230); fill(hair3); bezier(x+239,y+291,x+150,y+289,x+155,y+247,x+122,y+223); bezier(x+151,y+259,x+211,y+270,x+247,y+346,x+250,y+230); } //Braids if(hairType === 11){ fill(hair); noStroke(); ellipse(x+200,y+181,174,229); fill(hair); noStroke(); bezier(x+211,y+296,x+308,y+297,x+259,y+196,x+283,y+199); bezier(x+185,y+296,x+92,y+295,x+141,y+196,x+116,y+199); }else{} / ears / fill(skin2); // If face is heart if (face === 1){ translate(x+124,y+204); rotate(-16); ellipse(0,0,15,42); resetMatrix(); translate(x+278,y+204); rotate(16); ellipse(0,0,15,42); resetMatrix(); } //if face is round if (face === 2){ translate(x+122,y+204); rotate(-12); ellipse(0,0,15,42); resetMatrix(); translate(x+280,y+204); rotate(12); ellipse(0,0,15,42); resetMatrix();} //if face is rectangular if (face === 3){ translate(x+123,y+202); rotate(-10); ellipse(0,0,15,42); resetMatrix(); translate(x+282,y+202); rotate(10); ellipse(0,0,15,42); resetMatrix();} //if face is oval if (face === 4){ translate(x+124,y+204); rotate(-16); ellipse(0,0,15,42); resetMatrix(); translate(x+278,y+204); rotate(16); ellipse(0,0,15,42); resetMatrix();} / neck / fill(skin); rect(x+176,y+266,54,53); quad(x+176,y+295,x+132,y+316,x+272,y+316,x+230,y+295); fill(skin2); ellipse(x+202,y+265,47,35); / body / fill(skin); bezier(x+75, y+340, x+83, y+290, x+316, y+290, x+325, y+340); rect(x+114,y+334,172,69,66); quad(x+75,y+340,x+135,y+334,x+115,y+416,x+60,y+417); quad(x+325,y+337,x+266,y+339,x+286,y+417,x+345,y+417); / clothes stuff / // short sleeved shirt if (dressType === 3){ fill(clothes2); rect(x+132,y+334,139,28);} // puffed sleeve gown if (dressType === 4){ fill(clothes2); quad(x+138,y+350,x+209,y+359,x+194,y+348,x+132,y+336); quad(x+266,y+350,x+205,y+359,x+215,y+348,x+270,y+336); quad(x+277,y+310,x+267,y+308,x+260,y+339,x+270,y+339); quad(x+121,y+310,x+130,y+308,x+145,y+339,x+132,y+339); } //defult tank fill(clothes); quad(x+123,y+420,x+280,y+420,x+283,y+343,x+119,y+370); quad(x+123,y+420,x+280,y+420,x+283,y+370,x+119,y+343); quad(x+122,y+310,x+150,y+375,x+132,y+410,x+103,y+315); quad(x+276,y+310,x+259,y+375,x+275,y+410,x+295,y+315); fill(skin); / face / fill(skin); //heart if (face === 1){ ellipse(x+201, y+178, 159, 181); bezier(x+255,y+244,x+206,y+289,x+199,y+289,x+147,y+244);} //round if (face === 2){ fill(skin); bezier(x+262,y+238,x+214,y+291,x+192,y+292,x+140,y+238); // fill(255, 0, 0); ellipse(x+201, y+179, 163, 188);} //rectangular if (face === 3){ rect(x+125, y+99, 156, 171,124); bezier(x+263,y+244,x+211,y+291,x+194,y+291,x+142,y+244);} //oval if (face === 4){ ellipse(x+201, y+178, 159, 189); bezier(x+258,y+244,x+212,y+289,x+192,y+289,x+147,y+244);} / freckles / if (freckles === true){ stroke(fcolor); strokeWeight(3); point(x+181,y+222); point(x+161,y+244); point(x+168,y+231); point(x+163,y+216); point(x+154,y+229); point(x+150,y+210); point(x+234,y+229); point(x+257,y+220); point(x+245,y+232); point(x+243,y+220); point(x+253,y+241); strokeWeight(1); noStroke(); } / cheeks / fill(cheeks); for(var q = 0; q<35; q++){ fill(cheeks); ellipse(x+243,y+228,q,q); ellipse(x+163,y+227,q,q);} / nose / fill(skin2); quad(x+205,y+193,x+205,y+218,x+192,y+222,x+198,y+213); quad(x+205,y+195,x+203,y+207,x+200,y+189,x+200,y+189); translate(x+201,y+222); rotate(-11); ellipse(0,0,7,4); resetMatrix(); translate(x+210,y+222); rotate(11); ellipse(0,0,7,4); resetMatrix(); / eyebrows / //Arched if (brow === 2){ stroke(browc); strokeWeight(2); noFill(); bezier(x+191,y+173,x+191,y+174,x+165,y+164,x+148,y+174); strokeWeight(1); fill(browc); bezier(x+185,y+171,x+202,y+172,x+159,y+168,x+152,y+172); bezier(x+192,y+171,x+201,y+184,x+161,y+169,x+166,y+171); strokeWeight(2); noFill(); bezier(x+219,y+173,x+236,y+174,x+247,y+164,x+261,y+174); strokeWeight(1); fill(browc); bezier(x+218,y+172,x+239,y+172,x+251,y+168,x+258,y+172); bezier(x+220,y+171,x+213,y+184,x+242,y+169,x+256,y+171); } //unibrow if (brow === 3){ stroke(browc); strokeWeight(2); noFill(); bezier(x+208,y+173,x+191,y+174,x+165,y+164,x+148,y+174); strokeWeight(1); fill(browc); bezier(x+206,y+177,x+202,y+172,x+159,y+168,x+156,y+172); bezier(x+192,y+171,x+201,y+184,x+161,y+169,x+166,y+171); strokeWeight(2); noFill(); bezier(x+203,y+172,x+236,y+174,x+247,y+164,x+261,y+174); strokeWeight(1); fill(browc); bezier(x+203,y+175,x+239,y+172,x+251,y+168,x+258,y+172); bezier(x+214,y+171,x+216,y+184,x+246,y+169,x+256,y+171); } //shaped if (brow === 4){ stroke(browc); strokeWeight(2); noFill(); bezier(x+191,y+173,x+195,y+174,x+172,y+164,x+145,y+176); strokeWeight(2); fill(browc); bezier(x+161,y+171,x+198,y+175,x+191,y+168,x+152,y+174); bezier(x+187,y+173,x+201,y+175,x+162,y+170,x+160,y+172); strokeWeight(2); noFill(); bezier(x+219,y+174,x+211,y+176,x+241,y+164,x+260,y+176); strokeWeight(2); fill(browc); bezier(x+247,y+171,x+200,y+180,x+223,y+168,x+257,y+174); bezier(x+216,y+175,x+217,y+175,x+243,y+170,x+250,y+172); } //original if (brow === 1){ stroke(hair); strokeWeight(3); noFill(); bezier(x+190+3,y+178,x+175,y+168,x+159,y+171,x+145+3,y+179); bezier(x+221,y+178,x+238,y+168,x+257,y+171,x+267-3,y+179); // bezier(x+227,y+178,x+257,y+157,x+263,y+173,x+272,y+177); } strokeWeight(1); / eyes / noStroke(); fill(eyeliner); stroke(eyeliner); if (slanted === true){ if (lashes===true){//eyes noStroke(); fill(eyeshadow);//"eyeshadow" bezier(x+149,y+191,x+145,y+177,x+193,y+174,x+189,y+197); bezier(x+263-3,y+194,x+272,y+176,x+225,y+172,x+226,y+197); fill(eyeliner); stroke(eyeliner); line(x+156+2,y+190,x+152+2,y+187);//left lashes line(x+156+2,y+195,x+150+2,y+192); line(x+155+2,y+192,x+150+2,y+189); line(x+160+-1,y+188,x+153+3,y+185); line(x+159+2,y+186,x+157+2,y+184); line(x+163+2,y+186,x+160+2,y+184); line(x+163+5,y+186,x+164+2,y+184); line(x+258-2,y+189,x+262-2,y+187);//right lashes line(x+257-2,y+195,x+264-2,y+192); line(x+258-2,y+192,x+264-2,y+189); line(x+160+93,y+188,x+153+105,y+185); line(x+159+93,y+186,x+157+98,y+184); line(x+163+89,y+186,x+160+91,y+184); line(x+163+84,y+186,x+164+86,y+184);} translate(x+167+2,y+195); rotate(6); ellipse(1,-1,30,17);//right liner fill(240, 240, 240); stroke(eyeliner); ellipse(4,0,30,18);//right whites resetMatrix(); translate(x+242-2,y+195); rotate(-7); fill(eyeliner); ellipse(4,-1,30,17);//left liner fill(240, 240, 240); ellipse(1,0,30,18);//left whites resetMatrix(); } if(slanted === false){ if (lashes===true){//eyes noStroke(); fill(eyeshadow);//"eyeshadow" bezier(x+152,y+194,x+143,y+176,x+194,y+171,x+188,y+197); bezier(x+263-3,y+194,x+272,y+176,x+225,y+172,x+226,y+197); fill(eyeliner); stroke(eyeliner); line(x+156+2,y+190,x+152+2,y+187);//left lashes line(x+156+2,y+195,x+150+2,y+192); line(x+155+2,y+192,x+150+2,y+189); line(x+160+-1,y+188,x+153+3,y+185); line(x+159+2,y+186,x+157+2,y+184); line(x+163+2,y+186,x+160+2,y+184); line(x+163+5,y+186,x+164+2,y+184); line(x+258-2,y+189,x+262-2,y+187);//right lashes line(x+257-2,y+195,x+264-2,y+192); line(x+258-2,y+192,x+264-2,y+189); line(x+160+93,y+188,x+153+105,y+185); line(x+159+93,y+186,x+157+98,y+184); line(x+163+89,y+186,x+160+91,y+184); line(x+163+84,y+186,x+164+86,y+184);} stroke(eyeliner); fill(eyeliner); ellipse(x+169+2,y+194,30,17);//right liner ellipse(x+245-2,y+194,30,17);//left liner fill(240, 240, 240); ellipse(x+172+2,y+195,30,18);//right whites ellipse(x+242-2,y+195,30,18);/left whites/} stroke(0, 0, 0, 70); fill(eyes); ellipse(x+242-2,y+194,17,15); ellipse(x+171+2,y+194,17,15); fill(0, 0, 0);//pupils ellipse(x+242-2,y+193,9,9); ellipse(x+171+2,y+193,9,9); stroke(150, 150, 150); fill(150, 150, 150); strokeWeight(3); point(x+170+2,y+191); point(x+240-2,y+191); noStroke(); / glasses / if (glasses === true){ stroke(frames); fill(lens); if (thick === true){strokeWeight(3);} else{strokeWeight(1.5);} line(x+148,y+192,x+121,y+185); line(x+266,y+193,x+282,y+185); line(x+214,y+193,x+198,y+193); if (ftype === 1){ ellipse(x+172,y+197,50,34); ellipse(x+241,y+197,50,34);} if (ftype === 2){ rect(x+146,y+182,51,27,127); rect(x+215,y+182,51,27,127);} if (ftype === 3){ translate(x+149,y+178); rotate(8); rect(0,0,51,35,150); resetMatrix(); translate(x+211,y+185); rotate(-8); rect(0,0,51,35,150); resetMatrix(); strokeWeight(8); line(x+145,y+192,x+122,y+182); line(x+266,y+192,x+280,y+182); } noStroke(); strokeWeight(1); } / mouth / strokeCap(ROUND); fill(lips); //if lips are full if (lipsF === 3){ noStroke(); fill(lips); bezier(x+226,y+245,x+219,y+257,x+191,y+257,x+182,y+245); ellipse(x+195,y+245,24,12); ellipse(x+213,y+245,24,12); noStroke(); } //if lips are average if (lipsF === 2){ bezier(x+182,y+244,x+194,y+257,x+217,y+257,x+225,y+244); ellipse(x+195,y+243,20,6); ellipse(x+212,y+243,20,6); } //if lips are thin if (lipsF === 1){ bezier(x+183,y+244,x+194,y+255,x+217,y+254,x+225,y+244); ellipse(x+196,y+243,20,4); ellipse(x+213,y+243,18,4); }else{} strokeWeight(2); noStroke(); //neutral if (lipsType === 1){ stroke(lip2); noFill(); bezier(x+182,y+244,x+192,y+245,x+219,y+245,x+226,y+244); } //closed smile if (lipsType === 2){ bezier(x+181,y+244,x+194,y+255,x+217,y+254,x+227,y+244); stroke(lip2); strokeWeight(2); noFill(); bezier(x+181,y+243,x+192,y+247,x+219,y+247,x+227,y+243); noStroke(); } //crooked smile if(lipsType === 3){ //thanks, Kayla! fill(lips); if (lipsF === 3){bezier(x+182,y+244,x+194,y+255,x+233,y+247,x+227,y+242); } else{bezier(x+182,y+244,x+194,y+255,x+217,y+254,x+226,y+243);} stroke(lip2); noFill(); bezier(x+229,y+241,x+214,y+247,x+194,y+247,x+183,y+244); noStroke(); } //Open smile if(lipsType === 4){ if (lipsF === 1){ ellipse(x+193,y+243,23,6); ellipse(x+215,y+243,23,5); ellipse(x+204,y+249,33,11); } if (lipsF === 2){ ellipse(x+192,y+243,23,8); ellipse(x+214,y+243,25,8); bezier(x+226,y+241,x+222,y+261,x+188,y+263,x+181,y+242); } if (lipsF === 3){ ellipse(x+192,y+242,23,8); ellipse(x+214,y+241.5,25,8); bezier(x+226,y+241,x+228,y+261,x+185,y+263,x+181,y+242); }else{} noStroke(); fill(245, 224, 199); strokeCap(ROUND); strokeWeight(2); stroke(lips); bezier(x+225,y+242,x+219,y+255,x+191,y+255,x+183,y+243); noFill(); bezier(x+226,y+241,x+215,y+258,x+194,y+259,x+181,y+242); stroke(0, 0, 0,20); strokeWeight(1.5); line(x+204,y+250,x+204,y+242); line(x+211,y+249,x+211,y+243); line(x+217,y+248,x+217,y+244); line(x+196,y+249,x+196,y+243); bezier(x+218,y+243,x+219,y+244,x+190,y+245,x+187,y+243); strokeWeight(3); bezier(x+222,y+243,x+219,y+252,x+190,y+251,x+186,y+244); triangle(x+186, y+244,x+188,y+244,x+188,y+245); triangle(x+222, y+243,x+220,y+243,x+220,y+245); noStroke(); fill(lips); ellipse(x+192,y+242,21,2); ellipse(x+215,y+241,21,3); ellipse(x+204,y+242.6,11,2); if (braces === true){ strokeWeight(1); fill(bracesc); stroke(bracesc); rect(x+199,y+245,2,2); rect(x+204,y+245,2,2); rect(x+194,y+245,2,2); rect(x+210,y+245,2,2); rect(x+190,y+244,1,2); rect(x+215,y+244,1,2); stroke(122, 122, 122); noFill(); bezier(x+222,y+244,x+211,y+248,x+194,y+248,x+186,y+244); } } / if (lipsType === 1){ line(x+184,y+244,x+223,y+244); noStroke(); } if (lipsType === 2){ fill(lips); bezier(x+180,y+241,x+192,y+247,x+219,y+247,x+229,y+241); noStroke(); } if (lipsType === 3){ noFill(); bezier(x+183,y+245,x+190,y+243,x+214,y+243,x+225,y+245); noStroke(); } if(lipsType === 4){ noStroke(); fill(lips); ellipse(x+192,y+242,21,5); ellipse(x+215,y+241,21,5); ellipse(x+204,y+249,35,16); fill(245, 224, 199); strokeCap(ROUND); strokeWeight(2); stroke(lips); bezier(x+225,y+242,x+219,y+255,x+191,y+255,x+183,y+243); noFill(); bezier(x+226,y+241,x+215,y+258,x+194,y+259,x+181,y+242); stroke(0, 0, 0,20); strokeWeight(1.5); line(x+204,y+250,x+204,y+242); line(x+211,y+249,x+211,y+243); line(x+217,y+248,x+217,y+244); line(x+196,y+249,x+196,y+243); bezier(x+218,y+243,x+219,y+244,x+190,y+245,x+187,y+243); strokeWeight(3); bezier(x+222,y+243,x+219,y+252,x+190,y+251,x+186,y+244); triangle(x+186, y+244,x+188,y+244,x+188,y+245); triangle(x+222, y+243,x+220,y+243,x+220,y+245); noStroke(); fill(lips); ellipse(x+192,y+242,21,2); ellipse(x+215,y+241,21,3); ellipse(x+204,y+242,11,2); } if(lipsType === 5){ //thanks, Kayla! //mouth fill(lips); // bezier(x+222,y+244,x+209,y+247,x+188,y+247,x+179,y+239); bezier(x+229,y+239,x+212,y+248,x+197,y+246,x+186,y+243); noStroke(); } if(lipsType===6){//Thanks, Kayla! noStroke(); fill(lips); bezier(x+226,y+245,x+219,y+259,x+191,y+259,x+182,y+245); ellipse(x+195,y+245,21,10); ellipse(x+213,y+245,21,10); strokeCap(ROUND); stroke(lip2); strokeWeight(2); bezier(x+180,y+244,x+189,y+247,x+225,y+247,x+229,y+244); noStroke(); } / noStroke(); / clothes / fill(clothes); // tee shirt if (dressType === 1){ bezier(x+74, y+347, x+63, y+287, x+328, y+288, x+326, y+343); rect(x+114,y+334,172,69,66); quad(x+74,y+340,x+133,y+347,x+116,y+416,x+59,y+417); quad(x+326,y+337,x+267,y+344,x+285,y+417,x+346,y+417); fill(clothes); quad(x+123,y+420,x+280,y+420,x+283,y+343,x+119,y+370); quad(x+123,y+420,x+280,y+420,x+283,y+370,x+119,y+343); quad(x+122,y+311,x+150,y+375,x+132,y+410,x+103,y+316); quad(x+276,y+311,x+259,y+375,x+275,y+410,x+295,y+316); fill(clothes2); rect(x+138,y+304,130,31,150); fill(skin); rect(x+147,y+304,113,24,150); quad(x+176,y+300,x+152,y+306,x+257,y+310,x+228,y+299);} //Geisha if (dressType === 2){ fill(clothes2); quad(x+76,y+333,x+132,y+347,x+116,y+417,x+59,y+417); quad(x+326,y+337,x+269,y+347,x+286,y+419,x+346,y+417); quad(x+122,y+424,x+279,y+433,x+284,y+347,x+117,y+347); fill(clothes); translate(x+110,y+296); rotate(48); rect(0,0,176,60,76); resetMatrix(); translate(x+174,y+429); rotate(-48); rect(0,0,176,60,76); resetMatrix(); rect(x+117,y+334,163,28,10); rect(x+122,y+409,159,26);} //Short sleeve shirt if (dressType === 3){ fill(clothes); bezier(x+76, y+334, x+92, y+308, x+142, y+305, x+118, y+349); bezier(x+271, y+333, x+268, y+308, x+323, y+305, x+331, y+354); quad(x+76,y+333,x+132,y+349,x+118,y+412,x+61,y+403); quad(x+329,y+345,x+267,y+334,x+284,y+412,x+343,y+403);} //Puffed sleeve if (dressType === 4){ bezier(x+72, y+356, x+70, y+303, x+154, y+300, x+118, y+356); bezier(x+273, y+356, x+253, y+297, x+329, y+307, x+332, y+356); bezier(x+63, y+411, x+52, y+388, x+58, y+349, x+81, y+329); quad(x+73,y+355,x+129,y+356,x+117,y+414,x+62,y+410); bezier(x+344, y+411, x+356, y+388, x+350, y+349, x+319, y+329); quad(x+330,y+355,x+264,y+356,x+285,y+414,x+345,y+410);} // sleeveless if (dressType === 5){ ellipse(x+283,y+323,26,26); ellipse(x+279,y+342,26,26); ellipse(x+115,y+323,26,26); ellipse(x+123,y+341,26,26); stroke(255, 255, 255, 40); flake(x+5,y+68); flake(x+24,y+101); flake(x+42,y+76); flake(x+76,y+93); flake(x+111,y+109); flake(x+97,y+72); flake(x+133,y+72); flake(x+150,y+42); flake(x+-14,y+25);} // dress if (dressType === 6){ fill(clothes); quad(x+76.5,y+334,x+135,y+346,x+115,y+416,x+58,y+424); quad(x+324,y+333,x+266,y+347,x+286,y+417,x+345,y+417); bezier(x+76, y+335, x+94, y+307, x+134, y+304, x+125, y+346); bezier(x+324, y+334, x+312, y+314, x+269, y+300, x+276, y+346); fill(clothes); fill(skin); } / more back hair, shown in the front / //Braids if(hairType === 11){ noStroke(); fill(hair); braid(x+100,y-1); braid(x+5,y+0); } //1 braid if(hairType === 10){ sbraid(114,-23); } / Front hair / noStroke(); fill(hair); // side part if (hairType2 === 1){ noStroke(); bezier(x+114,y+211,x+180,y+200,x+191,y+93,x+166,y+87); bezier(x+114,y+213,x+124,y+169,x+107,y+91,x+170,y+88); bezier(x+284,y+214,x+305,y+79,x+143,y+27,x+173,y+120); fill(hair2); strokeWeight(5); bezier(x+286,y+210,x+260,y+165,x+208,y+115,x+183,y+109); bezier(x+277,y+167,x+260,y+117,x+185,y+84,x+183,y+87); bezier(x+119,y+206,x+139,y+150,x+127,y+157,x+181,y+102); bezier(x+119,y+155,x+131,y+131,x+137,y+102,x+177,y+98); // noStroke(); // bezier(x+114,y+211,x+180,y+200,x+191,y+93,x+166,y+87); // bezier(x+114,y+213,x+124,y+169,x+107,y+91,x+170,y+88); // bezier(x+284,y+214,x+305,y+79,x+143,y+27,x+173,y+120); } //Updo with side part if (hairType2 === 2){ ellipse(x+198,y+90,93,82); stroke(0, 0, 0,20); strokeWeight(6); ellipse(x+218,y+67,28,29); ellipse(x+196,y+54,27,12); ellipse(x+237,y+83,16,23); ellipse(x+163,y+87,28,28); ellipse(x+176,y+65,27,27); ellipse(x+215,y+84,26,26); ellipse(x+188,y+84,26,26); noStroke(); bezier(x+110,y+211,x+183,y+200,x+191,y+93,x+166,y+87); bezier(x+111,y+213,x+119,y+169,x+104,y+91,x+170,y+88); bezier(x+284,y+214,x+315,y+84,x+153,y+27,x+173,y+120); } //curly part if (hairType2 === 3){ noStroke(); bezier(x+104,y+183,x+224,y+122,x+230,y+52,x+153,y+94); bezier(x+107,y+183,x+108,y+126,x+145,y+98,x+157,y+91); bezier(x+251,y+97,x+149,y+48,x+213,y+161,x+294,y+177); bezier(x+241,y+96,x+250,y+96,x+274,y+101,x+294,y+177); ellipse(x+200,y+99,105,41); ellipse(x+258,y+149,36,40); ellipse(x+135,y+152,41,40); ellipse(x+232,y+130,38,39); ellipse(x+169,y+123,35,39); ellipse(x+211,y+109,38,39); ellipse(x+281,y+212,38,54); ellipse(x+281,y+212,38,54); ellipse(x+278,y+175,34,41); ellipse(x+276,y+262,50,58); ellipse(x+276,y+304,47,39); ellipse(x+277,y+334,38,34); ellipse(x+272,y+356,23,26); ellipse(x+276,y+375,18,22); ellipse(x+121,y+188,37,54); ellipse(x+121,y+231,37,48); ellipse(x+130,y+272,45,50); ellipse(x+140,y+301,39,32); ellipse(x+132,y+328,34,37); ellipse(x+127,y+350,20,23); ellipse(x+118,y+361,14,16); } // center part if (hairType2 === 4){ noStroke(); bezier(x+118,y+185,x+256,y+130,x+230,y+52,x+150,y+88); bezier(x+120,y+185,x+121,y+130,x+103,y+123,x+153,y+88); bezier(x+252,y+87,x+140,y+55,x+195,y+161,x+288,y+185); bezier(x+247,y+87,x+287,y+108,x+274,y+139,x+287,y+185); } //pulled back if (hairType2 === 5){ strokeWeight(4); fill(hair); bezier(x+112,y+165,x+256,y+97,x+230,y+107,x+150,y+89); bezier(x+253,y+87,x+140,y+55,x+195,y+139,x+285,y+151); rect(x+148,y+84,106,32,50); translate(x+124,y+151); rotate(12); rect(-2,-3,13,37,50); rotate(56); rect(48,-144,41,15,50); resetMatrix(); fill(hair); stroke(0, 0, 0,30); bezier(x+222,y+70,x+179,y+46,x+164,y+94,x+205,y+123); bezier(x+256,y+92,x+238,y+55,x+195,y+103,x+206,y+123); bezier(x+200,y+120,x+172,y+91,x+95,y+167,x+155,y+83); bezier(x+282,y+135,x+236,y+109,x+284,y+92,x+204,y+122); bezier(x+282,y+152,x+252,y+150,x+263,y+147,x+204,y+117); bezier(x+121,y+150,x+120,y+124,x+159,y+120,x+204,y+120); bezier(x+114,y+163,x+128,y+172,x+149,y+138,x+178,y+123);} //thick fringe if (hairType2 === 6){ noStroke(); ellipse(x+198,y+114,118,75); rect(x+120,y+125,8,63,4); rect(x+144,y+94,56.4,76,6); rect(x+201,y+93,18,76); rect(x+125,y+110,20,67,18); rect(x+219,y+94,35.5,76,6); rect(x+255,y+100,10,71); rect(x+261,y+111,13,66,18); rect(x+272,y+129,10,56,4); } // wispy fringe if (hairType2 === 7){ noStroke(); fill(hair); bezier(x+241,y+96,x+266,y+106,x+293,y+158,x+276,y+195); bezier(x+247,y+94,x+205,y+108,x+265,y+187,x+264,y+169); bezier(x+226,y+91,x+270,y+63,x+239,y+169,x+230,y+169); bezier(x+203,y+173,x+202,y+182,x+262,y+115,x+224,y+81); bezier(x+183,y+173,x+179,y+193,x+255,y+86,x+212,y+77); bezier(x+172,y+176,x+163,y+161,x+157,y+55,x+228,y+79); bezier(x+156,y+94,x+229,y+46,x+168,y+160,x+155,y+177); bezier(x+144,y+105,x+174,y+67,x+181,y+138,x+132,y+186); bezier(x+117,y+194,x+131,y+206,x+182,y+50,x+126,y+126); fill(hair2); bezier(x+237,y+83,x+273,y+96,x+225,y+169,x+232,y+169); bezier(x+172,y+172,x+163,y+122,x+200,y+107,x+214,y+92); bezier(x+173,y+119,x+165,y+129,x+149,y+160,x+156,y+179); bezier(x+117,y+195,x+133,y+152,x+115,y+114,x+148,y+111); fill(hair3); bezier(x+183,y+178,x+187,y+169,x+217,y+139,x+216,y+104); bezier(x+116,y+198,x+162,y+152,x+139,y+145,x+159,y+111); bezier(x+162,y+105,x+141,y+139,x+139,y+138,x+132,y+186); // noStroke(); // fill(hair); // ellipse(x+199,y+108,130,51); // bezier(x+269,y+109,x+209,y+106,x+280,y+158,x+289,y+189); // bezier(x+226,y+91,x+233,y+63,x+257,y+169,x+241,y+169); // bezier(x+237,y+91,x+231,y+108,x+265,y+187,x+272,y+169); // bezier(x+183,y+173,x+179,y+193,x+246,y+96,x+212,y+104); // bezier(x+198,y+173,x+203,y+182,x+243,y+124,x+228,y+104); // bezier(x+114,y+184,x+131,y+159,x+182,y+82,x+130,y+115); // bezier(x+171,y+172,x+163,y+161,x+174,y+100,x+200,y+125); // bezier(x+159,y+91,x+166,y+63,x+181,y+138,x+131,y+176); // bezier(x+174,y+91,x+194,y+117,x+168,y+160,x+148,y+170); } }; /* Bubbles by Timothy Smith var drawBubble = function() {}; var bubbles = { frequency: 1, // Number of frames between bubbles forming count: 1, // Number of bubbles formed each time smallest: 10, // Smallest possible bubble largest: 30, // Largest possible bubble speed: 1.5, // Speed of rising bubbles a: [], // Array that holds bubbles timer: 0, // Timer to keep track of when the last bubble formed // Adds a bubble. Each bubble has a: // x: x-value. // y: y-value. // s: size // wobble: variable that causes the bubble to drift back and forth add: function() { var bubble = {x: random(0, 400), y: 420, s: random(this.smallest, this.largest), wobble: random(0, 360)}; this.a[this.a.length] = bubble; }, // Cycles through all the bubbles; also changes the timer cycle: function() { for (var i = 0; i < this.a.length; i++) { // Draw the bubble drawBubble(this.a[i].x + sin(this.a[i].wobble) * this.a[i].s, this.a[i].y, this.a[i].s); // Move the bubble upwards this.a[i].y -= this.speed * (this.a[i].s/10); // Make the bubble wobble in a sine wave this.a[i].wobble += 3; this.a[i].wobble %= 360; // Remove bubbles that have gone out the top of the screen if (this.a[i].y < -10) { this.a.splice(i, 1); }} // Edit the bubble timer this.timer++; if (this.timer > this.frequency) { this.timer = 0; for (i = 0; i < this.count; i++) { this.add(); }}}}; var drawBubble = function(x, y, d) { noFill(); strokeWeight(1); for (var i = 0; i < d; i++) { stroke(228, 235, 234, 35 - cos(90/(d) * i)50); ellipse(x, y, i, i); } stroke(207, 242, 255, 130); strokeWeight(d 0.11); var px = cos(60) * (0.5 * d/2); var py = sin(-60) * (0.5 * d/2); point(px + x, py + y); stroke(209, 255, 242, 80); point(x - px, y - py); };/ //under the sea var x2 = 300; var t1; var s1; var b1; var mov = 0; //Sand var stars = []; var sSize = 7.8;// size of stars var starNum = 400; //number of stars var sColor = color(219, 214, 164);// color of stars for (var star = 0; star < starNum; star++) { var starX = random(1,400); var starY = random(295,400); stars[star] = [starX, starY]; } var sBackground = function(){ strokeWeight(sSize); stroke(sColor); for (var star = 0; star < stars.length; star += 1) { var starX = stars[star][0]; var starY = stars[star][1]; point(starX,starY); } }; //Bubbles, by Timothy Smith var drawBubble = function() {}; var bubbles = { frequency: 10, // Number of frames between bubbles forming count: 1, // Number of bubbles formed each time smallest: 5, // Smallest possible bubble largest: 15, // Largest possible bubble speed: 0.5, // Speed of rising bubbles a: [], // Array that holds bubbles timer: 0, // Timer to keep track of when the last bubble formed // Adds a bubble. Each bubble has a: // x: x-value. // y: y-value. // s: size // wobble: variable that causes the bubble to drift back and forth add: function() { var bubble = {x: random(0, 400), y: 300, s: random(this.smallest, this.largest), wobble: random(0, 360)}; this.a[this.a.length] = bubble; }, // Cycles through all the bubbles; also changes the timer cycle: function() { for (var i = 0; i < this.a.length; i++) { // Draw the bubble drawBubble(this.a[i].x + sin(this.a[i].wobble) this.a[i].s, this.a[i].y, this.a[i].s); // Move the bubble upwards this.a[i].y -= this.speed * (this.a[i].s/10); // Make the bubble wobble in a sine wave this.a[i].wobble += 3; this.a[i].wobble %= 360; // Remove bubbles that have gone out the top of the screen if (this.a[i].y < -10) { this.a.splice(i, 1); } } // Edit the bubble timer this.timer++; if (this.timer > this.frequency) { this.timer = 0; for (i = 0; i < this.count; i++) { this.add(); } } } }; var drawBubble = function(x, y, d) { noFill(); strokeWeight(0.5); for (var i = 0; i < d; i++) { stroke(203, 196, 255, 50 - cos(90/(d) * i)100); ellipse(x, y, i, i); } stroke(255, 255, 255, 100); strokeWeight(d 0.11); var px = cos(60) * (0.5 * d/2); var py = sin(-60) * (0.5 * d/2); point(px + x, py + y); stroke(255, 255, 255, 60); point(x - px, y - py); }; /* SMOKE BY ANASTASIA O'SULLIVAN / var a = 0; var b = 400; var a2 = -10; var b2 = 390; /* var smoke = createGraphics(400, 400, "JAVA2D"); smoke.beginDraw(); smoke.background(0, 0, 0, 0); smoke.fill(122, 122, 122, 16); smoke.noStroke(); for (var i = 0; i < 4000; i++) { var x = random(0,400); var y = random(0,400); var xSize = 16; var ySize = 30; smoke.ellipse(x, y, xSize, ySize); if (y > 370){ smoke.ellipse(x, y-400, xSize, ySize); } if (y < 30){ smoke.ellipse(x, y+400, xSize, ySize); } } smoke.endDraw(); var smokepaper = function(){ image(smoke, 0, a); image(smoke, 0, b); a -= 1; b -= 1; if(a === -400){ a = 400; } if(b === -400){ b = 400; } }; var flame = function(){ var startColor = color(0, 0, 0); var endColor = color(120, 14, 0); strokeWeight(5); for (var i = 0; i <= height; i += 5){ stroke(lerpColor(startColor, endColor, i/height)); line(0, i, height, i);} }; */ / RAIN BY TIMOTHY SMITH / var drawRain = function() {}; var l_bolt = function(x, y) { this.live = true; this.im = createGraphics(400, 400, JAVA2D); this.im.background(0, 0, 0, 0); this.end = {x:arguments[0], y:arguments[1]}; this.m = function() { var xxx, yyy; this.im.beginDraw(); // Draw if (this.live === true) { // Add line segments this.im.stroke(255, 255, 255); this.im.strokeWeight(3); for (var p = 0; p < 30; p++) { xxx = this.end.x + round(random(-2, 2)) 3; yyy = this.end.y + round(random(-1, 3)) * 4; this.im.line(this.end.x, this.end.y, xxx, yyy); this.end = {x: xxx, y: yyy}; } if (yyy > 410) { this.live = 255; } } else { this.live -= 30; if (this.live > 0) { tint(255, 255, 255, this.live); } else { tint(0, 0, 0, 0); } } this.im.endDraw(); image(this.im, 0, 0); noTint(); }; }; var bolts = { all: [], add: function() {this.all.push(new l_bolt(random(5, 395), 0));}, m: function() { for (var loop = 0; loop < this.all.length; loop++) { this.all[loop].m(); if (this.all[loop].live < 0) { this.all.splice(loop, 1); loop--; } } } }; var bc = 0; var drawRain = function() { var q = round(random(0, 100)); if (q === 1) { bc = random(100, 255); bolts.add(); } background(bc * 0.7 + 80, bc * 0.7 + 80, bc + 90); bolts.m(); bc = bc * 0.9; fill(bc * 0.2 + 10, bc * 0.5 + 50, bc * 0.2 + 10); noStroke(); ellipse(200, 370, 1000, 60); rect(0, 360, 400, 100); fill(bc * 0.3 + 50, bc * 0.3 + 50, bc * 0.4 + 60, 80); for (var x = -50; x < 450; x += 5) { var s = noise((x - frameCount/2 % 5) / 20 + frameCount/40, 0, frameCount/200) * 200; ellipse(x - frameCount/2 % 5, 15, 30 + s/2, s); } stroke(255, 255, 255, 25); var x, y, sl; for (var i = 0; i < 500; i++) { x = random(0, 400); y = random(0, 400); sl = random(5, 20); strokeWeight(sl/10); line(x, y, x - sl/5, y + sl); } }; /* Background function / var drawbackground = function(){ //background stuff //Hills if (backgroundType === 1){ ground(-1,11); } //Plains if(backgroundType === 2){ background(bColor); fill(89, 122, 51); rect(0, 259, 400, 150); } //snow/mountains if(backgroundType === 3){ var f,i; noStroke(); // the sky background(bColor); if(mountains === false){ // ground fill(229, 251, 255); rect(0, 259, 400, 150);} if(mountains===true){ noStroke(); //ground fill(229, 251, 255); triangle(401,261,400,0,196,267); rect(0, 259, 400, 150); //mountian, left // fill(199, 222, 232); fill(218, 241, 245); quad(225,259,64,263,19,30,35,9); quad(265,248,106,261,87,96,114,85); // fill(92, 109, 135); fill(182, 208, 219); quad(66,262,0,255,-4,87,19,29); triangle(95,92,116,155,100,91); //mountian, right fill(200, 228, 240); bezier(424,44,323,156,304,220,401,235); triangle(354,115,393,98,385,133); triangle(331,160,363,131,356,163); fill(215, 238, 242); triangle(369,87,410,68,397,87); quad(36,264,-31,262,-5,109,0,184); triangle(398,115,399,98,373,119); triangle(390,168,390,184,350,182); rect(375, 111, 41, 13,29);} //draw back flakes stroke(255, 255, 255); for(i=0;i<FLAKES;i+=2){ f = snow[i]; f.x = (f.x + WIND)%400; f.y = (f.y + f.Vy)%329; strokeWeight(f.size); point(f.x,f.y); }} //solid color if (backgroundType === 4){ background(bColor);} //Bubbles // if (backgroundType === 5){ // background(bColor); // bubbles.cycle(); } //Smoke if (backgroundType === 6){ // if (glow === true){ // flame(); // } // if (glow === false){ // background(bColor); // } // smokepaper(); background(bColor); } //Rain if (backgroundType === 7){ drawRain();} }; / Draw function / var draw = function(){ drawbackground(); if (backgroundType === 5){ //background water fill(3, 61, 92, 150); noStroke(); rect(0,0,400,400); bubbles.cycle(); //back seaweed - the dark green stuff stroke(33, 128, 58); strokeWeight(4); noFill(); bezier(211,291,182+(5sin(0.5mov-50)),225,231+(6sin(0.5mov-50)),176,173+(7sin(0.5mov-50)),46); bezier(170,291,137+(5sin(0.5mov+30)),173,185+(6sin(0.5mov+30)),135,144+(7sin(0.5mov+30)),53); bezier(126,293,118+(5sin(0.5mov)),268,151+(6sin(0.5mov)),154,103+(7sin(0.5mov)),33); bezier(99,293,107+(5sin(0.5mov-20)),179,89+(6sin(0.5mov-20)),228,71+(7sin(0.5mov-20)),34); bezier(74,291,53+(5sin(0.5mov+50)),224,84+(6sin(0.5mov+50)),176,33+(7sin(0.5mov+50)),45); //More back sea plants - the coral colored ones strokeWeight(8); stroke(184, 84, 77); bezier(310,291,292+(3sin(mov)),269,327+(2sin(mov3)),251,302+(2sin(mov3)),216); bezier(322,291,315+(3sin(mov)),269,325+(2sin(mov3)),240,326+(2sin(mov3)),214); bezier(345,291,351+(3cos(mov)),269,339+(2cos(mov3)),251,352+(2cos(mov3)),215); stroke(199, 104, 98); bezier(327,291,323+(3sin(mov)),269,337+(2sin(mov3)),240,329+(2sin(mov3)),221); bezier(318,291,328+(3cos(mov)),269,311+(2cos(mov3)),240,320+(2cos(mov3)),214); stroke(212, 124, 97); bezier(314,291,298+(3sin(mov)),269,335+(2sin(mov3)),251,312+(2sin(mov3)),213); bezier(335,291,343+(3cos(mov)),269,330+(2cos(mov3)),251,340+(2cos(mov3)),217); strokeWeight(1); noStroke(); //sand fill(199, 188, 159); rect(0,291,400,200); sBackground(); //fish //tail wavng noStroke(); t1 = x2-5sin(6x2); //swimming pattern - y pos s1 = 5sin(2x2); //body waving b1 = 3sin(6x2+20); //fish fill(217, 108, 130); ellipse(x2-0.5b1, 190+s1-150, 34-b1,26); ellipse(x2-0.5b1-10, 193+s1-150, 19-b1,15); triangle(x2-0.5b1+4, 190+s1-150, t1+32, 202+s1-150, t1+33, 180+s1-150); //front seaweed - the lighter green stuff stroke(45, 161, 72); strokeWeight(5); noFill(); bezier(186,298,166+(8sin(0.8mov-30)),164,194+(9sin(0.8mov-30)),166,157+(10sin(0.8mov-30)),34); bezier(143,301,155+(8sin(0.8mov+50)),224,148+(9sin(0.8mov+50)),176,135+(10sin(0.8mov+50)),36); bezier(119,305,108+(8sin(0.8mov-20)),224,135+(9sin(0.8mov-20)),176,102+(10sin(0.8mov-20)),31); bezier(89,296,70+(8sin(0.8mov)),224,97+(9sin(0.8mov)),176,61+(10sin(0.8mov)),27); bezier(60,303,44+(8sin(0.8mov+30)),218,76+(9sin(0.8mov+30)),145,30+(10sin(0.8mov+30)),33); strokeWeight(1); noStroke(); //Let's move those fish! And the seaweed! x2 -= 1.1; mov+= 3.14159/6; //So that the fish don't abandon us... if(x2 < -50){ x2 = 450; } } girl(1,-16); /if (backgroundType === 6){ fill(255, 255, 255, 100); rect(0,0,400,400); fill(255, 255, 255, 200); stroke(255, 255, 255); rect(72,129,250,150,30); textAlign(CENTER,CENTER); fill(255, 0, 0); textSize(21); text("Sorry, this background is currently disfunctional.\nPlease try a different background", 77, 126, 250, 150);}/ }; / Credits, again / // All credit for the bubble background goes to Timothy // Smith! https://www.khanacademy.org/cs/bubbles/1460236848 // All credit for the snow backgound goes to Chis Hohmann. // https://www.khanacademy.org/cs/snowman-with-falling-snow/1017930778 // Kayla Haney provided many ideas and contributed a few options. Thanks, Kayla! Check out her dozens of Princesses: www.khanacademy.org/profile/haneyk/programs / Made using Design-a-Girl™, by Anastasia O'Sullivan. https://www.khanacademy.org/cs/design-a-girl/5448853897609216 */
Folds	162,164,169,171,175,181,182,188,189,195,196,202,203,209,210,216,217,223,229,233,236,266,327,331,334,347,359,361,362,364,367,373,376,385,388,396,399,401,404,406,409,431,434,458,461,482,485,496,499,520,536,544,551,560,563,571,574,582,585,593,612,614,617,623,638,640,643,647,650,652,655,657,660,675,679,682,699,715,717,733,735,751,753,760,769,805,807,835,852,882,889,896,899,903,906,910,916,920,923,930,933,941,944,998,1000,1064,1073,1087,1090,1105,1108,1113,1116,1122,1125,1139,1142,1150,1155,1160,1163,1165,1173,1189,1192,1208,1211,1237,1240,1247,1250,1270,1273,1283,1286,1320,1328,1364,1366,1381,1397,1401,1403,1411,1416,1465,1467,1482,1498,1510,1513,1524,1525,1532,1538,1574,1577,1586,1590,1619,1624,1708,1715,1786,1788,1797
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMCU4uDxCgw
Votes	186
Spin-Offs	297
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"5448853897609216","title":"Old version of Design-A-Girl™","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Anastasia O'Sullivan
Author Name	LoveDairyGoats
Author ID	kaid_161486398611299187657957
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739453821191
Updated	10 months ago, 1739453826983
Source Deleted	unknown