Канал Ивана Дианова
1.08K subscribers
329 photos
159 videos
1 file
245 links
Про генеративную графику и эксперименты с кодом. ivandianov.com

Приходите на курс https://setka.design

Автор канала @ivan_dianov
Download Telegram
Вот это пврт!

Оказалось, что у Константина сегодня ДР, ура! Ставьте 🎉, если поздравляете Константина. Ну какие сзвны в ДР? Сзвн переносится на завтра и будет в 19:00.

Крч. Срн. Сзвн бдт в пн, 19:00 мск.
Live stream scheduled for
Live stream finished (1 hour)
Как копировать текст отовсюду

Люблю мелкие упрощалки, вот, например, эту. С ней я могу скопировать в буфер обмена текст откуда угодно: субтитры из видео, путь к файлу из заголовка программы, телефон из нераспознанного ПДФ, текст ошибки из игрового интерфейса.

Раньше это тоже можно было сделать: на маке можно открыть картинку в просмотрщике и скопировать текст с неё, он довольно хорошо распознаётся. Но приходилось сперва сохранять буфер обмена в файл, потом открывать, ждать, пока текст распознается (это видно по изменению формы курсора над буквами), наконец — копировать.

А теперь скриншочу нужный фрагмент экрана в буфер обмена и рейкастом запускаю питоновский скрипт. Он распознаёт текст скриншота и копирует его в буфер обмена вместо картинки. Скрипт — в комментариях.

Мелочь, а приятно.
Канал Ивана Дианова
Сзвн! Будем с Константином Келлером в прямом эфире делать штуку из точек. Я — кодить, а Константин быть заказчиком. Константин — директор по развитию ONY Digital, экс-дизайн-директор СберЗдоровья и Почта Банка Приходите знакомиться, советовать или просто…
This media is not supported in your browser
VIEW IN TELEGRAM
Кстати, сзвнились с Костей, сделали несколько крутящихся штуковин, в одну из них я сегодня Клодом добавил слайдеры для настройки.

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

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

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

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

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

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

Работа затянулась на полгода, но потихоньку едет. Очень стремимся к тому, чтобы результат был классный. Пока получаются вот такие штуки, но это только начало. Стей тюнд!
This media is not supported in your browser
VIEW IN TELEGRAM
Мой ответ Бостон Динамиксу

С помощью сосиски из Самоката я нашёл баг в игре и выиграл промокод на Самокат.
Попался
Обойные группы

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

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

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

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

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

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

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

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

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

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

Было много нового и интересного: новые люди, локации. И инструменты. Например, презу делал в sli.dev, вот тут лог-чат про процесс https://t.me/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