let interface; // "Skeleton" to show the bounds of the screen, where to click for each category, etc. Hover and active states too. 

let doll; // Final render of the selected doll. 

​

function setup() {

  createCanvas(1440, 720);

  categories = new Categories();

  doll = new Doll();

  // ????

  // for (let i = 0; i < haircolors.length; i++) {

    // haircolors[i] = new InterfaceHairColors(haircolors[i]);

    // }

}

​

function draw() {

  background(220);

  categories.render(); // Categories get rendered here.

  doll.render(); // Doll gets rendered here.

  // ????

  // for (i = 0; i < haircolors.length; i++) {

    // haircolors[i].render();

    // }  

}

​

class Categories {

  // Categories will go in here.

  constructor() {

  }

  render() {

  }

}

​

​

​

class Doll {

  // Doll will go in here.

  constructor() {

  }

  render() {

  }

}