Generate random combinations of SVG layers

[whoabuddy]

This PR adds an SVG generator that:

• contains a main script that accepts the number of SVGs to generate
• contains one component per layer (or attribute)
• each component contains possible options for the layer
  • if a layer is optional, add undefined to the array
  • a random index is generated between 0 and the length of options
  • using the random index, return the SVG code for that layer

Sample results below, generated images are stored in the generation/faces folder, which may need to be created first before running the script.

To run locally:

1. Fork and clone the repo
2. In the console, navigate to the generation/ folder
3. Run npm i to install dependencies (@types/node, ts-node, typescript)
4. Run npx ts-node generate-svgs.ts to run the script

The number of SVGs generated is set in the generate-svgs.ts file at the bottom, e.g. generateSVGs(5000);

Fixes #42

[whoabuddy]

Pushed some code on how I envision separating the traits / layers then creating an SVG as a result. First two below generated/saved by the script (note that I only have one option for the head right now):

To use the script:

• navigate to ./generation
• run npm install
• run npx ts-node generate-svgs.ts

This will eventually output a set to a folder and make more advanced selections.