Попался

Обойные группы

Я увлёкся группами орнаментов. Меня зацепило, что их всего семнадцать, и любые повторяющиеся узоры можно представить в виде одной из них. Уже неделю их повсюду ищу: если встречается прикольная тротуарная плитка, узорчатая витрина или решётка на окне — останавливаюсь, долго смотрю, нахожу центры поворотов и оси симметрии. Потом захожу в Калейдо-Пейнт и пытаюсь там повторить паттерн.

Сегодня случилось озарение, что замощения — это очень топологическая штука. Я и раньше понимал, что взятие модуля от координат точки как бы приделывает верхний край тайла к его низу, а левую грань к правой. То есть сворачивает прямоугольник в тор. А тут вдруг как понял! Все обойные группы ровно про то же самое, только способов обработки края больше.

- Есть края, стыкующиеся с другими, как я выше написал.
- А есть те, которые тоже соединяются с другим краем, но перекручиваются как лист Мёбиуса.
- Ещё край может отражать, как будто это зеркало, сквозь которое можно пройти.
- А ещё край может быть приделанным сам к себе: как будто он сложен пополам и правая половина соединена с левой.

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

Если вам интересно про всё это узнать побольше, вот клёвый видос https://www.youtube.com/watch?v=C_konuQKGtQ

diff для согласования договоров и текст-понга

Иногда надо узнать, что в тексте поменялось. Например, внимательно прочитал договор, а тут клиент делает одну крошечную правку и присылает новый пдф. Скорее всего, там всё ок, но мало ли. Перечитывать всё заново не хочется.

Или мы с Адамом текст-понгаем: редактируем письма, посты и тексты на сайт по-очереди, прямо в телеге.

Выручает редактор кода — почти в любом, наверное, есть функция сравнения двух версий текста с подсветкой различий. Можно, конечно, и в гуглдоке приноровиться, но это долго и неудобно. А тут засунул две версии текста в окошки и сравнивай бок о бок. Даже скролл синхронный. Даже правки перетаскивать можно из одного окошка в другое. Чтобы не забыть, где какая версия, я новую всегда справа ставлю.

Вот смотрю и сразу вижу, что Адам про лапы и хвост удалил, а так бы и не заметил. Удалил, ну и ладно. И без лап нормально.

Алгоритмическая графика: JS для дизайна и искусства

Такой доклад прочитал на HolyJS. Показал несколько генеративных проектов и про каждый расскзал какую-то пригодившуюся технику или алгоритм.

Было много нового и интересного: новые люди, локации. И инструменты. Например, презу делал в sli.dev, вот тут лог-чат про процесс https://www.tgoop.com/ivandianov_log/649

А на груповое фото я не попал, потом как-нибудь прифотошоплю.

Загадочная плитка

То тут то там встречаю её под ногами. Кажется, она называется Бавария или French pattern. В Волгограде используются тайлы только таких размеров, как на фото: 1×2, 2×2, 2×3 и 3×4. И всегда их кладут так, что:
- нет тайлов 1×1
- большие плитки распределены равномерно.

Мне интересно, какой алгоритм угладки? Как его объясняют укладчикам? Есть курсы по угладке? Какие-то бест практисес?

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

Как перестать беспокоиться и начать делать презу

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

На HolyJS надо было длиннющую презу собрать, в которой аж пять разных проектов, плюс интро и аутро. Старый подход начал подводить: наделаю скриншотов по проекту, накопаю материала, а что-то не сходится, в общий нарратив не клеится, осталась неделя до выступления, а я не могу себя заставить сесть и допилить. А потом вообще решаю удалить весь кусок и рассказать про другой проект.

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

А вот когда текст обкатан, можно картинки добавить в тех местах, где они помогают донести мысль.

СКПД

Лет пять назад, когда ещё работал дизайнером интерфейсов, я устал наступать на одни и те же грабли и придумал себе аббревиатуру СКПД. Это была такая напоминалка, чтобы быстро чекнуть, а не фигню ли я делаю. Хочешь работать С хорошим КПД, применяй СКПД!

С — Сходимость
Задача должна уменьшаться по ходу выполнения, и это уменьшение должно быть заметно. Например, двигаюсь по списку из 10 пунктов и ставлю галочки.

К — Конечный результат
Надо представлять, что должно получиться в итоге выполнения задачи. Чтобы не работать не над тем.

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

