Вот это пврт!
Оказалось, что у Константина сегодня ДР, ура! Ставьте 🎉, если поздравляете Константина. Ну какие сзвны в ДР? Сзвн переносится на завтра и будет в 19:00.
Крч. Срн. Сзвн бдт в пн, 19:00 мск.
Оказалось, что у Константина сегодня ДР, ура! Ставьте 🎉, если поздравляете Константина. Ну какие сзвны в ДР? Сзвн переносится на завтра и будет в 19:00.
Крч. Срн. Сзвн бдт в пн, 19:00 мск.
Как копировать текст отовсюду
Люблю мелкие упрощалки, вот, например, эту. С ней я могу скопировать в буфер обмена текст откуда угодно: субтитры из видео, путь к файлу из заголовка программы, телефон из нераспознанного ПДФ, текст ошибки из игрового интерфейса.
Раньше это тоже можно было сделать: на маке можно открыть картинку в просмотрщике и скопировать текст с неё, он довольно хорошо распознаётся. Но приходилось сперва сохранять буфер обмена в файл, потом открывать, ждать, пока текст распознается (это видно по изменению формы курсора над буквами), наконец — копировать.
А теперь скриншочу нужный фрагмент экрана в буфер обмена и рейкастом запускаю питоновский скрипт. Он распознаёт текст скриншота и копирует его в буфер обмена вместо картинки. Скрипт — в комментариях.
Мелочь, а приятно.
Люблю мелкие упрощалки, вот, например, эту. С ней я могу скопировать в буфер обмена текст откуда угодно: субтитры из видео, путь к файлу из заголовка программы, телефон из нераспознанного ПДФ, текст ошибки из игрового интерфейса.
Раньше это тоже можно было сделать: на маке можно открыть картинку в просмотрщике и скопировать текст с неё, он довольно хорошо распознаётся. Но приходилось сперва сохранять буфер обмена в файл, потом открывать, ждать, пока текст распознается (это видно по изменению формы курсора над буквами), наконец — копировать.
А теперь скриншочу нужный фрагмент экрана в буфер обмена и рейкастом запускаю питоновский скрипт. Он распознаёт текст скриншота и копирует его в буфер обмена вместо картинки. Скрипт — в комментариях.
Мелочь, а приятно.
Канал Ивана Дианова
Сзвн! Будем с Константином Келлером в прямом эфире делать штуку из точек. Я — кодить, а Константин быть заказчиком. Константин — директор по развитию ONY Digital, экс-дизайн-директор СберЗдоровья и Почта Банка Приходите знакомиться, советовать или просто…
This media is not supported in your browser
VIEW IN TELEGRAM
Кстати, сзвнились с Костей, сделали несколько крутящихся штуковин, в одну из них я сегодня Клодом добавил слайдеры для настройки.
Видео созвона получилось не особо развлекательным: я там периодически туплю, хожу кругами и не всегда получаю, что пытаюсь. Всё как в жизни. Но, если вдруг вам интересно посмотреть, как оно в жизни, видео в комментах.
Видео созвона получилось не особо развлекательным: я там периодически туплю, хожу кругами и не всегда получаю, что пытаюсь. Всё как в жизни. Но, если вдруг вам интересно посмотреть, как оно в жизни, видео в комментах.
Forwarded from Сетка — кодинг для дизайнеров (Ivan Dianov)
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
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
Я увлёкся группами орнаментов. Меня зацепило, что их всего семнадцать, и любые повторяющиеся узоры можно представить в виде одной из них. Уже неделю их повсюду ищу: если встречается прикольная тротуарная плитка, узорчатая витрина или решётка на окне — останавливаюсь, долго смотрю, нахожу центры поворотов и оси симметрии. Потом захожу в Калейдо-Пейнт и пытаюсь там повторить паттерн.
Сегодня случилось озарение, что замощения — это очень топологическая штука. Я и раньше понимал, что взятие модуля от координат точки как бы приделывает верхний край тайла к его низу, а левую грань к правой. То есть сворачивает прямоугольник в тор. А тут вдруг как понял! Все обойные группы ровно про то же самое, только способов обработки края больше.
- Есть края, стыкующиеся с другими, как я выше написал.
- А есть те, которые тоже соединяются с другим краем, но перекручиваются как лист Мёбиуса.
- Ещё край может отражать, как будто это зеркало, сквозь которое можно пройти.
- А ещё край может быть приделанным сам к себе: как будто он сложен пополам и правая половина соединена с левой.
Все знакомые замощения оказались свёрнутыми «резиновыми» кульками, цилиндрами и бутылками Клейна. Если двумерный чувак, который живёт в этой поверхности отправится в дальнее путешествие, он будет снова и снова проходить по одному и тому же рисунку, но ему будет казаться, что вокруг — бесконечный плоский мир, покрытый повторяющимся узором. Если чувак прошаренный, он по виду этого узора сможет догадаться о реальной форме пространства, в котором живёт.
Если вам интересно про всё это узнать побольше, вот клёвый видос https://www.youtube.com/watch?v=C_konuQKGtQ
diff для согласования договоров и текст-понга
Иногда надо узнать, что в тексте поменялось. Например, внимательно прочитал договор, а тут клиент делает одну крошечную правку и присылает новый пдф. Скорее всего, там всё ок, но мало ли. Перечитывать всё заново не хочется.
Или мы с Адамом текст-понгаем: редактируем письма, посты и тексты на сайт по-очереди, прямо в телеге.
Выручает редактор кода — почти в любом, наверное, есть функция сравнения двух версий текста с подсветкой различий. Можно, конечно, и в гуглдоке приноровиться, но это долго и неудобно. А тут засунул две версии текста в окошки и сравнивай бок о бок. Даже скролл синхронный. Даже правки перетаскивать можно из одного окошка в другое. Чтобы не забыть, где какая версия, я новую всегда справа ставлю.
Вот смотрю и сразу вижу, что Адам про лапы и хвост удалил, а так бы и не заметил. Удалил, ну и ладно. И без лап нормально.
Иногда надо узнать, что в тексте поменялось. Например, внимательно прочитал договор, а тут клиент делает одну крошечную правку и присылает новый пдф. Скорее всего, там всё ок, но мало ли. Перечитывать всё заново не хочется.
Или мы с Адамом текст-понгаем: редактируем письма, посты и тексты на сайт по-очереди, прямо в телеге.
Выручает редактор кода — почти в любом, наверное, есть функция сравнения двух версий текста с подсветкой различий. Можно, конечно, и в гуглдоке приноровиться, но это долго и неудобно. А тут засунул две версии текста в окошки и сравнивай бок о бок. Даже скролл синхронный. Даже правки перетаскивать можно из одного окошка в другое. Чтобы не забыть, где какая версия, я новую всегда справа ставлю.
Вот смотрю и сразу вижу, что Адам про лапы и хвост удалил, а так бы и не заметил. Удалил, ну и ладно. И без лап нормально.
Алгоритмическая графика: JS для дизайна и искусства
Такой доклад прочитал на HolyJS. Показал несколько генеративных проектов и про каждый расскзал какую-то пригодившуюся технику или алгоритм.
Было много нового и интересного: новые люди, локации. И инструменты. Например, презу делал в sli.dev, вот тут лог-чат про процесс https://t.me/ivandianov_log/649
А на груповое фото я не попал, потом как-нибудь прифотошоплю.
Такой доклад прочитал на HolyJS. Показал несколько генеративных проектов и про каждый расскзал какую-то пригодившуюся технику или алгоритм.
Было много нового и интересного: новые люди, локации. И инструменты. Например, презу делал в sli.dev, вот тут лог-чат про процесс https://t.me/ivandianov_log/649
А на груповое фото я не попал, потом как-нибудь прифотошоплю.
Загадочная плитка
То тут то там встречаю её под ногами. Кажется, она называется Бавария или French pattern. В Волгограде используются тайлы только таких размеров, как на фото: 1×2, 2×2, 2×3 и 3×4. И всегда их кладут так, что:
- нет тайлов 1×1
- большие плитки распределены равномерно.
Мне интересно, какой алгоритм угладки? Как его объясняют укладчикам? Есть курсы по угладке? Какие-то бест практисес?
На самом деле, я уже пробовал похожую задачу на шейдере решить. И мне обидно, что укладчики её могут решить, а я — нет.
То тут то там встречаю её под ногами. Кажется, она называется Бавария или French pattern. В Волгограде используются тайлы только таких размеров, как на фото: 1×2, 2×2, 2×3 и 3×4. И всегда их кладут так, что:
- нет тайлов 1×1
- большие плитки распределены равномерно.
Мне интересно, какой алгоритм угладки? Как его объясняют укладчикам? Есть курсы по угладке? Какие-то бест практисес?
На самом деле, я уже пробовал похожую задачу на шейдере решить. И мне обидно, что укладчики её могут решить, а я — нет.
Как перестать беспокоиться и начать делать презу
Раньше я начинал собирать презу по слайдам: подбирал картинки, по ним выстраивал нарратив. И клёво работало, когда в презе было слайдов десять.
На HolyJS надо было длиннющую презу собрать, в которой аж пять разных проектов, плюс интро и аутро. Старый подход начал подводить: наделаю скриншотов по проекту, накопаю материала, а что-то не сходится, в общий нарратив не клеится, осталась неделя до выступления, а я не могу себя заставить сесть и допилить. А потом вообще решаю удалить весь кусок и рассказать про другой проект.
От меня скрывали. Оказалось, надо сперва написать текст, отредачить его, потом накидывать картинки. Потому что:
- Текст отредачить проще, чем слайды.
- Можно прогнать презу с секундомером и оценить тайминг, и на всю презу, и на каждый из разделов.
- Тексты я писать люблю, их сложнее прокрастинировать.
- Текст можно писать на телефоне в обсидиане, прямо во время прогулки. А можно надиктовать в телеграм и расшифровать.
- А ещё с телефона его можно читать, пока готовишься.
А вот когда текст обкатан, можно картинки добавить в тех местах, где они помогают донести мысль.
Раньше я начинал собирать презу по слайдам: подбирал картинки, по ним выстраивал нарратив. И клёво работало, когда в презе было слайдов десять.
На HolyJS надо было длиннющую презу собрать, в которой аж пять разных проектов, плюс интро и аутро. Старый подход начал подводить: наделаю скриншотов по проекту, накопаю материала, а что-то не сходится, в общий нарратив не клеится, осталась неделя до выступления, а я не могу себя заставить сесть и допилить. А потом вообще решаю удалить весь кусок и рассказать про другой проект.
От меня скрывали. Оказалось, надо сперва написать текст, отредачить его, потом накидывать картинки. Потому что:
- Текст отредачить проще, чем слайды.
- Можно прогнать презу с секундомером и оценить тайминг, и на всю презу, и на каждый из разделов.
- Тексты я писать люблю, их сложнее прокрастинировать.
- Текст можно писать на телефоне в обсидиане, прямо во время прогулки. А можно надиктовать в телеграм и расшифровать.
- А ещё с телефона его можно читать, пока готовишься.
А вот когда текст обкатан, можно картинки добавить в тех местах, где они помогают донести мысль.
СКПД
Лет пять назад, когда ещё работал дизайнером интерфейсов, я устал наступать на одни и те же грабли и придумал себе аббревиатуру СКПД. Это была такая напоминалка, чтобы быстро чекнуть, а не фигню ли я делаю. Хочешь работать С хорошим КПД, применяй СКПД!
С — Сходимость
Задача должна уменьшаться по ходу выполнения, и это уменьшение должно быть заметно. Например, двигаюсь по списку из 10 пунктов и ставлю галочки.
К — Конечный результат
Надо представлять, что должно получиться в итоге выполнения задачи. Чтобы не работать не над тем.
П — Помидоры и таймбоксинг
Микродедлайны помогают сфокусироваться на небольших подзадачах, которые двигают в нужном направлении.
Д — Декомпозиция
Чем мельче подзадачи и микродедлайны, тем проще их выполнять.
До сих пор пригождается. Какие у вас любимые упрощалки жизни?
Лет пять назад, когда ещё работал дизайнером интерфейсов, я устал наступать на одни и те же грабли и придумал себе аббревиатуру СКПД. Это была такая напоминалка, чтобы быстро чекнуть, а не фигню ли я делаю. Хочешь работать С хорошим КПД, применяй СКПД!
С — Сходимость
Задача должна уменьшаться по ходу выполнения, и это уменьшение должно быть заметно. Например, двигаюсь по списку из 10 пунктов и ставлю галочки.
К — Конечный результат
Надо представлять, что должно получиться в итоге выполнения задачи. Чтобы не работать не над тем.
П — Помидоры и таймбоксинг
Микродедлайны помогают сфокусироваться на небольших подзадачах, которые двигают в нужном направлении.
Д — Декомпозиция
Чем мельче подзадачи и микродедлайны, тем проще их выполнять.
До сих пор пригождается. Какие у вас любимые упрощалки жизни?
Канал генклуба возвращается
Самые активные клубни коллективно подумали и решили, что главная польза от генклуба — смотреть, кто что делает и учиться у крутых ребят. И тут же стало понятно, что эту цель выполняет он так себе: если и появляется клёвый эксперимент или яркая работа, они быстро тонут в потоке сообщенек.
George Ostrobrod придумал завести канал. И тут же оказалось, что канал у нас уже есть, чуть ли не со дня появления генклуба, только там пусто. И тогда за дело взялся Илья @ustredzo: когда кто-то публикует что-то интересное, он собирает у автора больше инфы и оформляет пост.
Может быть, со временем появится бот, который собирает интересные сообщения, ссылки и новости из чата и пишет еженедельное саммари. Идеально для тех, кто не любит общие чаты и любит генклуб.
Так что гоу в @gen_channel смотреть, как устроены генеративные актинии Антона Симакова.
Подписывайтесь! В отложке уже ждут несколько крутых проектов.
@gen_channel
@gen_channel
@gen_channel
Самые активные клубни коллективно подумали и решили, что главная польза от генклуба — смотреть, кто что делает и учиться у крутых ребят. И тут же стало понятно, что эту цель выполняет он так себе: если и появляется клёвый эксперимент или яркая работа, они быстро тонут в потоке сообщенек.
George Ostrobrod придумал завести канал. И тут же оказалось, что канал у нас уже есть, чуть ли не со дня появления генклуба, только там пусто. И тогда за дело взялся Илья @ustredzo: когда кто-то публикует что-то интересное, он собирает у автора больше инфы и оформляет пост.
Может быть, со временем появится бот, который собирает интересные сообщения, ссылки и новости из чата и пишет еженедельное саммари. Идеально для тех, кто не любит общие чаты и любит генклуб.
Так что гоу в @gen_channel смотреть, как устроены генеративные актинии Антона Симакова.
Подписывайтесь! В отложке уже ждут несколько крутых проектов.
@gen_channel
@gen_channel
@gen_channel