Загадочная плитка
То тут то там встречаю её под ногами. Кажется, она называется Бавария или French pattern. В Волгограде используются тайлы только таких размеров, как на фото: 1×2, 2×2, 2×3 и 3×4. И всегда их кладут так, что:
- нет тайлов 1×1
- большие плитки распределены равномерно.
Мне интересно, какой алгоритм угладки? Как его объясняют укладчикам? Есть курсы по угладке? Какие-то бест практисес?
На самом деле, я уже пробовал похожую задачу на шейдере решить. И мне обидно, что укладчики её могут решить, а я — нет.
То тут то там встречаю её под ногами. Кажется, она называется Бавария или French pattern. В Волгограде используются тайлы только таких размеров, как на фото: 1×2, 2×2, 2×3 и 3×4. И всегда их кладут так, что:
- нет тайлов 1×1
- большие плитки распределены равномерно.
Мне интересно, какой алгоритм угладки? Как его объясняют укладчикам? Есть курсы по угладке? Какие-то бест практисес?
На самом деле, я уже пробовал похожую задачу на шейдере решить. И мне обидно, что укладчики её могут решить, а я — нет.
1😁14❤5🔥4🤯3
Как перестать беспокоиться и начать делать презу
Раньше я начинал собирать презу по слайдам: подбирал картинки, по ним выстраивал нарратив. И клёво работало, когда в презе было слайдов десять.
На HolyJS надо было длиннющую презу собрать, в которой аж пять разных проектов, плюс интро и аутро. Старый подход начал подводить: наделаю скриншотов по проекту, накопаю материала, а что-то не сходится, в общий нарратив не клеится, осталась неделя до выступления, а я не могу себя заставить сесть и допилить. А потом вообще решаю удалить весь кусок и рассказать про другой проект.
От меня скрывали. Оказалось, надо сперва написать текст, отредачить его, потом накидывать картинки. Потому что:
- Текст отредачить проще, чем слайды.
- Можно прогнать презу с секундомером и оценить тайминг, и на всю презу, и на каждый из разделов.
- Тексты я писать люблю, их сложнее прокрастинировать.
- Текст можно писать на телефоне в обсидиане, прямо во время прогулки. А можно надиктовать в телеграм и расшифровать.
- А ещё с телефона его можно читать, пока готовишься.
А вот когда текст обкатан, можно картинки добавить в тех местах, где они помогают донести мысль.
Раньше я начинал собирать презу по слайдам: подбирал картинки, по ним выстраивал нарратив. И клёво работало, когда в презе было слайдов десять.
На HolyJS надо было длиннющую презу собрать, в которой аж пять разных проектов, плюс интро и аутро. Старый подход начал подводить: наделаю скриншотов по проекту, накопаю материала, а что-то не сходится, в общий нарратив не клеится, осталась неделя до выступления, а я не могу себя заставить сесть и допилить. А потом вообще решаю удалить весь кусок и рассказать про другой проект.
От меня скрывали. Оказалось, надо сперва написать текст, отредачить его, потом накидывать картинки. Потому что:
- Текст отредачить проще, чем слайды.
- Можно прогнать презу с секундомером и оценить тайминг, и на всю презу, и на каждый из разделов.
- Тексты я писать люблю, их сложнее прокрастинировать.
- Текст можно писать на телефоне в обсидиане, прямо во время прогулки. А можно надиктовать в телеграм и расшифровать.
- А ещё с телефона его можно читать, пока готовишься.
А вот когда текст обкатан, можно картинки добавить в тех местах, где они помогают донести мысль.
❤18🔥6👾1
СКПД
Лет пять назад, когда ещё работал дизайнером интерфейсов, я устал наступать на одни и те же грабли и придумал себе аббревиатуру СКПД. Это была такая напоминалка, чтобы быстро чекнуть, а не фигню ли я делаю. Хочешь работать С хорошим КПД, применяй СКПД!
С — Сходимость
Задача должна уменьшаться по ходу выполнения, и это уменьшение должно быть заметно. Например, двигаюсь по списку из 10 пунктов и ставлю галочки.
К — Конечный результат
Надо представлять, что должно получиться в итоге выполнения задачи. Чтобы не работать не над тем.
П — Помидоры и таймбоксинг
Микродедлайны помогают сфокусироваться на небольших подзадачах, которые двигают в нужном направлении.
Д — Декомпозиция
Чем мельче подзадачи и микродедлайны, тем проще их выполнять.
До сих пор пригождается. Какие у вас любимые упрощалки жизни?
Лет пять назад, когда ещё работал дизайнером интерфейсов, я устал наступать на одни и те же грабли и придумал себе аббревиатуру СКПД. Это была такая напоминалка, чтобы быстро чекнуть, а не фигню ли я делаю. Хочешь работать С хорошим КПД, применяй СКПД!
С — Сходимость
Задача должна уменьшаться по ходу выполнения, и это уменьшение должно быть заметно. Например, двигаюсь по списку из 10 пунктов и ставлю галочки.
К — Конечный результат
Надо представлять, что должно получиться в итоге выполнения задачи. Чтобы не работать не над тем.
П — Помидоры и таймбоксинг
Микродедлайны помогают сфокусироваться на небольших подзадачах, которые двигают в нужном направлении.
Д — Декомпозиция
Чем мельче подзадачи и микродедлайны, тем проще их выполнять.
До сих пор пригождается. Какие у вас любимые упрощалки жизни?
❤21🔥2
Канал генклуба возвращается
Самые активные клубни коллективно подумали и решили, что главная польза от генклуба — смотреть, кто что делает и учиться у крутых ребят. И тут же стало понятно, что эту цель выполняет он так себе: если и появляется клёвый эксперимент или яркая работа, они быстро тонут в потоке сообщенек.
George Ostrobrod придумал завести канал. И тут же оказалось, что канал у нас уже есть, чуть ли не со дня появления генклуба, только там пусто. И тогда за дело взялся Илья @ustredzo: когда кто-то публикует что-то интересное, он собирает у автора больше инфы и оформляет пост.
Может быть, со временем появится бот, который собирает интересные сообщения, ссылки и новости из чата и пишет еженедельное саммари. Идеально для тех, кто не любит общие чаты и любит генклуб.
Так что гоу в @gen_channel смотреть, как устроены генеративные актинии Антона Симакова.
Подписывайтесь! В отложке уже ждут несколько крутых проектов.
@gen_channel
@gen_channel
@gen_channel
Самые активные клубни коллективно подумали и решили, что главная польза от генклуба — смотреть, кто что делает и учиться у крутых ребят. И тут же стало понятно, что эту цель выполняет он так себе: если и появляется клёвый эксперимент или яркая работа, они быстро тонут в потоке сообщенек.
George Ostrobrod придумал завести канал. И тут же оказалось, что канал у нас уже есть, чуть ли не со дня появления генклуба, только там пусто. И тогда за дело взялся Илья @ustredzo: когда кто-то публикует что-то интересное, он собирает у автора больше инфы и оформляет пост.
Может быть, со временем появится бот, который собирает интересные сообщения, ссылки и новости из чата и пишет еженедельное саммари. Идеально для тех, кто не любит общие чаты и любит генклуб.
Так что гоу в @gen_channel смотреть, как устроены генеративные актинии Антона Симакова.
Подписывайтесь! В отложке уже ждут несколько крутых проектов.
@gen_channel
@gen_channel
@gen_channel
❤14👍3👏2🔥1
Запустил новый сайт
На самом деле, я его так и не доделал. Но решил, что, несмотря на все косяки, он уже гораздо интереснее предыдущей версии. Пофиг, что мобильная версия кривая, а английская отвалилась. Зато много разных проектов показал.
Как вам?
ivandianov.com
На самом деле, я его так и не доделал. Но решил, что, несмотря на все косяки, он уже гораздо интереснее предыдущей версии. Пофиг, что мобильная версия кривая, а английская отвалилась. Зато много разных проектов показал.
Как вам?
ivandianov.com
❤32🔥16🥰3
Поболтали с Питером Пасмой про всё на свете, вот несколько ссылок, чтобы не потерялись. Вдруг, вам тоже интересно будет.
— Блочные клеточные автоматы — обратимые. Можно ими картинку перемешать а потом вернуть, как было
— Челендж All RGB: надо с помощью кода создать картинку, в которой каждый из 256×256×256 возможных цветов встречается ровно один раз
— Эпигипердерпфлардиоиды Питера клёво работают на мобильном, даже на поворот устройства реагируют
— Алгоритм А* для поиска кратчайшего маршрута
— Лучший в мире синт — TB-303
— Блочные клеточные автоматы — обратимые. Можно ими картинку перемешать а потом вернуть, как было
— Челендж All RGB: надо с помощью кода создать картинку, в которой каждый из 256×256×256 возможных цветов встречается ровно один раз
— Эпигипердерпфлардиоиды Питера клёво работают на мобильном, даже на поворот устройства реагируют
— Алгоритм А* для поиска кратчайшего маршрута
— Лучший в мире синт — TB-303
❤8👍4👏2
Media is too big
VIEW IN TELEGRAM
Готов к работе над новым проектом!
Вы, наверное, и так знаете, чем я люблю заниматься, но на всякий случай напомню:
— Разрабатываю генеративную айдентику и динамические логотипы. Могу оживить уже существующую айдентику или создать новую с нуля.
— Делаю онлайн-инструменты и плагины для дизайнеров — чтобы ускорить процесс и сделать результат более предсказуемым.
— Генерирую самую разную графику: от аватарок пользователей до вау-эффектных фонов на лендингах. С помощью генеративных визуализаций могу проиллюстрировать абстрактные понятия вроде «нейросеть» или «голосовой ассистент», которые так просто не покажешь.
— Спецпроекты и скроллителлинги с визуализацией данных — тоже моя тема.
Если у вас есть идея или задача, с которой я могу помочь — напишите @ivan_dianov, обсудим! А если такой проект есть у ваших знакомых, буду рад, если вы нас познакомите :–)
Вы, наверное, и так знаете, чем я люблю заниматься, но на всякий случай напомню:
— Разрабатываю генеративную айдентику и динамические логотипы. Могу оживить уже существующую айдентику или создать новую с нуля.
— Делаю онлайн-инструменты и плагины для дизайнеров — чтобы ускорить процесс и сделать результат более предсказуемым.
— Генерирую самую разную графику: от аватарок пользователей до вау-эффектных фонов на лендингах. С помощью генеративных визуализаций могу проиллюстрировать абстрактные понятия вроде «нейросеть» или «голосовой ассистент», которые так просто не покажешь.
— Спецпроекты и скроллителлинги с визуализацией данных — тоже моя тема.
Если у вас есть идея или задача, с которой я могу помочь — напишите @ivan_dianov, обсудим! А если такой проект есть у ваших знакомых, буду рад, если вы нас познакомите :–)
🔥12❤2👾2🎉1
Записал настоящий обучающий видос, с музыкой, скринкастом и объясняющими демками.
Ютуб youtu.be/zblepnHHCSA
ВК vkvideo.ru/video-230304511_456239017
Ютуб youtu.be/zblepnHHCSA
ВК vkvideo.ru/video-230304511_456239017
🔥27❤8😍5❤🔥1
Текст-понг
Текстов для Сетки писать надо довольно много: это и объявления, и предложения о сотрудничестве, и отказ от сотрудничества, и рекламные объявления, и абзацы для сайта. Пост написать — это прямо большая задача, которую можно прокрастинировать неделю, а потом ещё неделю творчески мучаться. А потом ещё неделю обсуждать и согласовывать.
Мы с Адамом нашли способ писать тексты быстро, весело и с огоньком. Секрет в том, что редактировать проще, чем с нуля писать сразу хорошо.
Сначала один из нас пишет и отправляет в рабочий чат максимально кривой черновик. Если нет инфы, можно поставить заглушку в скобках (придумать вон то-то). Если даже черновик писать влом, можно отправить примерный план текста. Потом мы его по-очереди правим, дописываем детали, исправляем, кому что не нравится. Причём правки не только на уровне редактуры, но и на уровне смысла и бизнеса: редактируем цены, даты, условия сотрудничества.
Глядишь — а текст уже и готов.
Этот пост я тоже написал не за один заход. Сохранил в отложку и текст-понгал с собой из прошлого.
Текстов для Сетки писать надо довольно много: это и объявления, и предложения о сотрудничестве, и отказ от сотрудничества, и рекламные объявления, и абзацы для сайта. Пост написать — это прямо большая задача, которую можно прокрастинировать неделю, а потом ещё неделю творчески мучаться. А потом ещё неделю обсуждать и согласовывать.
Мы с Адамом нашли способ писать тексты быстро, весело и с огоньком. Секрет в том, что редактировать проще, чем с нуля писать сразу хорошо.
Сначала один из нас пишет и отправляет в рабочий чат максимально кривой черновик. Если нет инфы, можно поставить заглушку в скобках (придумать вон то-то). Если даже черновик писать влом, можно отправить примерный план текста. Потом мы его по-очереди правим, дописываем детали, исправляем, кому что не нравится. Причём правки не только на уровне редактуры, но и на уровне смысла и бизнеса: редактируем цены, даты, условия сотрудничества.
Глядишь — а текст уже и готов.
Этот пост я тоже написал не за один заход. Сохранил в отложку и текст-понгал с собой из прошлого.
❤8👍5🔥4
Код → бетон
Я познакомился с ребятами из Лерто @lerto3d, они делают и продают офигенные 3д принтеры. Не простые, а бетонные. В смысле, они печатают бетоном, а не сделаны из него. Поэтому последнюю неделю в полусекретном чате https://www.tgoop.com/ivandianov_log/32/1236 я изобретал, что и как напечатать.
При печати бетоном подводных камней достаточно: он более жидкий, чем пластик, и застывает дольше. Надо внимательно следить, чтобы не было нависающих элементов.
В самом начале я рвался генерить именно траекторию движения сопла, но основатель компании Алексей Розов меня отговорил. Потому что помимо координат головки надо управлять и скоростью подачи бетона. Лучше в начале не усложнять задачу: генерить STL, а траекторию микструдера генерить в Cura
Поэтому я сделал демку: пара слайдеров, поле ввода с функцией, просмотр 3д модели, и кнопка «скачать STL». Самое интересное — функция. Она-то и определяет форму вазы: принимает на вход высоту точки h и значение параметра t (от 0 до 2pi), вычисляет и возвращает x и y. Если после какой-нибудь переменной добавить комментарий особого вида, в интерфейсе появится слайдер, который управляет её значением.
Это, например, функция, запечатлённая в бетоне:
Я познакомился с ребятами из Лерто @lerto3d, они делают и продают офигенные 3д принтеры. Не простые, а бетонные. В смысле, они печатают бетоном, а не сделаны из него. Поэтому последнюю неделю в полусекретном чате https://www.tgoop.com/ivandianov_log/32/1236 я изобретал, что и как напечатать.
При печати бетоном подводных камней достаточно: он более жидкий, чем пластик, и застывает дольше. Надо внимательно следить, чтобы не было нависающих элементов.
В самом начале я рвался генерить именно траекторию движения сопла, но основатель компании Алексей Розов меня отговорил. Потому что помимо координат головки надо управлять и скоростью подачи бетона. Лучше в начале не усложнять задачу: генерить STL, а траекторию микструдера генерить в Cura
Поэтому я сделал демку: пара слайдеров, поле ввода с функцией, просмотр 3д модели, и кнопка «скачать STL». Самое интересное — функция. Она-то и определяет форму вазы: принимает на вход высоту точки h и значение параметра t (от 0 до 2pi), вычисляет и возвращает x и y. Если после какой-нибудь переменной добавить комментарий особого вида, в интерфейсе появится слайдер, который управляет её значением.
Это, например, функция, запечатлённая в бетоне:
nr=1., //s 0 5
nx=nr*sin(t+h*4),
ny=nr*cos(t+h*4),
rn=3+5*noise(nx,ny,h*1+5),
r=mix(2,mix(rn,1,S(.0,.9,h)),S(0,1,h)),
a=t,
x=r*cos(a),
y=r*sin(a),
[x,y]
1🔥14❤4👍3👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Вот такая вазочка получилась.
Дальше в планах — выращивать цифровые объекты снизу вверх, чтобы не было нависаний, придумать и спроектировать лавочку, вазон или прикольный кирпич. Может быть, замахнуться на непланарную печать. Это когда сопло то поднимается, то опускается, создаёт «кружевные» поверхности.
А что бы вы распечатали на бетонном принтере?
Дальше в планах — выращивать цифровые объекты снизу вверх, чтобы не было нависаний, придумать и спроектировать лавочку, вазон или прикольный кирпич. Может быть, замахнуться на непланарную печать. Это когда сопло то поднимается, то опускается, создаёт «кружевные» поверхности.
А что бы вы распечатали на бетонном принтере?
1🔥17❤10👍3👏3
HolyJS опубликовали мой весенний доклад! Я там показываю несколько проектов, которых ещё нигде не показывал. И ещё долго не покажу, потому что ленюсь обновлять портфолио.
❤5🔥4🎉2
Forwarded from HolyJS — канал конференции
#видеозаписи #ТяжелыйПонедельник
Открываем новую видеозапись выступления:
Иван Дианов — Алгоритмическая графика: JS для дизайна и искусства
YouTube | VK Видео
Открываем новую видеозапись выступления:
Иван Дианов — Алгоритмическая графика: JS для дизайна и искусства
YouTube | VK Видео
YouTube
Иван Дианов — Алгоритмическая графика: JS для дизайна и искусства
Подробнее о конференции HolyJS: https://jrg.su/EM4wwV
— —
Спикер пять лет создает графику с помощью кода, работаю с дизайнерами и агентствами, разрабатывает интерактивные веб-анимации, генеративную айдентику и инструменты для дизайнеров.
В этом выступлении…
— —
Спикер пять лет создает графику с помощью кода, работаю с дизайнерами и агентствами, разрабатывает интерактивные веб-анимации, генеративную айдентику и инструменты для дизайнеров.
В этом выступлении…
🔥15❤4👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Ребята из @lerto3d распечатали ещё одну мою вазочку.
Думаю, не сделать ли онлайновый редактор, чтобы можно было на телефоне пальцем вазы рисовать. Вдруг вы знаете похожие приложения?
Думаю, не сделать ли онлайновый редактор, чтобы можно было на телефоне пальцем вазы рисовать. Вдруг вы знаете похожие приложения?
1❤20👍5💯2🙏1
Уроки закончились в школе,
astoundedkickdrum735
Сам себе рок-группа
Когда-то я писал стихи, постил на стихи.ру и на этом всё заканчивалось.
Хотелось намекнуть знакомому музыканту, что буду не против, если он какой-нибудь из них споёт под гитару. Но было неловко, и я не намекнул.
И вот пришло время, когда намекать больше не нужно! Берёте полузабытый стих в одну руку, suno.com в другую — оп! Трек готов. Удивительное ощущение, как будто детская мечта сбылась.
А вы писали в стол? Попробуйте что-нибудь через нейронку прогнать, интересно, что получится
Когда-то я писал стихи, постил на стихи.ру и на этом всё заканчивалось.
Хотелось намекнуть знакомому музыканту, что буду не против, если он какой-нибудь из них споёт под гитару. Но было неловко, и я не намекнул.
И вот пришло время, когда намекать больше не нужно! Берёте полузабытый стих в одну руку, suno.com в другую — оп! Трек готов. Удивительное ощущение, как будто детская мечта сбылась.
А вы писали в стол? Попробуйте что-нибудь через нейронку прогнать, интересно, что получится
🔥11❤5👏3
This media is not supported in your browser
VIEW IN TELEGRAM
Алгоритм А*
А стар — классный способ поиска пути. Он часто используется там, где надо построить маршрут: и в играх, и в робототехнике, и в яндекс картах. Чтобы лучше его понять, я решил запрогать его без нейросетей, вот прямо руками кнопки жал. Заодно затестил минималистичный онлайн редактор flems.io.
В моей визуализации «молния» прокладывает себе путь из угла в угол по серым пикселям и старается сделать этот путь как можно короче.
А стар — классный способ поиска пути. Он часто используется там, где надо построить маршрут: и в играх, и в робототехнике, и в яндекс картах. Чтобы лучше его понять, я решил запрогать его без нейросетей, вот прямо руками кнопки жал. Заодно затестил минималистичный онлайн редактор flems.io.
В моей визуализации «молния» прокладывает себе путь из угла в угол по серым пикселям и старается сделать этот путь как можно короче.
⚡15❤3👍3🔥2