Basic shape generation

It doesn't look right yet, however it's a start and needs some
refinement
This commit is contained in:
Amadeus Demarzi 2014-07-25 00:04:54 -07:00
parent 9d2c13135a
commit 23228f9bde
4 changed files with 272 additions and 210 deletions

View File

@ -3,21 +3,26 @@
Vector Vector
){ ){
Engine.Polygon = function(a, b, c, color){ Engine.Polygon = function(a, b, c, color, simple){
this.a = a; this.a = a;
this.b = b; this.b = b;
this.c = c; this.c = c;
this.color = Engine.clone(color); this.color = Engine.clone(color);
this.maxL = this.color.l; this.simple = simple;
this.strokeColor = {
h: this.color.h,
s: 0,
l: 100,
a: 1
};
this.color.l = 0; if (this.simple) {
this.strokeColor = this.color;
} else {
this.maxL = this.color.l;
this.strokeColor = {
h: this.color.h,
s: 0,
l: 100,
a: 1
};
this.color.l = 0;
}
this.fillStyle = this.hslaTemplate.substitute(this.color); this.fillStyle = this.hslaTemplate.substitute(this.color);
this.strokeStyle = this.hslaTemplate.substitute(this.strokeColor); this.strokeStyle = this.hslaTemplate.substitute(this.strokeColor);
@ -37,6 +42,10 @@ Engine.Polygon.prototype = {
update: function(engine){ update: function(engine){
var delta; var delta;
if (this.simple) {
return;
}
this.start += engine.tick; this.start += engine.tick;
delta = this.start; delta = this.start;
@ -76,10 +85,12 @@ Engine.Polygon.prototype = {
); );
ctx.closePath(); ctx.closePath();
ctx.fillStyle = this.fillStyle; ctx.fillStyle = this.fillStyle;
ctx.lineWidth = 0.25 * scale;
ctx.strokeStyle = this.strokeStyle;
ctx.fill(); ctx.fill();
ctx.stroke(); if (!this.simple) {
ctx.lineWidth = 0.25 * scale;
ctx.strokeStyle = this.strokeStyle;
ctx.stroke();
}
} }
}; };

View File

@ -5,7 +5,7 @@
Vector Vector
){ ){
Engine.Shape = function(x, y, width, height, points, polygons){ Engine.Shape = function(x, y, width, height, points, polygons, simple){
var i, ref, point, poly; var i, ref, point, poly;
this.pos = new Vector(x, y); this.pos = new Vector(x, y);
@ -33,7 +33,8 @@ Engine.Shape = function(x, y, width, height, points, polygons){
ref[poly.points[0]], ref[poly.points[0]],
ref[poly.points[1]], ref[poly.points[1]],
ref[poly.points[2]], ref[poly.points[2]],
poly.color poly.color,
simple
)); ));
} }
}; };
@ -49,16 +50,19 @@ Engine.Shape.prototype = {
update: function(engine){ update: function(engine){
var p; var p;
// if (this.destruct) { if (this.destruct) {
// this.elapsed += engine.tick; this.elapsed += engine.tick;
// } if (this.elapsed > this.destruct) {
engine._deferredShapes.push(this);
}
}
for (p = 0; p < this.points.length; p++) { for (p = 0; p < this.points.length; p++) {
this.points[p].update(engine); this.points[p].update(engine);
} }
for (p = 0; p < this.polygons.length; p++) { for (p = 0; p < this.polygons.length; p++) {
this.polygons[p].update(engine); this.polygons[p].update(engine, this.noHueShift);
} }
return this; return this;
@ -73,7 +77,7 @@ Engine.Shape.prototype = {
this.pos.y * scale >> 0 this.pos.y * scale >> 0
); );
for (p = 0; p < this.polygons.length; p++) { for (p = 0; p < this.polygons.length; p++) {
this.polygons[p].draw(ctx, scale); this.polygons[p].draw(ctx, scale, this.noStroke);
} }
ctx.restore(); ctx.restore();
return this; return this;

View File

