Viewing Program

Program Data

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

Title	Character Creator
ID	5536088085364736
Created	9 years ago, 1454282747908
Updated	4 years ago, 1620698179133
Code	/ CHARACTER CREATOR 2 by kiwi sub to me here: https://www.khanacademy.org/computer-programming/subscribe-to-kiwi/5869844439187456 You may remember the last one I made from 2016 if you're a bit of a khan veteran. This one is massively improved, with all hairstyles and facial hair redone, unlimited colour picking made available and many other improvements. - Female face has structural changes to male's - Save and load characters in the misc tab - Age your character up in the misc tab - Pick any RGB colour for hair, skin or eyes with the new colour picker Many thanks to Sequel Maker, whose colour picker program I adapted for this one -> https://www.khanacademy.org/computer-programming/color-picker-even-more-accurate/6233153027047424 / // Copy your load string in here and press Load in the misc menu to load up your character. Spin off with your loaded character to show them off! var loadString = ""; // And here's a few I prepared earlier! / daenerys targaryen 1#eedace#b61ddd\|1.07\|-5.0\|1.00\|1.00\|3\|1.01\|1.00\|#eeeeee#eeeeee\|1\|-1\|195\|0 obi wan kenobi 0#d6a87e#388824\|1.00\|-5.0\|1.00\|1.00\|3\|1.00\|1.00\|#443024#443024\|6\|b\|80\|32 geralt 0#ddcab0#dddd49\|1.00\|-5.0\|1.00\|1.00\|3\|1.00\|1.00\|#dddddd#dddddd\|2\|b\|66\|26 katniss 1#eed3ae#5aaa8a\|1.05\|-1.8\|1.01\|1.00\|3\|1.00\|1.00\|#3b2e1b#3b2e1b\|2\|-1\|125\|0 / var gender = "male"; var skinTones = [ color(240, 226, 189), // very pale color(230, 216, 172), // pale color(232, 207, 167), // caucasian color(224, 194, 155), // darker cauc color(232, 177, 105), // bronzed color(189, 135, 59), // tanned color(237, 187, 99), // orangey color(201, 159, 62), // too much spray tan color(158, 125, 76), // light brown color(125, 93, 46), // mid brown color(89, 67, 37), // dark brown color(74, 55, 28), // very dark brown color(82, 46, 9) // pretty much black ]; var skinColour = color(214, 168, 126); var eyeColours = [ color(204, 169, 98), // hazel color(128, 100, 45), // light brown color(77, 54, 12), // dark brown color(31, 21, 4), // black color(35, 130, 14), // green color(18, 99, 0), // dark green color(130, 190, 255), // pale blue color(84, 141, 201), // blue color(32, 95, 158) // dark blue ]; var eyeColour = color(138, 165, 252); var eyeSize = 1; var eyebrowRotation = -5; var eyeSpread = 1; var earSize = 1; var earHeight = 3; var noseLength = 1; var noseWidth = 1; var youngHairColour = color(59, 46, 27); var youngStrokeColour = color(red(youngHairColour)-20,green(youngHairColour)-20,blue(youngHairColour)-20); var hairColour = color(59, 46, 27); var strokeColour = color(red(hairColour)-20,green(hairColour)-20,blue(hairColour)-20); var hairForm = "Long"; var fHairForm = "Full Face"; var mStyles = [ "Clean cut", "Rugged", "Man Bun", "Afro", "Curly", "Bald", "Side Swept", "Low Shaved", "Spiky", "Bowl Cut", "Long", "Divided", ]; var fStyles = [ "Beehive", "Flowing", "Braid", "Pixie", "Pig Tails", "Long Straight", "Short Cropped", "Bangs", "Leia", "Afro", "Asymmetric", "Shaved", ]; var fHair = [ "Clean Shave", "Pencil", "Gentleman", "Beard", "Chin Beard", "Handle Bar", "Shadow", "Imperial 'Stache", "Lumberjack", "Field Marshall", "Thick 'Stache", "Full Face", ]; var cheekLines = 125; var age = 0; var mouseInRect = function(x,y,width,height){ if(mouseX > x && mouseX < x + width & mouseY > y && mouseY < y + height){ return true; } return false; }; var Slider = function(x,y,length,value,max){ this.x = x; this.y = y; this.pos = this.x+1; this.value = value; this.sliding = false; this.length = length; this.draw = function() { strokeWeight(2); stroke(207, 207, 207); line(this.x,this.y,this.x+this.length,this.y); fill(255, 255, 255); rectMode(CENTER); rect(this.pos,this.y,15,20,3); line(this.pos,this.y-10,this.pos,this.y+10); rectMode(CORNER); }; this.slide = function(){ if(mouseIsPressed && mouseInRect(this.pos1.5-15,this.y1.5-15,33,30)){ this.sliding = true; } if(this.sliding){ this.pos = mouseX0.66; this.pos = constrain(this.pos,this.x,this.x+this.length); this.value = (this.pos-this.x)/(this.length)max; } if(!mouseIsPressed){ this.sliding = false; } }; }; var earSizeSlider = new Slider(265,380,100,earSize,1.4); var earHeightSlider = new Slider(65,380,100,earHeight,6); var cheekboneSlider = new Slider(65,380,300,cheekLines,200); var noseWidthSlider = new Slider(65,380,100,noseWidth,0.02); var noseLengthSlider = new Slider(265,380,100,noseLength,0.02); var eyeSpreadSlider = new Slider(52,380,70,eyeSpread,0.02); var eyeSizeSlider = new Slider(175,380,70,eyeSize,0.2); var eyebrowRotationSlider = new Slider(320,380,70,eyebrowRotation,20); var ageSlider = new Slider(65,380,300,age,100); var xFont = createFont("arial black",12); var menuFont = createFont("trebuchet ms",9); var primaryCols = [ color(255, 0, 0), color(255, 0, 255), color(0, 0, 255), color(0, 255, 255), color(0, 255, 0), color(255, 255, 0), color(255, 0, 0) ]; var colourPicker = function(x,y){ this.from1 = color(255, 255, 255); this.to1 = color(0, 0, 0); this.to2 = color(255, 162, 0); this.x=x; this.y=y; this.res=10; this.wid= 150; this.hei= 150; this.picking = ""; this.draw = function() { noStroke(); fill(0, 0, 0); rect(this.x+162,this.y-20,20,20); rect(this.x-2,this.y-2,184,155); for (var c = 0; c < 150; c+=this.res){ for (var i = 0; i < 150; i+=this.res){ var xv =this.mouseColor(i,c); fill(xv); rect(this.x+i-i%this.res, this.y+c-c%this.res,this.res, this.res); } } noStroke(); for(var e = 0; e < primaryCols.length-1; e ++){ for(var i = 0; i < 10; i ++){ var col = lerpColor(primaryCols[e],primaryCols[e+1],i/10); fill(col); rect(this.x+152,this.y+i2.5+e25,28,2.5); } } fill(255, 255, 255); textFont(xFont); text("X",this.x+172,this.y-10); if(mouseIsPressed && mouseInRect(this.x+152,this.y-30,30,30)){ this.picking = ""; } }; this.mouseColor = function(X,Y) { return lerpColor(lerpColor(this.from1, this.to2, X/(this.wid)),this.to1, Y/(this.hei)); }; this.inBounds = function(mx,my){ var bool = false; if (mx>this.x&&mx<this.x+this.wid&&my>this.y&&my<this.y+this.hei){bool=true;} return bool; }; this.inPrimaryPicker = function(mx,my){ var bool = false; if (mx>this.x+this.wid&&mx<this.x+this.wid+30&&my>this.y&&my<this.y+this.hei){bool=true;} return bool; }; }; var picker = new colourPicker(410,440); var settings = [ "Gender", "Skin", "Hair", "Face", "Misc.", ]; var openMenu = "none"; var secMenu = "none"; // save/load // from here : https://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb function componentToHex(c) { var hex = c.toString(16); return hex.length === 1 ? "0" + hex : hex; } function rgbToHex(r, g, b) { return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b); } function hexToRgb(hex) { var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); return result ? { r: parseInt(result[1], 16), g: parseInt(result[2], 16), b: parseInt(result[3], 16) } : null; } function saveCharacter(){ var saveString = ""; saveString += gender === "female" ? 1 : 0; saveString += rgbToHex(red(skinColour),green(skinColour),blue(skinColour)); saveString += rgbToHex(red(eyeColour),green(eyeColour),blue(eyeColour)); saveString += "\|"; saveString += eyeSize.toFixed(2); saveString += "\|"; saveString +=eyebrowRotation.toFixed(1); saveString += "\|"; saveString +=eyeSpread.toFixed(2); saveString += "\|"; saveString +=earSize.toFixed(2); saveString += "\|"; saveString += round(earHeight); saveString += "\|"; saveString +=noseLength.toFixed(2); saveString += "\|"; saveString +=noseWidth.toFixed(2); saveString += "\|"; saveString += rgbToHex(red(youngHairColour),green(youngHairColour),blue(youngHairColour)); saveString += rgbToHex(red(hairColour),green(hairColour),blue(hairColour)); saveString += "\|"; saveString += gender === "female" ? fStyles.indexOf(hairForm).toString(16) : mStyles.indexOf(hairForm).toString(16); saveString += "\|"; saveString += fHair.indexOf(fHairForm).toString(16); saveString += "\|"; saveString += round(cheekLines); saveString += "\|"; saveString += round(age); println(saveString); } function loadCharacter(){ gender = loadString.substr(0,1) === "1" ? "female" : "male"; var skinCol = hexToRgb(loadString.substr(1,7)); skinColour = color(skinCol.r, skinCol.g, skinCol.b); var eyeCol = hexToRgb(loadString.substr(8,7)); eyeColour = color(eyeCol.r, eyeCol.g, eyeCol.b); var smalls = loadString.substr(15); smalls = smalls.split("\|"); eyeSize = smalls[1]; eyebrowRotation = smalls[2]; eyeSpread = smalls[3]; earSize = smalls[4]; earHeight = smalls[5]; noseLength = smalls[6]; noseWidth = smalls[7]; earSize = earSizeSlider.value; earHeight = earHeightSlider.value; var yhaircol = hexToRgb(smalls[8].substr(0,7)); youngHairColour = color(yhaircol.r, yhaircol.g, yhaircol.b); var haircol = hexToRgb(smalls[8].substr(7,7)); hairColour = color(haircol.r, haircol.g, haircol.b); youngStrokeColour = color(red(youngHairColour)-20,green(youngHairColour)-20,blue(youngHairColour)-20); strokeColour = color(red(hairColour)-20,green(hairColour)-20,blue(hairColour)-20); hairForm = gender === "male" ? mStyles[parseInt(smalls[9],16)] : fStyles[parseInt(smalls[9],16)]; fHairForm = fHair[parseInt(smalls[10],16)]; cheekLines = smalls[11]; age = smalls[12]; } var shirt = function(){ //Left side if(gender==="male"){ fill(232, 232, 232); noStroke(); ellipse(52,400,90,80); ellipse(100,400,100,100); ellipse(80,365,100,20); ellipse(78,365,80,30); ellipse(92,360,80,30); triangle(80,346,135,320,140,350); ellipse(122,360,40,40); ellipse(127,385,40,80); triangle(145,370,170,400,140,400); // Right side ellipse(348,400,90,80); ellipse(300,400,100,100); ellipse(320,365,100,20); ellipse(322,365,80,30); ellipse(308,360,80,30); triangle(320,346,265,320,260,350); ellipse(278,360,40,40); ellipse(273,385,40,80); triangle(255,370,230,400,260,400); // Outlines noFill(); stroke(204, 204, 204); strokeWeight(4); bezier(133, 320, 114, 351, 17, 337, 5, 400); bezier(267, 320, 286, 351, 383, 337, 395, 400); bezier(133,320,150,400,150,380,200,420); bezier(267,320,250,400,250,380,200,420); }else{ fill(232, 232, 232); noStroke(); ellipse(52,410,75,80); ellipse(100,400,100,100); triangle(41,368,136,335,125,437); ellipse(127,385,40,80); triangle(145,378,170,400,140,400); // Right side ellipse(348,410,75,80); ellipse(300,400,100,100); triangle(359,368,264,335,275,437); ellipse(273,385,40,80); triangle(255,378,230,400,260,400); // Outlines noFill(); stroke(204, 204, 204); strokeWeight(4); bezier(133, 334, 113, 355, 17, 360, 16, 400); bezier(267, 334, 287, 355, 383, 360, 384, 400); bezier(133,334,150,400,150,380,200,420); bezier(267,334,250,400,250,380,200,420); } }; var braidPiece = function(x,y,size){ pushMatrix(); translate(x-129,y-336); beginShape(); vertex(123,336); vertex(120,342); vertex(118,349);vertex(125,350); vertex(132,345); vertex(134,337); endShape(CLOSE); popMatrix(); }; // Body parts var wrinkles = function(){ strokeWeight(1); stroke(red(skinColour)-60,green(skinColour)-60,blue(skinColour)-60, age1.4); //crows eyes line(235eyeSpread,220,242eyeSpread,220); line(235eyeSpread,220,242eyeSpread,223); line(235eyeSpread,220,238eyeSpread,226); line(164/eyeSpread,219,157/eyeSpread,218); line(165/eyeSpread,219,158/eyeSpread,222); line(165/eyeSpread,219,160/eyeSpread,225); // between eyes line(191/eyeSpread,213,194/eyeSpread,211); line(194/eyeSpread,211,195/eyeSpread,206); line(195/eyeSpread,206,193/eyeSpread,203); line(208eyeSpread,213,205eyeSpread,211); line(205eyeSpread,212,204eyeSpread,206); line(204eyeSpread,206,207eyeSpread,203); strokeWeight(2); stroke(red(skinColour)-60,green(skinColour)-60,blue(skinColour)-60, age1.2); //cheeklines noFill(); if(gender==="male"){ bezier(165, 301, 162, 259, 174, 270, 184, 248); bezier(235, 301, 238, 259, 226, 270, 216, 248); }else{ bezier(165, 287, 162, 259, 174, 270, 184, 248); bezier(235, 288, 238, 259, 226, 270, 216, 248); } // forehead bezier(162, 185, 174, 176, 184, 189, 200, 187); bezier(238, 185, 226, 176, 216, 189, 200, 187); bezier(170, 170, 192, 165, 192, 174, 200, 172); bezier(230, 170, 208, 165, 208, 174, 200, 172); // chin arc(200,306,15,5,209,343); }; var neck = function(){ noStroke(); fill(skinColour); if(gender==="male"){ arc(200,350,150,150,0,180); ellipse(200,340,140,60); rect(150,280,100,50); triangle(140,325,150,330,150,300); triangle(260,325,250,330,250,300); fill(0, 0, 0,20); arc(200,285,100,130,0,180); }else{ arc(200,350,150,150,0,180); ellipse(200,355,140,60); rect(155,280,90,50); triangle(150,325,160,330,160,290); triangle(250,325,240,330,240,290); triangle(273,345,240,340,240,316); triangle(117,345,160,340,160,316); fill(0, 0, 0,20); arc(200,285,90,110,0,180); } strokeWeight(3); stroke(red(skinColour)-20,green(skinColour)-20,blue(skinColour)-20); noFill(); arc(120,380,100,10,280,370); arc(280,380,100,10,180,370); }; var ears = function(){ fill(red(skinColour)-15,green(skinColour)-15,blue(skinColour)-15); noStroke(); pushMatrix(); if(gender==="male"){translate(131+earHeight/3,220+earHeight);scale(earSize);}else{ translate(134+earHeight/3,220+earHeight); scale(earSize0.9); } rotate(-12); ellipse(0,0,10,45); fill(red(skinColour)-25,green(skinColour)-25,blue(skinColour)-25); ellipse(0,0,6,25); fill(skinColour); rotate(-60); ellipse(20,-8,8,14); popMatrix(); pushMatrix(); if(gender==="male"){translate(268-earHeight/3,220+earHeight);scale(earSize);}else{ translate(266-earHeight/3,220+earHeight); scale(earSize0.9); } rotate(12); fill(red(skinColour)-15,green(skinColour)-15,blue(skinColour)-15); ellipse(0,0,10,45); fill(red(skinColour)-25,green(skinColour)-25,blue(skinColour)-25); ellipse(0,0,6,25); fill(skinColour); rotate(60); ellipse(-18,-7,8,14); popMatrix(); }; var head = function(){ fill(skinColour); if(gender==="male"){ rect(137.5,120,125,180,100); ellipse(200,220,130,200); ellipse(200,180,140,140); ellipse(200,200,140,100); rect(165,280,70,40,60); }else{ rect(140,120,120,180,100); ellipse(200,220,120,200); ellipse(200,185,140,140); rect(180,282,40,40,40); triangle(132,179,141,251,200,250); triangle(268,179,259,251,200,250); } }; var mouth = function(){ pushMatrix(); stroke(0, 0, 0, 50); strokeWeight(2); if(gender==="male"){ line(180,280,177.5,282.5); line(180,280,200,281); line(200,281,220,280); line(220,280,222.5,282.5); line(180,280,195,276); line(195,276,200,280); line(200,280,205,276); line(205,276,220,280); arc(200,290,10,5,40,140); }else{ line(180,280,177.5,282.5); line(180,280,200,281); line(200,281,220,280); line(220,280,222.5,282.5); fill(red(skinColour)-15,green(skinColour)-15,blue(skinColour)-15); beginShape(); vertex(180,280);vertex(192,274); vertex(200,277); vertex(208,274); vertex(220,280); endShape(); noFill(); arc(200,287,15,5,40,140); } popMatrix(); }; var cheeks = function(){ pushMatrix(); strokeWeight(2); if(gender==="male"){ stroke(red(skinColour)-15,green(skinColour)-15,blue(skinColour)-15, cheekLines); noFill(); bezier(165, 285, 164, 259, 159, 270, 136, 230); bezier(235, 285, 236, 259, 241, 270, 264, 230); }else{ stroke(red(skinColour)-10,green(skinColour)-10,blue(skinColour)-10, cheekLines); noFill(); bezier(160, 258, 149, 233, 148, 256, 139, 230); bezier(240, 258, 251, 233, 252, 256, 261, 230); } popMatrix(); }; var nose = function(){ pushMatrix(); stroke(0, 0, 0, 25); strokeWeight(1); noFill(); arc(200,255/noseLength,15+noseWidth2,10,40,140); arc(210noseWidth,257.5/noseLength,5,3,180,360); arc(190/noseWidth,257.5/noseLength,5,3,180,360); arc(185/noseWidth,255/noseLength,5,10,110,250); arc(215noseWidth,255/noseLength,5,10,-70,70); stroke(0, 0, 0, 10); arc(215,230/(noseLength),20,70/noseLength,150,210); popMatrix(); }; var drawEyes = function(){ var drawEye = function(x,y){ pushMatrix(); translate(x,y); scale(eyeSize); textFont(xFont); fill(255, 0, 0); text((eyeSize),175,200); stroke(0, 0, 0, 100); noFill(); strokeWeight(1); arc(0,10,28,32,220,320); arc(0,-10,34,32,60,120); stroke(0, 0, 0, 20age/50); strokeWeight(2); arc(0,-6,35,34,60,120); if(x===175/eyeSpread){ arc(-2,2,26,30,16,120); }else{ arc(2,2,26,30,69,161); } stroke(0, 0, 0, 20); strokeWeight(6); arc(0,0,25,20,200,340); fill(245, 245, 245); noStroke(); ellipse(0,0,10,10); ellipse(5,0,6,6); ellipse(-5,0,6,6); fill(eyeColour); stroke(0, 0, 0, 200); strokeWeight(1); ellipse(0,0,8,8); fill(0, 0, 0, 200); ellipse(0,0,3,3); stroke(red(skinColour)-20,green(skinColour)-20,blue(skinColour)-20); strokeWeight(1); noFill(); arc(0,1,20,10,200,340); var time = round(frameCount/15); if(time % 16 < 1){ fill(skinColour); } else{ fill(0,0,0,0); } noStroke(); ellipse(0,0,20,10); popMatrix(); }; drawEye(175/eyeSpread,220); drawEye(226eyeSpread,220); // Eye brows strokeWeight(1); stroke(strokeColour); fill(hairColour); pushMatrix(); translate(215eyeSpread,210-eyebrowRotation/2); rotate(eyebrowRotation); beginShape(); vertex(-5 * eyeSpread,0); vertex(0 * eyeSpread,-5); vertex(20 * eyeSpread,-3); vertex(25 * eyeSpread,2); vertex(20 * eyeSpread,0); vertex(0 * eyeSpread,-2); endShape(CLOSE); popMatrix(); pushMatrix(); strokeWeight(1); translate(185/eyeSpread,210-eyebrowRotation/2); rotate(-eyebrowRotation); beginShape(); vertex(5 / eyeSpread,0); vertex(0 / eyeSpread,-5); vertex(-20 / eyeSpread,-3); vertex(-25 / eyeSpread,2); vertex(-20 / eyeSpread,0); vertex(0 / eyeSpread,-2); endShape(CLOSE); popMatrix(); }; var hairStyle = function(){ stroke(strokeColour); fill(hairColour); strokeWeight(3); if(gender === "male"){ if(hairForm === "Clean cut"){ stroke(strokeColour); noFill(); strokeWeight(3); fill(hairColour); beginShape(); vertex(138,207); vertex(150,172); vertex(156,158);vertex(169,166); vertex(216,183); vertex(249,188);vertex(265,193); vertex(265,212); vertex(270,196);vertex(274,195); vertex(270,179); vertex(271,166);vertex(254,135); vertex(234,117); vertex(200,109);vertex(170,115); vertex(144,136); vertex(129,164);vertex(127,185); vertex(137,209); endShape(CLOSE); } if(hairForm === "Rugged"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(135,225); vertex(130,200); vertex(128,200); vertex(132,190); vertex(128,180); vertex(130,175); vertex(125,170); vertex(130,160); vertex(130,150); vertex(135,145); vertex(132,140); vertex(135,135); vertex(145,130); vertex(145,125); vertex(155,120); vertex(157,115); vertex(160,110); vertex(185,112); vertex(187,110); vertex(200,110); vertex(220,105); vertex(225,110); vertex(238,118); vertex(245,123); vertex(250,123); vertex(255,126); vertex(260,131); vertex(262,138); vertex(267,145); vertex(270,155); vertex(272,170); vertex(270,180); vertex(268,200); vertex(268,205); vertex(265,215); vertex(265,225); vertex(260,220); vertex(258,215); vertex(255,200); vertex(255,190); vertex(252,180); vertex(250,170); vertex(245,160); vertex(240,165); vertex(230,160); vertex(210,155); vertex(200,158); vertex(190,150); vertex(185,160); vertex(180,158); vertex(170,160); vertex(160,158); vertex(157,165); vertex(148,180); vertex(145,190); vertex(140,200); vertex(140,210); vertex(135,225); endShape(); } if(hairForm === "Man Bun"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); ellipse(200,113,70,60); beginShape(); vertex(132,211); vertex(130,178); vertex(135,155); vertex(145,135); vertex(155,125); vertex(180,112); vertex(200,110); vertex(220,112); vertex(245,125); vertex(255,135); vertex(265,155); vertex(270,180); vertex(270,200); bezierVertex(270,230,250,135,200,150); bezierVertex(130,186,160,155,132,213); endShape(); } if(hairForm === "Afro"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); ellipse(200,140,300,300); noStroke(); rect(200,100,100,40); head(); drawEyes(); nose(); mouth(); cheeks(); wrinkles(); fill(hairColour); noStroke(); rect(100,100,170,80); ellipse(130,180,40,40); ellipse(270,180,40,40); } if(hairForm === "Curly"){ fill(hairColour); beginShape(); vertex(126,183); vertex(121,177); vertex(124,159);vertex(131,151); vertex(132,132); vertex(140,122);vertex(144,121); vertex(157,121); vertex(155,104);vertex(164,97); vertex(186,95); vertex(194,103);vertex(211,92); vertex(240,95); vertex(251,109);vertex(253,124); vertex(266,124); vertex(277,134);vertex(280,147); vertex(277,159); vertex(274,161);vertex(282,168); vertex(284,184); vertex(274,193);vertex(269,196); vertex(268,213); vertex(256,190);vertex(251,176); vertex(240,176); vertex(233,165);vertex(221,168); vertex(202,158); vertex(190,168);vertex(177,170); vertex(165,166); vertex(165,176);vertex(154,189); vertex(143,185); vertex(142,192);vertex(134,197); vertex(133,211); vertex(125,191);vertex(125,183); endShape(CLOSE); } if(hairForm === "Bald"){ } if(hairForm === "Side Swept"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(146,181); vertex(142,205); vertex(133,219);vertex(128,212); vertex(130,203); vertex(123,193);vertex(130,182); vertex(124,176); vertex(131,161);vertex(128,157); vertex(136,145); vertex(128,145);vertex(143,132); vertex(133,130); vertex(146,129);vertex(166,109); vertex(221,106); vertex(265,135);vertex(279,159); vertex(290,185); vertex(277,184);vertex(277,197); vertex(277,197); vertex(257,194);vertex(258,203); vertex(237,195); vertex(228,183);vertex(225,189); vertex(202,171); vertex(203,177);vertex(173,169); vertex(176,177); vertex(153,173);vertex(157,180); vertex(145,180); endShape(CLOSE); } if(hairForm === "Low Shaved"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(135,210);vertex(130,200);vertex(130,180); vertex(132,160); vertex(142,140);vertex(160,119);vertex(200,107); vertex(240,120); vertex(258,140);vertex(268,160);vertex(270,180); vertex(270,200); vertex(265,210);vertex(265,190);vertex(260,185); vertex(260,160); vertex(140,160);vertex(140,185);vertex(135,190); vertex(135,210); endShape(); } if(hairForm === "Spiky"){ noStroke(); fill(red(hairColour),green(hairColour),blue(hairColour),150); strokeWeight(3); beginShape(); vertex(135,210); vertex(130,200); vertex(130,180); vertex(132,160); vertex(142,140); vertex(162,120); vertex(200,110); vertex(238,120); vertex(258,140); vertex(268,160); vertex(270,180); vertex(270,200); vertex(265,210); vertex(265,190); vertex(260,185); vertex(260,160); vertex(140,160); vertex(140,185); vertex(135,190); vertex(135,210); endShape(); stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(132,160); vertex(137,140); vertex(150,125); vertex(180,110); vertex(195,100); vertex(195,110); vertex(229,105); vertex(232,118); vertex(255,120); vertex(256,140); vertex(270,145); vertex(265,155); vertex(270,165); endShape(CLOSE); } if(hairForm === "Bowl Cut"){ noStroke(); fill(red(hairColour),green(hairColour),blue(hairColour),150); strokeWeight(3); beginShape(); vertex(135,210); vertex(130,200); vertex(130,180); vertex(132,160); vertex(142,140); vertex(162,120); vertex(200,110); vertex(238,120); vertex(258,140); vertex(268,160); vertex(270,180); vertex(270,200); vertex(265,210); vertex(265,190); vertex(260,185); vertex(260,160); vertex(140,160); vertex(140,185); vertex(135,190); vertex(135,210); endShape(); stroke(strokeColour); fill(hairColour); strokeWeight(3); arc(200,180,150,150,180,360); beginShape(); vertex(123,180); vertex(135,180); vertex(143,182); vertex(151,180);vertex(160,181); vertex(166,178); vertex(177,180);vertex(190,180); vertex(198,181); vertex(209,180);vertex(220,182); vertex(229,180); vertex(238,183);vertex(252,180); vertex(260,182); vertex(268,180);vertex(271,182); vertex(275,179); endShape(CLOSE); } if(hairForm === "Long"){ fill(hairColour); stroke(strokeColour); strokeWeight(3); beginShape(); vertex(226,104); vertex(250,113); vertex(277,148);vertex(281,195); vertex(286,243); vertex(303,265);vertex(284,281); vertex(254,287); vertex(228,273);vertex(159,275); vertex(138,291); vertex(116,288);vertex(100,272); vertex(118,240); vertex(119,175);vertex(140,126); vertex(172,104); vertex(202,106);vertex(224,103); endShape(CLOSE); neck(); ears(); head(); mouth(); cheeks(); nose(); drawEyes(); shirt(); wrinkles(); fill(red(hairColour)+20,green(hairColour)+20,blue(hairColour)+20); stroke(strokeColour); strokeWeight(3); beginShape(); vertex(178,110); vertex(148,130); vertex(131,162);vertex(128,193); vertex(132,215); vertex(147,188);vertex(156,175); vertex(163,159); vertex(183,152);vertex(191,153); vertex(201,144); vertex(208,153);vertex(224,156); vertex(239,162); vertex(247,176);vertex(262,217); vertex(271,201); vertex(267,156);vertex(250,128); vertex(219,110); vertex(201,107); endShape(CLOSE); } if(hairForm === "Divided"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(135,210); vertex(130,200); vertex(130,180); vertex(132,160); vertex(142,140); vertex(162,120); vertex(200,110); vertex(238,120); vertex(258,140); vertex(268,160); vertex(270,180); vertex(270,200); vertex(265,210); vertex(265,190); vertex(260,185); vertex(260,160); vertex(140,160); vertex(140,185); vertex(135,190); vertex(135,210); endShape(); beginShape(); vertex(130,200); vertex(130,180); vertex(135,160); vertex(140,140); vertex(150,130); vertex(170,115); vertex(180,110); vertex(220,110); vertex(230,115); vertex(250,130); vertex(260,140); vertex(270,160); vertex(270,180); vertex(270,200); vertex(230,180); vertex(200,161); vertex(170,180); endShape(CLOSE); } } if(gender === "female"){ if(hairForm === "Beehive"){ noStroke(); fill(red(hairColour)-20,green(hairColour)-20,blue(hairColour)-20); triangle(138,220,130,194,144,191); triangle(262,220,270,194,256,191); stroke(strokeColour); fill(hairColour); strokeWeight(3); rect(125,70,150,120,500); for(var e = 0; e < 23; e ++){ noFill(); stroke(strokeColour); strokeWeight(5); arc(200,185,140 - e * 8,100,170+sin(e5)4,370-sin(e5)4); } } if(hairForm === "Flowing"){ fill(hairColour); stroke(strokeColour); strokeWeight(3); beginShape(); vertex(224,151); vertex(244,165); vertex(258,210);vertex(253,249); vertex(246,281); vertex(235,305);vertex(245,342); vertex(273,355); vertex(296,346);vertex(278,304); vertex(275,284); vertex(273,225);vertex(279,168); vertex(262,128); vertex(229,100);vertex(200,105); vertex(181,100); vertex(138,126);vertex(122,164); vertex(125,218); vertex(121,276);vertex(110,309); vertex(102,347); vertex(126,347);vertex(147,333); vertex(159,306); vertex(154,281);vertex(144,243); vertex(145,204); vertex(155,165);vertex(176,149); vertex(200,151); vertex(223,149); endShape(CLOSE); fill(red(hairColour)+40,green(hairColour)+40,blue(hairColour)+40); beginShape(); vertex(169,156); vertex(152,183); vertex(149,203);vertex(145,232); vertex(151,278); vertex(152,325);vertex(138,346); vertex(116,351); vertex(137,320);vertex(142,283); vertex(132,198); vertex(151,142);vertex(185,123); vertex(200,134); vertex(216,126);vertex(246,143); vertex(268,200); vertex(264,247);vertex(263,287); vertex(259,321); vertex(268,339);vertex(275,362); vertex(248,345); vertex(250,332);vertex(258,232); vertex(250,185); vertex(237,159);vertex(216,149); vertex(200,153); vertex(187,150); endShape(CLOSE); } if(hairForm === "Braid"){ fill(hairColour); stroke(strokeColour); strokeWeight(3); beginShape(); vertex(265,245); vertex(265,257); vertex(262,269);vertex(265,281); vertex(265,294); vertex(261,305);vertex(265,314); vertex(264,328); vertex(256,344);vertex(246,333); vertex(246,309); vertex(252,300);vertex(251,283); vertex(256,260); vertex(246,241);vertex(259,221); vertex(266,229); endShape(CLOSE); neck(); ears(); head(); mouth(); cheeks(); nose(); drawEyes(); wrinkles(); shirt(); fill(hairColour); stroke(strokeColour); strokeWeight(3); beginShape(); vertex(224,151);vertex(246,168); vertex(261,214);vertex(275,168); vertex(262,128); vertex(229,100);vertex(200,105); vertex(181,100); vertex(138,126);vertex(122,164); vertex(135,208); vertex(155,165);vertex(176,149); vertex(200,151); vertex(223,149); endShape(CLOSE); } if(hairForm === "Pixie"){ fill(hairColour); stroke(strokeColour); strokeWeight(3); beginShape(); vertex(226,105); vertex(250,117); vertex(277,148);vertex(281,195); vertex(286,243); vertex(303,265);vertex(284,281); vertex(254,287); vertex(228,273);vertex(159,275); vertex(138,291); vertex(116,288);vertex(100,272); vertex(118,240); vertex(119,182);vertex(140,131); vertex(172,107); vertex(202,109);vertex(224,105); endShape(CLOSE); neck(); ears(); head(); mouth(); cheeks(); nose(); drawEyes(); shirt(); wrinkles(); fill(red(hairColour)+20,green(hairColour)+20,blue(hairColour)+20); stroke(strokeColour); strokeWeight(3); beginShape(); vertex(177,115); vertex(153,126); vertex(133,143);vertex(125,175); vertex(128,202); vertex(137,211);vertex(136,224); vertex(126,240); vertex(145,236);vertex(148,227); vertex(148,202); vertex(144,182);vertex(151,171); vertex(180,157); vertex(176,173);vertex(157,185); vertex(180,185); vertex(191,175);vertex(192,160); vertex(207,149); vertex(216,159);vertex(215,169); vertex(224,178); vertex(238,177);vertex(235,171); vertex(240,173); vertex(244,190);vertex(261,204); vertex(253,219); vertex(255,242);vertex(265,252); vertex(261,234); vertex(260,217);vertex(271,199); vertex(274,177); vertex(274,170);vertex(264,155); vertex(259,135); vertex(220,112);vertex(190,108); endShape(CLOSE); } if(hairForm === "Pig Tails"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(222,108); vertex(266,128); vertex(290,185);vertex(282,237); vertex(271,293); vertex(258,332);vertex(250,334); vertex(241,294); vertex(249,254);vertex(260,225); vertex(261,188); vertex(236,165);vertex(215,155); vertex(200,146); vertex(185,155);vertex(159,162); vertex(139,192); vertex(141,223);vertex(146,251); vertex(154,280); vertex(150,311);vertex(136,337); vertex(126,336); vertex(126,336);vertex(121,289); vertex(126,252); vertex(114,192);vertex(125,141); vertex(163,113); vertex(184,108);vertex(200,114); endShape(CLOSE); for(var i = 0; i < 6; i ++){ fill(red(hairColour)+i5,green(hairColour)+i5,blue(hairColour)+i5); braidPiece(133-sin(i70)2,331+i13,1-(i/5)); braidPiece(257-sin(i70)2,331+i13,1-(i/5)); } } if(hairForm === "Long Straight"){ noStroke(); rect(135,232.5,30,90); rect(235,232.5,30,90); quad(135,322.5,165,322.5,175,400,125,400); quad(235,322.5,265,322.5,275,400,225,400); ears(); head(); drawEyes(); nose(); mouth(); cheeks(); wrinkles(); stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(130,200); vertex(130,180); vertex(135,160); vertex(140,140); vertex(150,130); vertex(170,115); vertex(180,110); vertex(220,110); vertex(230,115); vertex(250,130); vertex(260,140); vertex(270,160); vertex(270,180); vertex(270,200); vertex(230,180); vertex(200,150); vertex(170,180); endShape(CLOSE); } if(hairForm === "Short Cropped"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(135,225); vertex(130,200); vertex(128,200); vertex(132,190); vertex(128,180); vertex(130,175); vertex(125,170); vertex(130,160); vertex(130,150); vertex(135,145); vertex(132,140); vertex(135,135); vertex(145,130); vertex(145,125); vertex(155,120); vertex(157,115); vertex(160,110); vertex(185,112); vertex(187,110); vertex(200,110); vertex(220,105); vertex(225,110); vertex(238,118); vertex(245,123); vertex(250,123); vertex(255,126); vertex(260,131); vertex(262,138); vertex(267,145); vertex(270,155); vertex(272,170); vertex(270,180); vertex(268,200); vertex(268,205); vertex(265,215); vertex(265,225); vertex(260,220); vertex(258,215); vertex(255,200); vertex(255,190); vertex(252,180); vertex(250,170); vertex(245,160); vertex(240,165); vertex(230,160); vertex(210,155); vertex(200,158); vertex(190,150); vertex(185,160); vertex(180,158); vertex(170,160); vertex(160,158); vertex(157,165); vertex(148,180); vertex(145,190); vertex(140,200); vertex(140,210); vertex(135,225); endShape(); } if(hairForm === "Bangs"){ fill(hairColour); stroke(strokeColour); strokeWeight(3); beginShape(); vertex(224,151); vertex(262,165); vertex(263,210);vertex(256,249); vertex(253,281); vertex(241,305);vertex(245,342); vertex(273,355); vertex(296,346);vertex(278,304); vertex(275,284); vertex(273,225);vertex(279,168); vertex(262,128); vertex(229,100);vertex(200,105); vertex(181,100); vertex(138,126);vertex(122,164); vertex(125,218); vertex(121,276);vertex(110,309); vertex(102,347); vertex(126,347);vertex(147,333); vertex(159,306); vertex(148,281);vertex(139,243); vertex(139,204); vertex(146,165);vertex(171,149); vertex(200,151); vertex(223,149); endShape(CLOSE); fill(red(hairColour)+20,green(hairColour)+20,blue(hairColour)+20); beginShape(); vertex(178,127); vertex(148,146); vertex(134,171);vertex(134,193); vertex(138,204); vertex(153,188);vertex(160,193); vertex(184,183); vertex(188,187);vertex(188,187); vertex(201,181); vertex(221,189);vertex(233,183); vertex(244,195); vertex(258,193);vertex(262,203); vertex(268,180); vertex(255,150);vertex(224,128); vertex(201,123); vertex(178,128); endShape(CLOSE); } if(hairForm === "Leia"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(130,200); vertex(130,180); vertex(135,160); vertex(140,140); vertex(150,130); vertex(170,115); vertex(180,110); vertex(220,110); vertex(230,115); vertex(250,130); vertex(260,140); vertex(270,160); vertex(270,180); vertex(270,200); vertex(230,180); vertex(200,150); vertex(170,180); endShape(CLOSE); rect(265,150,30,100,30); rect(105,150,30,100,30); } if(hairForm === "Afro"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); ellipse(200,140,300,300); noStroke(); head(); mouth(); drawEyes(); nose(); cheeks(); wrinkles(); noStroke(); fill(hairColour); rect(125,110,150,80); ellipse(125,190,60,60); ellipse(275,190,60,60); } if(hairForm === "Asymmetric"){ stroke(strokeColour); strokeWeight(12); noFill(); arc(200,180,140,150,160,200); fill(hairColour); arc(200,180,140,150,200,380); line(135,157,262,240); line(262,240,270,180); noStroke(); triangle(155,163,257.5,230,265,180); } if(hairForm === "Shaved"){ fill(hairColour); noStroke(); beginShape(); vertex(137,212); vertex(145,200); vertex(144,185);vertex(151,166); vertex(167,161); vertex(186,165);vertex(218,165); vertex(232,162); vertex(250,169);vertex(258,192); vertex(264,206); vertex(270,197);vertex(273,187); vertex(272,173); vertex(265,158);vertex(259,146); vertex(250,134); vertex(235,124);vertex(218,116); vertex(197,115); vertex(173,119);vertex(153,130); vertex(141,145); vertex(132,165);vertex(132,165); vertex(130,193); vertex(137,211); endShape(CLOSE); } } }; var facialHair = function(){ pushMatrix(); if(fHairForm === "Clean Shave"){ } if(fHairForm === "Pencil"){ stroke(strokeColour); strokeWeight(3); beginShape(); vertex(203,270); vertex(222,277); vertex(222,273); vertex(205,268); vertex(203,266); endShape(CLOSE); beginShape(); vertex(197,270); vertex(178,277); vertex(178,273); vertex(195,268); vertex(197,266); endShape(CLOSE); } if(fHairForm === "Gentleman"){ stroke(strokeColour); strokeWeight(3); beginShape(); vertex(198,265);vertex(190,263); vertex(182,267);vertex(177,272); vertex(170,273);vertex(176,277); vertex(187,274);vertex(195,272); vertex(200,269);vertex(204,272); vertex(223,277);vertex(230,272); vertex(220,270);vertex(213,265); vertex(209,263);vertex(200,265); endShape(CLOSE); } if(fHairForm === "Beard"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(139,250);vertex(141,265); vertex(145,275);vertex(149,288); vertex(175,317);vertex(181,320); vertex(220,321); vertex(226,316);vertex(246,293); vertex(262,264);vertex(265,222); vertex(257,227); vertex(242,257); vertex(241,275); vertex(233,280); vertex(218,264); vertex(200,267);vertex(179,262); vertex(168,280);vertex(158,275); vertex(154,256);vertex(140,226); vertex(135,223);vertex(138,251); endShape(CLOSE); fill(skinColour); beginShape(); vertex(175,280); vertex(193,273); vertex(200,275); vertex(206,272); vertex(227,281); vertex(218,293); vertex(217,297); vertex(187,297); vertex(186,292); endShape(CLOSE); nose(); mouth(); } if(fHairForm === "Chin Beard"){ stroke(strokeColour); strokeWeight(3); fill(hairColour); beginShape(); vertex(180,304); vertex(173,313); vertex(177,321); vertex(189,326); vertex(212,326); vertex(223,322); vertex(227,313); vertex(220,303); vertex(211,306); vertex(204,295); vertex(196,295); vertex(191,307); endShape(CLOSE); } if(fHairForm === "Handle Bar"){ stroke(strokeColour); strokeWeight(2); fill(hairColour); beginShape(); vertex(193,263); vertex(178,270); vertex(170,277); vertex(167,307); vertex(176,316); vertex(183,318); vertex(178,307); vertex(173,288); vertex(178,275); vertex(197,270); vertex(199,272); vertex(204,271); vertex(225,278); vertex(228,291); vertex(218,320); vertex(224,317); vertex(235,304); vertex(230,273); vertex(206,263); vertex(200,265); endShape(CLOSE); } if(fHairForm === "Shadow"){ noStroke(); fill(red(hairColour),green(hairColour),blue(hairColour),100); beginShape(); vertex(139,250);vertex(141,265); vertex(145,275);vertex(149,288); vertex(175,317);vertex(183,320); vertex(220,321); vertex(226,316);vertex(246,293); vertex(262,264);vertex(265,222); vertex(257,227); vertex(242,257); vertex(241,275); vertex(233,280); vertex(218,264); vertex(202,267);vertex(179,262); vertex(168,280);vertex(158,275); vertex(154,256);vertex(140,226); vertex(132,223);vertex(138,251); endShape(CLOSE); fill(skinColour); beginShape(); vertex(175,280); vertex(193,273); vertex(197,275); vertex(206,272); vertex(227,281); vertex(218,293); vertex(217,297); vertex(187,297); vertex(186,292); endShape(CLOSE); nose(); mouth(); } if(fHairForm === "Imperial 'Stache"){ stroke(strokeColour); strokeWeight(2); fill(hairColour); beginShape(); vertex(192,262); vertex(176,263); vertex(169,271);vertex(162,273); vertex(153,268); vertex(155,261);vertex(149,269); vertex(153,278); vertex(168,285);vertex(180,277); vertex(188,275); vertex(200,271);vertex(218,276); vertex(224,279); vertex(234,286);vertex(244,277); vertex(248,270); vertex(243,261);vertex(243,268); vertex(233,273); vertex(224,265);vertex(207,262); vertex(200,267); endShape(CLOSE); } if(fHairForm === "Lumberjack"){ fill(hairColour); stroke(strokeColour); strokeWeight(2); beginShape(); vertex(134,227); vertex(141,271); vertex(138,308);vertex(158,344); vertex(187,360); vertex(216,361);vertex(246,347); vertex(269,312); vertex(263,263);vertex(266,227); vertex(259,232); vertex(249,256);vertex(229,273); vertex(205,262); vertex(200,265);vertex(196,262); vertex(174,273); vertex(146,249);vertex(142,235); vertex(134,227); endShape(CLOSE); fill(skinColour); beginShape(); vertex(176,279); vertex(196,272); vertex(198,276);vertex(204,272); vertex(222,278); vertex(225,284);vertex(204,289); vertex(194,289); vertex(176,283); endShape(CLOSE); mouth(); } if(fHairForm === "Field Marshall"){ stroke(strokeColour); strokeWeight(3); fill(hairColour); beginShape(); vertex(132,213); vertex(137,231); vertex(140,266);vertex(132,284); vertex(154,312); vertex(167,307);vertex(176,278); vertex(195,271); vertex(200,269);vertex(205,271); vertex(225,278); vertex(231,310);vertex(239,318); vertex(269,292); vertex(258,263);vertex(265,237); vertex(269,206); vertex(261,212);vertex(257,237); vertex(232,268); vertex(224,271);vertex(204,265); vertex(200,266); vertex(197,265);vertex(174,273); vertex(165,270); vertex(145,244);vertex(144,236); vertex(140,215); vertex(132,211); endShape(CLOSE); } if(fHairForm === "Thick 'Stache"){ stroke(strokeColour); strokeWeight(3); fill(hairColour); beginShape(); vertex(191,263); vertex(173,268); vertex(172,282);vertex(177,277); vertex(196,272); vertex(200,268);vertex(204,272); vertex(222,277); vertex(227,280);vertex(225,268); vertex(207,263); vertex(200,266); endShape(CLOSE); } if(fHairForm === "Full Face"){ stroke(strokeColour); fill(hairColour); strokeWeight(3); beginShape(); vertex(138,250);vertex(141,265); vertex(145,275);vertex(149,288); vertex(175,317);vertex(183,320); vertex(220,321); vertex(226,316);vertex(246,293); vertex(262,264);vertex(265,222); vertex(257,227); vertex(242,257); vertex(241,275); vertex(233,280); vertex(215,268); vertex(207,267);vertex(189,271); vertex(167,280);vertex(158,275); vertex(154,256);vertex(140,226); vertex(135,223);vertex(138,251); endShape(CLOSE); fill(skinColour); beginShape(); vertex(175,279); vertex(190,267); vertex(200,269); vertex(206,267); vertex(226,281); vertex(218,293); vertex(217,297); vertex(187,297); vertex(186,292); endShape(CLOSE); nose(); mouth(); fill(hairColour); stroke(strokeColour); strokeWeight(3); beginShape(); vertex(198,265);vertex(190,263); vertex(182,267);vertex(177,272); vertex(170,273);vertex(176,277); vertex(187,274);vertex(195,272); vertex(200,269);vertex(204,272); vertex(223,277);vertex(230,272); vertex(220,270);vertex(213,265); vertex(209,263);vertex(200,265); endShape(CLOSE); } popMatrix(); }; var room = function(){ background(247, 250, 252); fill(163, 172, 179); strokeWeight(2); stroke(128, 137, 143); quad(0,0,400,0,400,60,100,60); line(100,60,100,400); stroke(154, 164, 171); line(50,30,400,30); fill(211, 223, 232); rect(100,60,300,340); for(var lines = 0; lines < 5; lines ++){ stroke(154, 164, 171); line(100 + lines 80,60,lines * 120,0); stroke(201, 209, 214); line(0,-175 + lines * 180,98,-65 + lines * 130); line(50,32,50,400); line(102,100 + lines * 80,400,100 + lines * 80); line(180 + lines * 80,62,180 + lines * 80,400); } noStroke(); fill(102, 102, 102); rect(150,120,170,300); fill(71, 71, 71); rect(155,125,160,290); fill(140, 140, 140); rect(280,125,35,300); fill(89, 89, 89); stroke(77, 77, 77); rect(287.5,280,20,40,7.5); stroke(189, 189, 189); strokeWeight(4); line(297.5,287.5,300,289); line(300,289,300,312); line(300,312,297.5,313.5); fill(166, 166, 166); noStroke(); quad(350,60,355,60,377.5,0,372.5,0); quad(357.5,60,362.5,60,385,0,380,0); rect(350,60,5,340); fill(135, 135, 135); rect(355,280,45,120); for(var moLines = 0; moLines < 10; moLines ++){ stroke(122, 122, 122); strokeWeight(2); line(375 + moLines * 20,282,375 + moLines * 20,400); line(357,282 + moLines * 15,400,282 + moLines * 15); } fill(34, 34, 117); strokeWeight(2); stroke(3, 3, 31); beginShape(); vertex(335,60); curveVertex(355,60); vertex(355,400); vertex(385,400); curveVertex(375,300); curveVertex(380,100); curveVertex(385,0); vertex(355,60); vertex(200,200); endShape(); noStroke(); fill(125, 125, 125); ellipse(60,230,15,30); ellipse(80,231,12.5,25); fill(179, 179, 179); ellipse(62.5,230,10,25); ellipse(82.5,231,7.5,20); fill(97, 97, 97); rect(80,227,20,7,20); fill(66, 66, 66); rect(60,226,22,8,20); fill(255, 227, 194); stroke(186, 179, 162); strokeWeight(2); beginShape(); vertex(85,227); vertex(92,228); vertex(98,225); vertex(105,250); vertex(110,380); vertex(105,385); vertex(80,380); vertex(82,320); vertex(85,270); vertex(90,250); endShape(CLOSE); fill(247, 219, 188); stroke(227, 203, 177); beginShape(); vertex(65,227); vertex(72,226); vertex(83,228); vertex(85,250); vertex(90,380); vertex(85,385); vertex(60,380); vertex(62,330); vertex(65,280); vertex(70,260); endShape(CLOSE); }; var player = function(){ neck(); ears(); head(); mouth(); cheeks(); nose(); drawEyes(); wrinkles(); }; var bar = function(){ textFont(menuFont); fill(0, 0, 0); noStroke(); rect(-10,-10,420,40); strokeCap(SQUARE); for(var i = 0; i < 5; i ++){ strokeWeight(2); stroke(143, 143, 143); line(80 + i * 80,0,80 + i * 80,30); fill(255, 255, 255); textAlign(CENTER,CENTER); text(settings[i],40 + i * 80,15); if(mouseX > i * 120 && mouseY > 0 && mouseX < i * 120 + 120 && mouseY < 45){ fill(255, 255, 255, 80); noStroke(); rect(i * 80,0,80,30); openMenu = settings[i]; secMenu = "none"; } } }; var menus = function(){ textFont(menuFont); if(openMenu === "Gender"){ fill(0, 0, 0); rect(0,30,80,60); fill(255, 255, 255); text("Female",40,45); text("Male",40,75); line(0,60,80,60); if(mouseX > 0 && mouseX < 120 && mouseY > 45 && mouseY < 90){ fill(255, 255, 255, 50); rect(0,30,80,30); if(mouseIsPressed){ gender = "female"; fHairForm = ""; openMenu = ""; hairForm = "Braid"; } } if(mouseX > 0 && mouseX < 120 && mouseY > 90 && mouseY < 135){ fill(255, 255, 255, 50); rect(0,60,80,30); if(mouseIsPressed){ gender = "male"; openMenu = ""; hairForm = "Clean cut"; } } } if(openMenu === "Skin"){ fill(0, 0, 0); rect(80,30,80,30); fill(255, 255, 255); text("Colour",120,45); if(mouseInRect(120,45,120,45)){ fill(255, 255, 255, 50); rect(80,30,80,30); if(mouseIsPressed){ picker.picking="skin"; secMenu = "Skin Colour"; openMenu = ""; } } } if(openMenu === "Hair"){ fill(0, 0, 0); rect(160,30,80,60); if(gender === "male"){ fill(0, 0, 0); rect(160,30,80,90); fill(255, 255, 255); text("Facial Hair",200,105); stroke(255, 255, 255, 50); line(240,90,160,90); if(mouseX > 240 && mouseX < 360 && mouseY > 135 && mouseY < 180){ fill(255, 255, 255, 50); rect(160,90,80,30); if(mouseIsPressed){ secMenu = "Facial Hair"; openMenu = ""; picker.picking=""; } } } fill(255, 255, 255); text("Colour",200,45); text("Style",200,75); stroke(255, 255, 255, 50); line(240,60,160,60); if(mouseX > 240 && mouseX < 360 && mouseY > 45 && mouseY < 90){ fill(255, 255, 255, 50); rect(160,30,80,30); if(mouseIsPressed){ picker.picking = "hair"; openMenu = ""; } } if(mouseX > 240 && mouseX < 360 && mouseY > 90 && mouseY < 135){ fill(255, 255, 255, 50); rect(160,60,80,30); if(mouseIsPressed){ secMenu = "Hair Style"; openMenu = ""; picker.picking=""; } } } if(openMenu === "Face"){ fill(0, 0, 0); rect(240,30,80,150); fill(255, 255, 255); text("Ears",280,45); text("Cheeks",280,75); text("Nose",280,105); text("Eye Colour",280,135); text("Eye Position",280,165); stroke(255, 255, 255, 50); for(var i = 0; i < 5; i ++){ line(240,60+i30,320,60+i30); if(mouseInRect(360,45+i45,120,40)){ fill(255, 255, 255, 50); rect(240,30+i30,80,30); if(mouseIsPressed){ picker.picking = ""; openMenu = ""; if(i===0){secMenu = "Ears";} else if(i===1){secMenu = "Cheeks";} else if(i===2){secMenu = "Nose";} else if(i===3){secMenu = "Eye Colour"; picker.picking = "eyes"; } else if(i===4){secMenu = "Eye Position";} } } } } if(openMenu === "Misc."){ fill(0, 0, 0); rect(320,30,80,90); fill(255, 255, 255); text("Aging",360,45); text("Save",360,75); text("Load",360,105); stroke(255, 255, 255, 50); for(var i = 0; i < 3; i ++){ line(320,60+i30,400,60+i30); if(mouseInRect(440,45+i45,160,40)){ fill(255, 255, 255, 50); rect(320,30+i30,80,30); if(mouseIsPressed){ picker.picking = ""; openMenu = ""; if(i===0){secMenu = "Aging";} else if(i===1){saveCharacter();} else if(i===2){loadCharacter();} } } } } if(secMenu === "Hair Style"){ fill(0, 0, 0); rect(0,30,80,370); fill(255, 255, 255); for(var p = 0; p < mStyles.length; p ++){ fill(255, 255, 255); if(gender === "male"){ text(mStyles[p],40,45 + p * 30); } if(gender === "female"){ text(fStyles[p],40,45 + p * 30); } stroke(255, 255, 255, 50); line(0,60 + p * 30,80,60 + p * 30); if(mouseX > 0 && mouseX < 120 && mouseY > 45 + p * 45 && mouseY < 90 + p * 45){ fill(255, 255, 255, 30); rect(0,30 + p * 30,80,30); if(mouseIsPressed){ if(gender === "male"){ hairForm = mStyles[p]; } if(gender === "female"){ hairForm = fStyles[p]; } } } } } if(secMenu === "Facial Hair"){ fill(0, 0, 0); rect(0,30,80,370); for(var l = 0; l < fHair.length; l ++){ fill(255,255,255); text(fHair[l],40,45 + l * 30); stroke(255, 255, 255, 50); line(0,60 + l * 30,80,60 + l * 30); if(mouseX > 0 && mouseX < 120 && mouseY > 45 + l * 45 && mouseY < 90 + l * 45){ fill(255, 255, 255, 30); rect(0,30 + l * 30,80,30); if(mouseIsPressed){ fHairForm = fHair[l]; } } } } if(secMenu === "Eye Colour"){ var col = 0; noStroke(); for(var q = 0; q < 240; q += 240/eyeColours.length){ fill(eyeColours[col]); rect(7 + q,365,240/eyeColours.length+1,30); if(mouseIsPressed && mouseInRect(10.5 + q0.981.5,548,375/eyeColours.length-7.5,45)){ eyeColour = get(mouseX,mouseY); } col++; } } if(secMenu === "Eye Position"){ fill(0, 0, 0); rect(0,360,400,60); fill(255, 255, 255); text("Eye\nSpread",24,379); text("Eye\nSize",152,379); text("Brow\nRotation",290,379); stroke(255, 255, 255, 100); line(133,360,133,400); line(266,360,266,400); eyeSpreadSlider.draw(); eyeSizeSlider.draw(); eyebrowRotationSlider.draw(); if(eyeSpreadSlider.sliding){ eyeSpread = 1+eyeSpreadSlider.value; } eyeSpreadSlider.slide(); if(eyeSizeSlider.sliding){ eyeSize = 1+eyeSizeSlider.value; } eyeSizeSlider.slide(); if(eyebrowRotationSlider.sliding){ eyebrowRotation = -15+eyebrowRotationSlider.value; } eyebrowRotationSlider.slide(); } if(secMenu === "Ears"){ fill(0, 0, 0); rect(0,360,400,40); fill(255, 255, 255); text("Height",30,380); text("Size",230,380); stroke(255, 255, 255, 50); line(200,360,200,400); earSizeSlider.draw(); earSizeSlider.slide(); earSize = earSizeSlider.value; earHeightSlider.draw(); earHeightSlider.slide(); earHeight = earHeightSlider.value; } if(secMenu === "Cheeks"){ fill(0, 0, 0); rect(0,360,400,40); fill(255, 255, 255); text("Definition",30,380); cheekboneSlider.draw(); cheekboneSlider.slide(); cheekLines = cheekboneSlider.value; } if(secMenu === "Nose"){ fill(0, 0, 0); rect(0,360,400,50); fill(255, 255, 255); text("Width",35,380); text("Height",230,380); stroke(255, 255, 255, 50); line(200,350,200,400); noseWidthSlider.draw(); noseWidthSlider.slide(); if(noseWidthSlider.sliding){ noseWidth = 1+noseWidthSlider.value; } noseLengthSlider.draw(); noseLengthSlider.slide(); if(noseLengthSlider.sliding){ noseLength = 1+noseLengthSlider.value; } } if(secMenu === "Skin Colour"){ var tone = 0; noStroke(); for(var q = 0; q < 240; q += 240/skinTones.length){ fill(skinTones[tone]); rect(7 + q,365,240/skinTones.length+1,30); if(mouseIsPressed && mouseInRect(10.5 + q0.981.5,548,375/skinTones.length-7.5,45)){ skinColour = get(mouseX,mouseY); } tone++; } } if(secMenu === "Aging"){ fill(0, 0, 0); rect(0,360,400,40); fill(255, 255, 255); text("Age",30,380); ageSlider.draw(); ageSlider.slide(); age = ageSlider.value; cheekLines = age*2.5; hairColour = lerpColor(youngHairColour,color(255,255,255),age/100); strokeColour = lerpColor(youngStrokeColour,color(255,255,255),age/100); } }; var draw = function() { pushMatrix(); scale(1.5,1.5); room(); player(); shirt(); hairStyle(); facialHair(); bar(); menus(); resetMatrix(); if(picker.picking!==""){ picker.draw(); if(mouseIsPressed){ if(picker.inBounds(mouseX,mouseY)){ if(picker.picking==="hair"){ hairColour = get(mouseX,mouseY); youngHairColour = get(mouseX,mouseY); strokeColour = color(red(hairColour)-20,green(hairColour)-20,blue(hairColour)-20); youngStrokeColour = color(red(hairColour)-20,green(hairColour)-20,blue(hairColour)-20); }else if(picker.picking==="eyes"){ eyeColour = get(mouseX,mouseY); }if(picker.picking==="skin"){ skinColour = get(mouseX,mouseY); } } if(picker.inPrimaryPicker(mouseX,mouseY)){ picker.to2 = get(mouseX,mouseY); } } } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJier-HqCQw
Votes	335
Spin-Offs	14
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Kiwi
Author Name	KiwiOnKhan
Author ID	kaid_747554134914263599526629
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739391695907
Updated	8 months ago, 1744828862455
Source Deleted	unknown