Переименовал канал (раньше он был AdobeScript). Ну потому что уже давно я занимаюсь не только скриптами в Адобе.

Точнее даже так: мы стараемся всё делать в вебе, и используем Адоб Индизайн или Иллюстратор только при острой необходимости (когда клиент там работает).

С момента первой версии JP — генератора PDF-файлов — он круто прокачался и по возможностям, и по скоростям.

Вот, например, генератор визитки в вебе — https://autocraft.app/example/vcard

Кажется, примитивный случай, но посмотрите, что в этом примере работает «из коробки» в браузере без сервера:
— цвета в CMYK, миллиметры, куар-код с электронной визиткой vCard (можно рисовать любую форму в точках или углах куара);
— 2-страничный макет, оборотная сторона может быть вертикальной (или другого размера);
— все шрифты в кривых (в свойствах PDF-файла вы не найдёте следы шрифтов);
— вы можете загрузить свой PDF-файл в качестве логотипа (можно даже только что скаченную визитку снова вложить в новую визитку, как на картинках).

Далее опции посложней, не совсем очевидные:
— движок сам нарисовал форму ввода и следит за обновлением данных (но можно сделать свой интерфейс и контролировать данные перед генерацией),
— должность в визитке всегда под именем, даже если имя написано в одну или три строки (привязка элементов друг к другу);
— один из шрифтов был создан автором из вариативного, и при кривлении в Фигме в углах образовывались «дыры» в заливке, а тут всё хорошо;
— превью каждой страницы PDF-файла выведено на отдельные PNG-картинки, то есть это не HTML+CSS примерный вид файла, а реальный и контролируемый вид;
— работает условный шаблон, то есть шрифт и цвета визитки зависят от выбора в селекте; причем это не какой-то кастомный JS-код, а генератор обрабатывает условия и меняет цвет.

На самом деле движок уже умеет и RGB-цвета делать, или делать CMYK-файлы с превью в RGB-цветах. Или можно подключить Гугл-таблицу и скачать сразу сотню файлов. Или класть в PDF-файл картинку, а не только PDF.

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

Когда начал программировать самостоятельное рисование букв, надо было узнать всё про строение букв. Начал гуглить сайты и шерстить статьи в Википедии.

На каких-то сайтах было всё хорошо написано, но не хватало картинок. Где-то картинки хорошие, но навигация ужасная. Сразу хотелось сделать самому сайт про буквы!

И вот встретил прекрасный сайт, где это всё собрано и с авторскими иллюстрациями. Сайт пополняется. Русского языка нет, но у всех статей есть теги и темы.

Просто вау — https://wiki.wordsoftype.com

Выступил на конфе HolyJS с темой «Автоматизация дизайна на JS». Было круто и бодро!

Выступать на конференции для программистов — дело не простое. Там одними картинками и словами нельзя ограничиваться. Надо залезать «под капот». Поэтому показал, как движок JP точно рисует глифы из шрифта и как это собирается в тексты.

Я заморочился и сделал тему в редакторе кода в цветах презентации, чтобы выглядело цельно. Пришлось переделать все слайды, которые использовал раньше. Но, думаю, оно того стоило. Получилась большая подробная презентация про работу движка, которую скоро частями опубликую на сайте.

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

И в конце рассказал о настоящем будущем — сложных системах, которые сейчас делаем с ребятами в «Эникрафте» @anycrafttech. Сложные системы для упрощения работы ;–)

В общем, зовите на конференции или другие мероприятия!

Спасибо организаторам HolyJS @holyjs_channel, что позвали!

И отдельное спасибо Саше @korotaev_to_hard — у Саши классный канал про генеративную графику.