​

function setup() {

  createCanvas(1440, 720);

  interfacebg = new InterfaceBackground();

  interfaceskin = new InterfaceSkin();

  interfaceeye = new InterfaceEye();

  interfacehair = new InterfaceHair();

  interface = new Interface();

}

​

​

​

function draw() {

  loop();

  background(220);

  interface.text();

  interface.border();

​

  // Skin Colors:

  interfaceskin.color(skinPale);

  interfaceskin.display(515, 135);

  interfaceskin.color(skinLightCool);

  interfaceskin.display(565, 135);

  interfaceskin.color(skinLightWarm);

  interfaceskin.display(615, 135);

  interfaceskin.color(skinMediumLight);

  interfaceskin.display(665, 135);

  interfaceskin.color(skinMedium);

  interfaceskin.display(715, 135);

  interfaceskin.color(skinMediumCool);

  interfaceskin.display(515, 180);

  interfaceskin.color(skinMediumWarm);

  interfaceskin.display(565, 180);

  interfaceskin.color(skinMediumDarkWarm);

  interfaceskin.display(615, 180);

  interfaceskin.color(skinMediumDarkCool);

  interfaceskin.display(665, 180);

  interfaceskin.color(skinDark);

  interfaceskin.display(715, 180);

  // Eye Colors:

  interfaceeye.color(eyeBlue);

  interfaceeye.display(515);

  interfaceeye.color(eyeGrey);

  interfaceeye.display(565);

  interfaceeye.color(eyeHazel);

  interfaceeye.display(615);

  interfaceeye.color(eyeLightBrown);

  interfaceeye.display(665);

  interfaceeye.color(eyeDarkBrown);

  interfaceeye.display(715);

  // Hair Colors:

  interfacehair.color(hairBlond);

  interfacehair.display(975);

  interfacehair.color(hairLightBrown);

  interfacehair.display(1025);

  interfacehair.color(hairDarkBrown);

  interfacehair.display(1075);

  interfacehair.color(hairBlack);

  interfacehair.display(1125);

  interfacehair.color(hairRed);

  interfacehair.display(1175);

  // Background Colors:

  interfacebg.color(bgCream);

  interfacebg.display(65);

  interfacebg.color(bgGrey);

  interfacebg.display(115);

  interfacebg.color(bgYellow);

  interfacebg.display(165);

  interfacebg.color(bgGreen);

  interfacebg.display(215);

  interfacebg.color(bgBlue);

  interfacebg.display(265);

  noLoop();

}

​

function mouseClicked() {

  // loop();

​

  // Changes background color:

  interfacebg.change(65, bgCream);

  interfacebg.change(115, bgGrey);

  interfacebg.change(165, bgYellow);

  interfacebg.change(215, bgGreen);

  interfacebg.change(265, bgBlue);

  // Changes skin tone:

  interfaceskin.change(515, 135, skinPale);

  interfaceskin.change(565, 135, skinLightCool);

  interfaceskin.change(615, 135, skinLightWarm);

  interfaceskin.change(665, 135, skinMediumLight);

  interfaceskin.change(715, 135, skinMedium);

  interfaceskin.change(515, 180, skinMediumCool);

  interfaceskin.change(565, 180, skinMediumWarm);

  interfaceskin.change(615, 180, skinMediumDarkWarm);

  interfaceskin.change(665, 180, skinMediumDarkCool);

  interfaceskin.change(715, 180, skinDark);

  // Changes eye color:

  interfaceeye.change(515, eyeBlue);

  interfaceeye.change(565, eyeGrey);

  interfaceeye.change(615, eyeHazel);

  interfaceeye.change(665, eyeLightBrown);

  interfaceeye.change(715, eyeDarkBrown);

  // Changes hair color:

  interfacehair.change(975, hairBlond);

  interfacehair.change(1025, hairLightBrown);

  interfacehair.change(1075, hairDarkBrown);

  interfacehair.change(1125, hairBlack);

  interfacehair.change(1175, hairRed);

​

  noLoop();

}

​

function layerOne() { //?

}