@ -4,6 +4,7 @@
Base, Base,
Vector, Vector,
Logo, Logo,
Shapes,
Chainable Chainable
){ ){
@ -147,7 +148,7 @@ Engine = Base.extend({
renderTessellation: function(){ renderTessellation: function(){
var scale = this.scale, var scale = this.scale,
p, index; p, index, rando, halfWidth, halfHeight, shape, shapeTemplate;
for (p = 0; p < this.shapes.length; p++) { for (p = 0; p < this.shapes.length; p++) {
this.shapes[p].update(this); this.shapes[p].update(this);
@ -164,6 +165,26 @@ Engine = Base.extend({
this.shapes.splice(index, 1); this.shapes.splice(index, 1);
} }
} }
// 1 Per second? Maybe?
if (Engine.getRandomFloat(0,100) < 1.6666) {
halfWidth = this.width / 2;
halfHeight = this.height / 2;
shapeTemplate = Shapes[Engine.getRandomInt(0, Shapes.length - 1)];
shape = new Engine.Shape(
Engine.getRandomInt(-halfWidth, halfWidth),
Engine.getRandomInt(-halfHeight, halfHeight),
50,
50,
shapeTemplate.points,
shapeTemplate.polygons,
true
);
shape.selfDestruct(10);
// shape.noStroke = true;
// shape.noHueShift = true;
this.shapes.push(shape);
}
}, },
generateParticles: function(num, fixed){ generateParticles: function(num, fixed){
@ -242,5 +263,6 @@ window.Engine = Engine;
window.Base, window.Base,
window.Vector, window.Vector,
window.Logo, window.Logo,
window.Shapes,
window.Chainable window.Chainable
); );

View File

@ -1,41 +1,46 @@
// jshint unused:false // jshint unused:false
var Shapes = [ var Shapes = [
{ {
"Points": [ "data": {
"width": 100,
"height": 100,
"ar": 1
},
"points": [
{ {
"id": "mpoint-0", "id": "point-0",
"x": 0.848, "x": 0.848,
"y": -0.002 "y": -0.002
}, },
{ {
"id": "mpoint-1", "id": "point-1",
"x": 0.11800000000000001, "x": 0.11800000000000001,
"y": 0.015 "y": 0.015
}, },
{ {
"id": "mpoint-2", "id": "point-2",
"x": 0.46, "x": 0.46,
"y": 0.602 "y": 0.602
}, },
{ {
"id": "mpoint-5", "id": "point-6",
"x": 0.9, "x": 0.9,
"y": 0.685 "y": 0.685
}, },
{ {
"id": "mpoint-6", "id": "point-8",
"x": 0.359, "x": 0.359,
"y": 0.7979999999999999 "y": 0.7979999999999999
}, },
{ {
"id": "mpoint-10", "id": "point-13",
"x": 0, "x": 0,
"y": 0.48200000000000004 "y": 0.48200000000000004
} }
], ],
"Polygons": [ "polygons": [
{ {
"id": "mpoly-0", "id": "poly-0",
"color": { "color": {
"h": 242.6086956521739, "h": 242.6086956521739,
"s": 47.58620689655173, "s": 47.58620689655173,
@ -43,13 +48,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-0", "point-0",
"mpoint-1", "point-1",
"mpoint-2" "point-2"
] ]
}, },
{ {
"id": "mpoly-1", "id": "poly-1",
"color": { "color": {
"h": 253.33333333333334, "h": 253.33333333333334,
"s": 30.508474576271187, "s": 30.508474576271187,
@ -57,13 +62,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-0", "point-0",
"mpoint-2", "point-2",
"mpoint-5" "point-6"
] ]
}, },
{ {
"id": "mpoly-2", "id": "poly-2",
"color": { "color": {
"h": 246.31578947368416, "h": 246.31578947368416,
"s": 28.934010152284262, "s": 28.934010152284262,
@ -71,13 +76,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-6", "point-8",
"mpoint-5", "point-6",
"mpoint-2" "point-2"
] ]
}, },
{ {
"id": "mpoly-3", "id": "poly-3",
"color": { "color": {
"h": 244.99999999999997, "h": 244.99999999999997,
"s": 51.724137931034484, "s": 51.724137931034484,
@ -85,13 +90,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-1", "point-1",
"mpoint-10", "point-13",
"mpoint-2" "point-2"
] ]
}, },
{ {
"id": "mpoly-4", "id": "poly-4",
"color": { "color": {
"h": 240.84507042253526, "h": 240.84507042253526,
"s": 48.29931972789116, "s": 48.29931972789116,
@ -99,54 +104,59 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-10", "point-13",
"mpoint-6", "point-8",
"mpoint-2" "point-2"
] ]
} }
] ]
}, },
{ {
"Points": [ "data": {
"width": 100,
"height": 100,
"ar": 1
},
"points": [
{ {
"id": "mpoint-15", "id": "point-20",
"x": 0.6990000000000001, "x": 0.6990000000000001,
"y": 0 "y": 0
}, },
{ {
"id": "mpoint-16", "id": "point-21",
"x": 0.10800000000000001, "x": 0.10800000000000001,
"y": 0.095 "y": 0.095
}, },
{ {
"id": "mpoint-17", "id": "point-22",
"x": 0.515, "x": 0.515,
"y": 0.46 "y": 0.46
}, },
{ {
"id": "mpoint-18", "id": "point-24",
"x": 0.915, "x": 0.915,
"y": 0.245 "y": 0.245
}, },
{ {
"id": "mpoint-20", "id": "point-26",
"x": 0.89, "x": 0.89,
"y": 0.765 "y": 0.765
}, },
{ {
"id": "mpoint-21", "id": "point-28",
"x": 0.349, "x": 0.349,
"y": 0.878 "y": 0.878
}, },
{ {
"id": "mpoint-25", "id": "point-33",
"x": 0.002, "x": 0.002,
"y": 0.475 "y": 0.475
} }
], ],
"Polygons": [ "polygons": [
{ {
"id": "mpoly-5", "id": "poly-5",
"color": { "color": {
"h": 242.6086956521739, "h": 242.6086956521739,
"s": 47.58620689655173, "s": 47.58620689655173,
@ -154,13 +164,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-15", "point-20",
"mpoint-16", "point-21",
"mpoint-17" "point-22"
] ]
}, },
{ {
"id": "mpoly-6", "id": "poly-6",
"color": { "color": {
"h": 253.33333333333334, "h": 253.33333333333334,
"s": 30.508474576271187, "s": 30.508474576271187,
@ -168,13 +178,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-18", "point-24",
"mpoint-17", "point-22",
"mpoint-20" "point-26"
] ]
}, },
{ {
"id": "mpoly-7", "id": "poly-7",
"color": { "color": {
"h": 246.31578947368416, "h": 246.31578947368416,
"s": 28.934010152284262, "s": 28.934010152284262,
@ -182,13 +192,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-21", "point-28",
"mpoint-20", "point-26",
"mpoint-17" "point-22"
] ]
}, },
{ {
"id": "mpoly-8", "id": "poly-8",
"color": { "color": {
"h": 244.99999999999997, "h": 244.99999999999997,
"s": 51.724137931034484, "s": 51.724137931034484,
@ -196,13 +206,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-16", "point-21",
"mpoint-25", "point-33",
"mpoint-17" "point-22"
] ]
}, },
{ {
"id": "mpoly-9", "id": "poly-9",
"color": { "color": {
"h": 240.84507042253526, "h": 240.84507042253526,
"s": 48.29931972789116, "s": 48.29931972789116,
@ -210,13 +220,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-25", "point-33",
"mpoint-21", "point-28",
"mpoint-17" "point-22"
] ]
}, },
{ {
"id": "mpoly-10", "id": "poly-10",
"color": { "color": {
"h": 256.74418604651163, "h": 256.74418604651163,
"s": 37.719298245614034, "s": 37.719298245614034,
@ -224,54 +234,59 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-15", "point-20",
"mpoint-18", "point-24",
"mpoint-17" "point-22"
] ]
} }
] ]
}, },
{ {
"Points": [ "data": {
"width": 100,
"height": 100,
"ar": 1
},
"points": [
{ {
"id": "mpoint-33", "id": "point-44",
"x": 0.675, "x": 0.675,
"y": 0.003 "y": 0.003
}, },
{ {
"id": "mpoint-34", "id": "point-45",
"x": 0.162, "x": 0.162,
"y": 0.18 "y": 0.18
}, },
{ {
"id": "mpoint-35", "id": "point-46",
"x": 0.56, "x": 0.56,
"y": 0.325 "y": 0.325
}, },
{ {
"id": "mpoint-36", "id": "point-48",
"x": 0.895, "x": 0.895,
"y": 0.215 "y": 0.215
}, },
{ {
"id": "mpoint-38", "id": "point-50",
"x": 0.79, "x": 0.79,
"y": 0.748 "y": 0.748
}, },
{ {
"id": "mpoint-39", "id": "point-52",
"x": 0.244, "x": 0.244,
"y": 0.82 "y": 0.82
}, },
{ {
"id": "mpoint-43", "id": "point-57",
"x": 0.002, "x": 0.002,
"y": 0.682 "y": 0.682
} }
], ],
"Polygons": [ "polygons": [
{ {
"id": "mpoly-11", "id": "poly-11",
"color": { "color": {
"h": 242.6086956521739, "h": 242.6086956521739,
"s": 47.58620689655173, "s": 47.58620689655173,
@ -279,13 +294,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-33", "point-44",
"mpoint-34", "point-45",
"mpoint-35" "point-46"
] ]
}, },
{ {
"id": "mpoly-12", "id": "poly-12",
"color": { "color": {
"h": 253.33333333333334, "h": 253.33333333333334,
"s": 30.508474576271187, "s": 30.508474576271187,
@ -293,13 +308,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-36", "point-48",
"mpoint-35", "point-46",
"mpoint-38" "point-50"
] ]
}, },
{ {
"id": "mpoly-13", "id": "poly-13",
"color": { "color": {
"h": 246.31578947368416, "h": 246.31578947368416,
"s": 28.934010152284262, "s": 28.934010152284262,
@ -307,13 +322,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-39", "point-52",
"mpoint-38", "point-50",
"mpoint-35" "point-46"
] ]
}, },
{ {
"id": "mpoly-14", "id": "poly-14",
"color": { "color": {
"h": 244.99999999999997, "h": 244.99999999999997,
"s": 51.724137931034484, "s": 51.724137931034484,
@ -321,13 +336,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-34", "point-45",
"mpoint-43", "point-57",
"mpoint-35" "point-46"
] ]
}, },
{ {
"id": "mpoly-15", "id": "poly-15",
"color": { "color": {
"h": 240.84507042253526, "h": 240.84507042253526,
"s": 48.29931972789116, "s": 48.29931972789116,
@ -335,13 +350,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-43", "point-57",
"mpoint-39", "point-52",
"mpoint-35" "point-46"
] ]
}, },
{ {
"id": "mpoly-16", "id": "poly-16",
"color": { "color": {
"h": 256.74418604651163, "h": 256.74418604651163,
"s": 37.719298245614034, "s": 37.719298245614034,
@ -349,69 +364,74 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-33", "point-44",
"mpoint-36", "point-48",
"mpoint-35" "point-46"
] ]
} }
] ]
}, },
{ {
"Points": [ "data": {
"width": 100,
"height": 100,
"ar": 1
},
"points": [
{ {
"id": "mpoint-51", "id": "point-68",
"x": 0.379, "x": 0.379,
"y": 0.08800000000000001 "y": 0.08800000000000001
}, },
{ {
"id": "mpoint-52", "id": "point-69",
"x": 0, "x": 0,
"y": 0.345 "y": 0.345
}, },
{ {
"id": "mpoint-53", "id": "point-70",
"x": 0.568, "x": 0.568,
"y": 0.56 "y": 0.56
}, },
{ {
"id": "mpoint-56", "id": "point-74",
"x": 0.715, "x": 0.715,
"y": 0.003 "y": 0.003
}, },
{ {
"id": "mpoint-57", "id": "point-76",
"x": 0.935, "x": 0.935,
"y": 0.215 "y": 0.215
}, },
{ {
"id": "mpoint-59", "id": "point-78",
"x": 0.95, "x": 0.95,
"y": 0.525 "y": 0.525
}, },
{ {
"id": "mpoint-60", "id": "point-80",
"x": 0.87, "x": 0.87,
"y": 0.785 "y": 0.785
}, },
{ {
"id": "mpoint-63", "id": "point-84",
"x": 0.499, "x": 0.499,
"y": 0.883 "y": 0.883
}, },
{ {
"id": "mpoint-66", "id": "point-88",
"x": 0.284, "x": 0.284,
"y": 0.82 "y": 0.82
}, },
{ {
"id": "mpoint-70", "id": "point-93",
"x": 0.042, "x": 0.042,
"y": 0.682 "y": 0.682
} }
], ],
"Polygons": [ "polygons": [
{ {
"id": "mpoly-17", "id": "poly-17",
"color": { "color": {
"h": 242.6086956521739, "h": 242.6086956521739,
"s": 47.58620689655173, "s": 47.58620689655173,
@ -419,13 +439,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-51", "point-68",
"mpoint-52", "point-69",
"mpoint-53" "point-70"
] ]
}, },
{ {
"id": "mpoly-18", "id": "poly-18",
"color": { "color": {
"h": 239.17808219178082, "h": 239.17808219178082,
"s": 44.78527607361962, "s": 44.78527607361962,
@ -433,13 +453,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-51", "point-68",
"mpoint-53", "point-70",
"mpoint-56" "point-74"
] ]
}, },
{ {
"id": "mpoly-19", "id": "poly-19",
"color": { "color": {
"h": 253.33333333333334, "h": 253.33333333333334,
"s": 30.508474576271187, "s": 30.508474576271187,
@ -447,13 +467,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-57", "point-76",
"mpoint-53", "point-70",
"mpoint-59" "point-78"
] ]
}, },
{ {
"id": "mpoly-20", "id": "poly-20",
"color": { "color": {
"h": 252.8571428571429, "h": 252.8571428571429,
"s": 30.701754385964914, "s": 30.701754385964914,
@ -461,13 +481,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-60", "point-80",
"mpoint-59", "point-78",
"mpoint-53" "point-70"
] ]
}, },
{ {
"id": "mpoly-21", "id": "poly-21",
"color": { "color": {
"h": 255.1898734177215, "h": 255.1898734177215,
"s": 31.726907630522096, "s": 31.726907630522096,
@ -475,13 +495,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-63", "point-84",
"mpoint-60", "point-80",
"mpoint-53" "point-70"
] ]
}, },
{ {
"id": "mpoly-22", "id": "poly-22",
"color": { "color": {
"h": 246.31578947368416, "h": 246.31578947368416,
"s": 28.934010152284262, "s": 28.934010152284262,
@ -489,13 +509,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-66", "point-88",
"mpoint-63", "point-84",
"mpoint-53" "point-70"
] ]
}, },
{ {
"id": "mpoly-23", "id": "poly-23",
"color": { "color": {
"h": 244.99999999999997, "h": 244.99999999999997,
"s": 51.724137931034484, "s": 51.724137931034484,
@ -503,13 +523,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-52", "point-69",
"mpoint-70", "point-93",
"mpoint-53" "point-70"
] ]
}, },
{ {
"id": "mpoly-24", "id": "poly-24",
"color": { "color": {
"h": 240.84507042253526, "h": 240.84507042253526,
"s": 48.29931972789116, "s": 48.29931972789116,
@ -517,13 +537,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-70", "point-93",
"mpoint-66", "point-88",
"mpoint-53" "point-70"
] ]
}, },
{ {
"id": "mpoly-25", "id": "poly-25",
"color": { "color": {
"h": 256.74418604651163, "h": 256.74418604651163,
"s": 37.719298245614034, "s": 37.719298245614034,
@ -531,69 +551,74 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-56", "point-74",
"mpoint-57", "point-76",
"mpoint-53" "point-70"
] ]
} }
] ]
}, },
{ {
"Points": [ "data": {
"width": 100,
"height": 100,
"ar": 1
},
"points": [
{ {
"id": "mpoint-78", "id": "point-104",
"x": 0.33899999999999997, "x": 0.33899999999999997,
"y": -0.004 "y": -0.004
}, },
{ {
"id": "mpoint-79", "id": "point-105",
"x": 0.042, "x": 0.042,
"y": 0.209 "y": 0.209
}, },
{ {
"id": "mpoint-80", "id": "point-106",
"x": 0.46799999999999997, "x": 0.46799999999999997,
"y": 0.361 "y": 0.361
}, },
{ {
"id": "mpoint-83", "id": "point-110",
"x": 0.675, "x": 0.675,
"y": 0.063 "y": 0.063
}, },
{ {
"id": "mpoint-84", "id": "point-112",
"x": 0.83, "x": 0.83,
"y": 0.212 "y": 0.212
}, },
{ {
"id": "mpoint-86", "id": "point-114",
"x": 0.91, "x": 0.91,
"y": 0.444 "y": 0.444
}, },
{ {
"id": "mpoint-87", "id": "point-116",
"x": 0.78, "x": 0.78,
"y": 0.778 "y": 0.778
}, },
{ {
"id": "mpoint-90", "id": "point-120",
"x": 0.45899999999999996, "x": 0.45899999999999996,
"y": 0.943 "y": 0.943
}, },
{ {
"id": "mpoint-93", "id": "point-124",
"x": 0.08900000000000001, "x": 0.08900000000000001,
"y": 0.787 "y": 0.787
}, },
{ {
"id": "mpoint-97", "id": "point-129",
"x": 0.002, "x": 0.002,
"y": 0.62 "y": 0.62
} }
], ],
"Polygons": [ "polygons": [
{ {
"id": "mpoly-26", "id": "poly-26",
"color": { "color": {
"h": 242.6086956521739, "h": 242.6086956521739,
"s": 47.58620689655173, "s": 47.58620689655173,
@ -601,13 +626,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-78", "point-104",
"mpoint-79", "point-105",
"mpoint-80" "point-106"
] ]
}, },
{ {
"id": "mpoly-27", "id": "poly-27",
"color": { "color": {
"h": 239.17808219178082, "h": 239.17808219178082,
"s": 44.78527607361962, "s": 44.78527607361962,
@ -615,13 +640,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-78", "point-104",
"mpoint-80", "point-106",
"mpoint-83" "point-110"
] ]
}, },
{ {
"id": "mpoly-28", "id": "poly-28",
"color": { "color": {
"h": 253.33333333333334, "h": 253.33333333333334,
"s": 30.508474576271187, "s": 30.508474576271187,
@ -629,13 +654,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-84", "point-112",
"mpoint-80", "point-106",
"mpoint-86" "point-114"
] ]
}, },
{ {
"id": "mpoly-29", "id": "poly-29",
"color": { "color": {
"h": 252.8571428571429, "h": 252.8571428571429,
"s": 30.701754385964914, "s": 30.701754385964914,
@ -643,13 +668,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-87", "point-116",
"mpoint-86", "point-114",
"mpoint-80" "point-106"
] ]
}, },
{ {
"id": "mpoly-30", "id": "poly-30",
"color": { "color": {
"h": 255.1898734177215, "h": 255.1898734177215,
"s": 31.726907630522096, "s": 31.726907630522096,
@ -657,13 +682,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-90", "point-120",
"mpoint-87", "point-116",
"mpoint-80" "point-106"
] ]
}, },
{ {
"id": "mpoly-31", "id": "poly-31",
"color": { "color": {
"h": 246.31578947368416, "h": 246.31578947368416,
"s": 28.934010152284262, "s": 28.934010152284262,
@ -671,13 +696,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-93", "point-124",
"mpoint-90", "point-120",
"mpoint-80" "point-106"
] ]
}, },
{ {
"id": "mpoly-32", "id": "poly-32",
"color": { "color": {
"h": 244.99999999999997, "h": 244.99999999999997,
"s": 51.724137931034484, "s": 51.724137931034484,
@ -685,13 +710,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-79", "point-105",
"mpoint-97", "point-129",
"mpoint-80" "point-106"
] ]
}, },
{ {
"id": "mpoly-33", "id": "poly-33",
"color": { "color": {
"h": 240.84507042253526, "h": 240.84507042253526,
"s": 48.29931972789116, "s": 48.29931972789116,
@ -699,13 +724,13 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-97", "point-129",
"mpoint-93", "point-124",
"mpoint-80" "point-106"
] ]
}, },
{ {
"id": "mpoly-34", "id": "poly-34",
"color": { "color": {
"h": 256.74418604651163, "h": 256.74418604651163,
"s": 37.719298245614034, "s": 37.719298245614034,
@ -713,9 +738,9 @@ var Shapes = [
"a": 1 "a": 1
}, },
"points": [ "points": [
"mpoint-83", "point-110",
"mpoint-84", "point-112",
"mpoint-80" "point-106"
] ]
} }
] ]