Д — Декомпозиция
Чем мельче подзадачи и микродедлайны, тем проще их выполнять.

До сих пор пригождается. Какие у вас любимые упрощалки жизни?

Канал генклуба возвращается

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

George Ostrobrod придумал завести канал. И тут же оказалось, что канал у нас уже есть, чуть ли не со дня появления генклуба, только там пусто. И тогда за дело взялся Илья @ustredzo: когда кто-то публикует что-то интересное, он собирает у автора больше инфы и оформляет пост.

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

Так что гоу в @gen_channel смотреть, как устроены генеративные актинии Антона Симакова.
Подписывайтесь! В отложке уже ждут несколько крутых проектов.

@gen_channel
@gen_channel
@gen_channel

Запустил новый сайт

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

Как вам?

ivandianov.com

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

— Блочные клеточные автоматы — обратимые. Можно ими картинку перемешать а потом вернуть, как было

— Челендж All RGB: надо с помощью кода создать картинку, в которой каждый из 256×256×256 возможных цветов встречается ровно один раз

— Эпигипердерпфлардиоиды Питера клёво работают на мобильном, даже на поворот устройства реагируют

— Алгоритм А* для поиска кратчайшего маршрута

— Лучший в мире синт — TB-303

Готов к работе над новым проектом!

Вы, наверное, и так знаете, чем я люблю заниматься, но на всякий случай напомню:

— Разрабатываю генеративную айдентику и динамические логотипы. Могу оживить уже существующую айдентику или создать новую с нуля.
— Делаю онлайн-инструменты и плагины для дизайнеров — чтобы ускорить процесс и сделать результат более предсказуемым.
— Генерирую самую разную графику: от аватарок пользователей до вау-эффектных фонов на лендингах. С помощью генеративных визуализаций могу проиллюстрировать абстрактные понятия вроде «нейросеть» или «голосовой ассистент», которые так просто не покажешь.
— Спецпроекты и скроллителлинги с визуализацией данных — тоже моя тема.

Если у вас есть идея или задача, с которой я могу помочь — напишите @ivan_dianov, обсудим! А если такой проект есть у ваших знакомых, буду рад, если вы нас познакомите :–)

Записал настоящий обучающий видос, с музыкой, скринкастом и объясняющими демками.

Ютуб youtu.be/zblepnHHCSA
ВК vkvideo.ru/video-230304511_456239017

Текст-понг

Текстов для Сетки писать надо довольно много: это и объявления, и предложения о сотрудничестве, и отказ от сотрудничества, и рекламные объявления, и абзацы для сайта. Пост написать — это прямо большая задача, которую можно прокрастинировать неделю, а потом ещё неделю творчески мучаться. А потом ещё неделю обсуждать и согласовывать.

Мы с Адамом нашли способ писать тексты быстро, весело и с огоньком. Секрет в том, что редактировать проще, чем с нуля писать сразу хорошо.

Сначала один из нас пишет и отправляет в рабочий чат максимально кривой черновик. Если нет инфы, можно поставить заглушку в скобках (придумать вон то-то). Если даже черновик писать влом, можно отправить примерный план текста. Потом мы его по-очереди правим, дописываем детали, исправляем, кому что не нравится. Причём правки не только на уровне редактуры, но и на уровне смысла и бизнеса: редактируем цены, даты, условия сотрудничества.

Глядишь — а текст уже и готов.

Этот пост я тоже написал не за один заход. Сохранил в отложку и текст-понгал с собой из прошлого.

Вот такая вазочка получилась.

Дальше в планах — выращивать цифровые объекты снизу вверх, чтобы не было нависаний, придумать и спроектировать лавочку, вазон или прикольный кирпич. Может быть, замахнуться на непланарную печать. Это когда сопло то поднимается, то опускается, создаёт «кружевные» поверхности.

А что бы вы распечатали на бетонном принтере?

HolyJS опубликовали мой весенний доклад! Я там показываю несколько проектов, которых ещё нигде не показывал. И ещё долго не покажу, потому что ленюсь обновлять портфолио.

#видеозаписи #ТяжелыйПонедельник

Открываем новую видеозапись выступления:
Иван Дианов — Алгоритмическая графика: JS для дизайна и искусства

YouTube | VK Видео