var sketch = function (p) { var i = 0; var shapes = []; var dis; var colors = ["#ff794e", "#ff9394", "#ffdb8d", "#a2ffc9", "#07c5ce", "#5973fe"]; p.setup = function () { var size; size = p.min([p.windowHeight, p.windowWidth]) * 0.9; p.createCanvas(size, size); dis = size / 600; p.rectMode(p.CENTER); p.ellipseMode(p.CENTER); // shapes.push(new RotatingTri(150)) p.angleMode("degrees"); for (var i_1 = 0; i_1 < 3; i_1++) { var low_s = []; for (var r = 0; r < 3; r++) { switch (i_1 * 3 + r) { case 0: low_s.push(new RotatingTri_(100 * dis)); case 1: low_s.push(new MovingCirc_(50 * dis)); case 2: low_s.push(new ExpandingArc_(120 * dis)); case 3: low_s.push(new RotatingLine_(60 * dis)); case 4: low_s.push(new SinCurve_(100 * dis)); case 5: low_s.push(new ExplodingTri(40 * dis)); case 6: low_s.push(new RotatingBar_(40 * dis)); case 7: low_s.push(new PointsSquair(150 * dis)); case 8: low_s.push(new ExpandingSquair_(50 * dis)); } } shapes.push(low_s); } }; p.draw = function () { p.background("#2A3D52"); p.translate(p.width / 2, p.height / 2); for (var i_2 = 0; i_2 < 3; i_2++) { for (var r = 0; r < 3; r++) { shapes[i_2][r].create(); shapes[i_2][r].move(); } } // p.square(0,0,100) i += 1; // for(let i = 0;i 6) { r = 12 - i_4; } else { r = i_4; } var start = (1 - r) * this.size / 10; var y = (i_4 - 6) * this.size / 10; for (var l = 1; l <= r; l++) { var x = start + (l - 1) * this.size / 5; p.fill(colors[r - 1]); p.stroke(colors[r - 1]); p.circle(x, y, 10); } } p.translate(-this.place.l, -this.place.c); }; PointsSquair.prototype.move = function () { if (i % 10 == 0) { this.k += 1; if (this.k >= 12) { this.k = 0; } } }; return PointsSquair; }()); var ExpandingSquair_ = /** @class */ (function () { function ExpandingSquair_(size) { var x = []; for (i = 0; i < 6; i++) { x.push(new ExpandingSquair(size, i * 10 - 90, colors[i])); } this.parts = x; } ExpandingSquair_.prototype.create = function () { this.parts.forEach(function (x) { x.create(); }); }; ExpandingSquair_.prototype.move = function () { this.parts.forEach(function (x) { x.move(); }); }; return ExpandingSquair_; }()); var ExpandingSquair = /** @class */ (function () { function ExpandingSquair(size, angle, c) { this.size = size; this.angle = angle; this.place = { l: 200 * dis, c: 200 * dis }; this.c = c; } ExpandingSquair.prototype.create = function () { p.translate(this.place.l, this.place.c); p.point(0, 0); var y = this.angle; var x = this.angle; var len = p.sin(this.angle) * this.size / 2; p.fill(this.c); p.stroke(this.c); p.square(x, y, len); p.translate(-this.place.l, -this.place.c); }; ExpandingSquair.prototype.move = function () { this.angle += p.sin(i); }; return ExpandingSquair; }()); }; var sketchP = new p5(sketch);