КАК ДЕЛАЕТСЯ ОБРАЗЕЦ.

Этюд читается

sharp декодирует закоммиченный PNG и приводит его к 900 единицам по ширине. Все дальнейшие шаги работают в этом пиксельном пространстве, и оно же становится viewBox у SVG.

Фон отрезается

Маска по яркости оставляет каждый пиксель, чей самый тёмный канал ниже потолка: по умолчанию 244 из 255, для отдельного образца потолок ужимается в манифесте. На белой бумаге без падающей тени это одно сравнение и есть весь рез.

Маска закрывается, потом открывается

Дилатация, эрозия, эрозия, дилатация с радиусом в один пиксель. Закрытие первым заполняет проколы, которые оставляет сжатый этюд; открытие следом убирает крошку. В обратном порядке эрозия сводит лапу к нулю раньше, чем дилатация успевает её вернуть.

Мелкие компоненты выбрасываются

Маска разливается на связные области. Остаётся самая большая и каждая область, занимающая хотя бы четыре процента её площади. Здесь уходит случайная крошка и остатки тени.

Обходится контур

Каждый пиксель маски, у которого есть сосед-фон, — граничный. Их прореживают до одной точки на несколько пикселей и кладут в набор первыми, поэтому силуэт режется настоящими вершинами. Граница маски дополнительно вписывается в поле краёв на полную силу, что притягивает к очертанию и остальные точки.

Внутренность засевается точками

Точки бросаются внутри собственного ограничивающего прямоугольника маски, поэтому бюджет тратится там, где стоит образец. Поле краёв по Собелю решает судьбу кандидата: на ровном участке держится порог 0,035, на переломе он поднимается почти до единицы. В одну ячейку синего шума попадает одна точка, а размер ячейки считается от площади маски — cell = √(площадь маски / (точки · 1,15)) — и это не даёт граням слипаться. Генератор — mulberry32 с зерном из манифеста, поэтому розыгрыш повторяется в точности.

Точки триангулируются

Одна триангуляция Делоне по всему набору, контур и внутренность вместе, через Delaunator.

Треугольники вне маски выбрасываются

Треугольник, чей центроид попал на фон, отбрасывается; вместе с ним уходит любой треугольник площадью меньше квадратной единицы. Остаток покрывает образец и заканчивается на его краю.

Грань получает цвет

Усредняются четыре пробы: центроид и три точки на полпути от него к вершинам. Среднее садится на краски, назначенные образцу, — четыре из девяти красок логотипа на рыночной пластине и все девять на знаке студии, — где тон выбирает семейство, а светлота выбирает одну из трёх ступеней: затемнение к чернилам, сама краска, высветление к белому. Грань без выраженного тона садится на чернила или на бумагу. Форж сажает цвет на полную силу, поэтому каждая грань опубликованной сетки держит одно из этих плоских значений.

Грани ранжируются вдоль оси

Ковариация центроидов даёт главную ось образца, и ранг грани — её проекция на эту ось, записанная в полигон как --i. Развёртка идёт вдоль тела: от носа к хвосту у четвероногого, от клюва к лапам у голенастой птицы, и ручную ось не приходится держать в согласии с рисунком.

SVG записывается

Координаты округляются до целых единиц: viewBox — 900 в ширину, и десятая доля единицы это доля пикселя. Затем каждая вершина отодвигается на 0,45 единицы от центроида своей грани, соседи слегка перекрываются, и между ними не остаётся волоска бумаги. В полигоне лежат только ранг и заливка. Второй, более грубый проход на 26 процентах бюджета сливает одноцветные грани в один путь на краску — этот файл грузят ячейки сетки и марки по 64 пикселя.