{
const context = DOM.context2d(width, height);
for (const t of animate()) {
yield t.then((t) => {
context.fillStyle = "#101656";
context.fillRect(0, 0, width, height);
context.beginPath();
context.strokeStyle = "#fe5e60";
context.lineWidth = 4;
context.fillStyle = "#4d2858";
context.beginPath();
let i = 0;
context.moveTo(...transform(mask[0], t, i, randomPerVertex[i]));
for (let position of mask.slice(1)) {
i++;
context.lineTo(...transform(position, t, i, randomPerVertex[i]));
}
context.closePath();
context.fill();
context.stroke();
return context.canvas;
});
}
}