async function setup() { createCanvas(600, 600, WEBGL); angleMode(DEGREES); randomSeed(824202001); noiseSeed(824202001); brush.scaleBrushes(3); noLoop(); } function draw() { translate(-width / 2, -height / 2); translate(12, -18); scale(1); background("#182338"); brush.noStroke(); brush.fillBleed(0.03, "out"); brush.fillTexture(0.1, 0.06999999999999999); brush.fill("#244b68", 255); brush.beginShape(0.25); brush.vertex(0, 0); brush.vertex(600, 0); brush.vertex(600, 600); brush.vertex(0, 600); brush.endShape(true); brush.noStroke(); brush.fillBleed(0.06, "out"); brush.fillTexture(0.18, 0.126); brush.fill("#4e806f", 170); brush.beginShape(0.4); brush.vertex(0, 358); brush.vertex(96, 330); brush.vertex(182, 348); brush.vertex(270, 326); brush.vertex(364, 350); brush.vertex(468, 328); brush.vertex(600, 352); brush.vertex(600, 600); brush.vertex(0, 600); brush.endShape(true); brush.noStroke(); brush.fillBleed(0.05, "out"); brush.fillTexture(0.2, 0.13999999999999999); brush.fill("#d2a548", 100); brush.beginShape(0.36); brush.vertex(0, 492); brush.vertex(82, 470); brush.vertex(164, 484); brush.vertex(246, 472); brush.vertex(330, 492); brush.vertex(420, 474); brush.vertex(510, 492); brush.vertex(600, 478); brush.vertex(600, 600); brush.vertex(0, 600); brush.endShape(true); brush.noStroke(); brush.fillBleed(0.04, "out"); brush.fillTexture(0.22, 0.154); brush.fill("#34283d", 178); brush.beginShape(0.46); brush.vertex(78, 472); brush.vertex(92, 368); brush.vertex(126, 292); brush.vertex(160, 270); brush.vertex(180, 330); brush.vertex(170, 420); brush.vertex(198, 518); brush.vertex(150, 550); brush.vertex(98, 530); brush.endShape(true); brush.noStroke(); brush.fillBleed(0.04, "out"); brush.fillTexture(0.22, 0.154); brush.fill("#34283d", 178); brush.beginShape(0.46); brush.vertex(522, 472); brush.vertex(508, 368); brush.vertex(474, 292); brush.vertex(440, 270); brush.vertex(420, 330); brush.vertex(430, 420); brush.vertex(402, 518); brush.vertex(450, 550); brush.vertex(502, 530); brush.endShape(true); brush.noStroke(); brush.fillBleed(0.035, "out"); brush.fillTexture(0.26, 0.182); brush.fill("#d2a548", 242); brush.beginShape(0.5); brush.vertex(300, 500); brush.vertex(266, 444); brush.vertex(254, 380); brush.vertex(271, 322); brush.vertex(294, 272); brush.vertex(302, 204); brush.vertex(326, 254); brush.vertex(352, 306); brush.vertex(360, 368); brush.vertex(345, 432); brush.vertex(320, 490); brush.endShape(true); brush.noStroke(); brush.fillBleed(0.025, "out"); brush.fillTexture(0.24, 0.16799999999999998); brush.fill("#d66c4e", 230); brush.beginShape(0.48); brush.vertex(300, 462); brush.vertex(281, 418); brush.vertex(283, 367); brush.vertex(302, 322); brush.vertex(314, 276); brush.vertex(329, 324); brush.vertex(337, 372); brush.vertex(324, 426); brush.endShape(true); brush.noStroke(); brush.fillBleed(0.02, "out"); brush.fillTexture(0.2, 0.13999999999999999); brush.fill("#e7d59c", 232); brush.beginShape(0.45); brush.vertex(301, 420); brush.vertex(292, 384); brush.vertex(304, 348); brush.vertex(316, 310); brush.vertex(326, 352); brush.vertex(322, 390); brush.vertex(314, 420); brush.endShape(true); brush.noStroke(); brush.fillBleed(0.04, "out"); brush.fillTexture(0.18, 0.126); brush.fill("#d66c4e", 170); brush.beginShape(0.4); brush.vertex(270, 378); brush.vertex(246, 350); brush.vertex(228, 320); brush.vertex(244, 332); brush.vertex(264, 349); brush.vertex(281, 368); brush.endShape(true); brush.noStroke(); brush.fillBleed(0.04, "out"); brush.fillTexture(0.18, 0.126); brush.fill("#e7d59c", 118); brush.beginShape(0.4); brush.vertex(334, 360); brush.vertex(356, 330); brush.vertex(374, 290); brush.vertex(372, 340); brush.vertex(352, 380); brush.endShape(true); brush.noStroke(); brush.fillBleed(0.06, "out"); brush.fillTexture(0.14, 0.098); brush.fill("#e7d59c", 225); brush.circle(302, 362, 15, 0.28); brush.set("HB", "#d2a548", 0.45); brush.stroke("#d2a548", 86); brush.line(126, 292, 138, 346); brush.line(138, 346, 132, 407); brush.set("HB", "#d2a548", 0.45); brush.stroke("#d2a548", 86); brush.line(474, 292, 462, 346); brush.line(462, 346, 468, 407); brush.set("2H", "#e7d59c", 0.5); brush.stroke("#e7d59c", 108); brush.line(288, 428, 302, 458); brush.line(302, 458, 316, 478); brush.set("2H", "#34283d", 0.5); brush.stroke("#34283d", 72); brush.line(206, 500, 258, 488); brush.line(258, 488, 292, 500); brush.set("2H", "#e7d59c", 0.45); brush.stroke("#e7d59c", 105); brush.line(308, 255, 315, 235); brush.line(315, 235, 322, 218); }