kilominx image gen khan academy processingjs enviorment

strokeWeight(5);

{
var white = color(255, 255, 255);
var darkBlue = color(0, 0, 139);
var lightBlue = color(173, 216, 230);
var darkGreen = color(0, 100, 0);
var lightGreen = color(144, 238, 144);
var Red = color(255, 0, 0); // Idk why but "red" is defined so I had to use "Red"
var pink = color(255, 192, 203);
var yellow = color(255, 255, 0);
var orange = color(255, 165, 0);
var purple = color(128, 0, 128);
var beige = color(237, 232, 208);
var grey = color(128, 128, 128);

} // Colours

var KilominxState = [
white, // 1
darkBlue, // 2
lightBlue, // 3
darkGreen, // 4
lightGreen, // 5
Red, // 6
pink, // 7
yellow, // 8
orange, // 9
purple, // 10
beige, // 11
grey, // 12
white, // 13
darkBlue, // 14
lightBlue]; // 15

var Pentagons = function() {
{

beginShape();
vertex(250, 50);
vertex(60, 188);
vertex(132, 412);
vertex(368, 412);
vertex(440, 188);
vertex(250, 50);
endShape();

} // Outer
{

beginShape();
vertex(250, 100);
vertex(107, 204);
vertex(162, 371);
vertex(338, 371);
vertex(393, 204);
vertex(250, 100);
endShape();

} // Inner
};
Pentagons();

var Quadilaterals = function() {
{
{
fill(KilominxState[0]);
quad(321.5, 152, 250, 100, 178.5, 152, 250, 250);
} // 1
{
fill(KilominxState[1]);
quad(178.5, 152, 107, 204, 134.5, 287.5, 250, 250);
} // 2
{
fill(KilominxState[2]);
quad(134.5, 287.5, 162, 371, 250, 370, 250, 250);
} // 3
{
fill(KilominxState[3]);
quad(250, 370, 338, 371, 365.5, 287.5, 250, 250);
} // 4
{
fill(KilominxState[4]);
quad(365.5, 287.5, 393, 204, 321.5, 152, 250, 250);
} // 5
} // Inner
{
{
fill(KilominxState[5]);
quad(250, 50, 250, 100, 178.5, 152, 155, 119);
} // 1
{
fill(KilominxState[6]);
quad(178.5, 152, 155, 119, 60, 188, 107, 204);
} // 2
{
fill(KilominxState[7]);
quad(60, 188, 107, 205, 134.5, 287.5, 96, 300);
} // 3
{
fill(KilominxState[8]);
quad(134.5, 287.5, 96, 300, 132, 412, 162, 371);
} // 4
{
fill(KilominxState[9]);
quad(132, 412, 162, 371, 250, 371, 250, 412);
} // 5
{
fill(KilominxState[10]);
quad(250, 371, 250, 412, 368, 412, 338, 371);
} // 6
{
fill(KilominxState[11]);
quad(368, 412, 338, 371, 365.5, 287.5, 404, 300);
} // 7
{
fill(KilominxState[12]);
quad(365.5, 287.5, 404, 300, 440, 188, 393, 204);
} // 8
{
fill(KilominxState[13]);
quad(440, 188, 393, 204, 321.5, 152, 345, 119);
} // 9
{
fill(KilominxState[14]);
quad(321.5, 152, 345, 119, 250, 50, 250, 100);
} // 10
} // Outer
};
Quadilaterals();