TGViewer
Channel Public Channel
Сетка — кодинг для дизайнеров

Сетка — кодинг для дизайнеров

@setka_design

Дизайнерам про разработку. https://setka.design

Делают @adam_arutyunov и @ivan_dianov.
Open in Telegram
Subscribers
1.17K
Photos
125
Videos
66
Links
91

Showing posts older than #226 · Back to latest

Older Posts 20 shown
Post #225 1.08K
Сетка — кодинг для дизайнеров Ваня бросает вызов Адаму Давно Адам с Ваней не бросались вызовами. И вот, наконец-то. Адам! Сможешь сделать какую-нибудь штуку, которая вырастает по сетке?
Прототип Схемогенератора

Ответ на вызов Ивана Дианова ↑.

Я посмотрел на корни, которые Ваня скинул в качестве референса, и подумал, что это очень похоже на схему метро какого-нибудь Пекина или Токио.

Ну вы же знаете, в моей голове всё похоже либо на логотип метро, либо на схему метро. (Травма, которую мне нанесло посещение всех 250 станций московского метро.)

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

Исходник скетча: https://editor.p5js.org/AdamArutyunov/full/jZUuVnydb

P.S. Пятьдесят сердечек — и я делаю полноценный генератор красивой схемы с кастомизацией, сложными путями, ползунками и пресетами, как в Метрогенераторе :—).
  • 👾 50
  • ❤ 38
  • 🔥 2
  • 👎 1
  • 🆒 1
Post #224 913
Ваня бросает вызов Адаму

Давно Адам с Ваней не бросались вызовами. И вот, наконец-то.

Адам! Сможешь сделать какую-нибудь штуку, которая вырастает по сетке?
  • ❤‍🔥 18
  • 👍 6
  • 🆒 4
  • ⚡ 1
  • ❤ 1
  • 🔥 1
Post #223 3.43K
PEOPLE

Денис Башев с Ваней Диановым сделали PEOPLE. Это дизайн-инструмент для создания генеративной типографики.

В нём можно рисовать квадратики на бесконечном холсте. А можно не квадратики, а сразу целые буквы — для этого надо нажать нужную латинскую букву на клавиатуре.

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

people.ivandianov.com
people.ivandianov.com
people.ivandianov.com

Полная история разработки проекта — в отдельном канале.
  • 🔥 21
  • ❤ 6
  • 👍 1
Post #222 4.74K
Выпускник нашего курса гендизайна Глеб Шалимов создал Wave Logo Generator. Загружаешь фотку или логотип, двигаешь ползунки и получаешь его разные волновые версии. Красивое!

Приходите к нам учиться, следующий поток начинается через неделю. По секрету скажу, что мы всем-всем предлагаем сделать курсовик и сильно помогаем с ним. (Ване только дай кому-нибудь по-помогать, он будет созваниваться, пинать в личку и отвечать на все вопросы). Пока бесплатно, а скоро станет отдельной дорогой опцией.

setka.design
  • 👍 16
  • 🔥 11
  • ❤ 7
Post #221 1.63K
Сетка — кодинг для дизайнеров Стрим про… это как клеточные автоматы, только лучше В аукционе победил Женя. Деньги прислал. В эту субботу, в 18:00 по Москве мы с ним напишем упрощенную реализацию MarkovJunior и будем рисовать ей лабиринты, деревья и грибы. Ссылка на ютуб-стрим появится…
Марков-джуниор-стрим прошёл, видео на ютубе, код в комментариях.

Закодили систему правил. Это видео получается из двух правил:


IAAAA
↓
IJJJI



***
*J*
***
↓
L*L
*L*
L*L
  • ❤ 7
  • 👍 2
  • 🔥 2
Post #219 1.69K
Сетка — кодинг для дизайнеров Стрим про… это как клеточные автоматы, только лучше В аукционе победил Женя. Деньги прислал. В эту субботу, в 18:00 по Москве мы с ним напишем упрощенную реализацию MarkovJunior и будем рисовать ей лабиринты, деревья и грибы. Ссылка на ютуб-стрим появится…
Если вам показалось, что я прохлопал стрим, вам не показалось. Договорились перенести на четверг, в 18:00
  • 😁 7
  • 🤡 6
  • ❤ 5
  • 👍 1
  • 👎 1
  • 🤯 1
  • 💩 1
Post #218 1.77K
Сетка — кодинг для дизайнеров АУКЦИОН Все открытые занятия мы проводили с выпускниками курса в секретном Сетка-чате. Но я знаю, вы тоже хотите. Штош, кто предложит больше денег в комментариях, сможет не только стать героем следующего открытого созвона, но и выбрать любую тему. Разумеется…
Стрим про… это как клеточные автоматы, только лучше

В аукционе победил Женя. Деньги прислал.

В эту субботу, в 18:00 по Москве мы с ним напишем упрощенную реализацию MarkovJunior и будем рисовать ей лабиринты, деревья и грибы. Ссылка на ютуб-стрим появится перед созвоном. Впритык.
  • ❤ 11
  • 👍 5
  • 🔥 3
Post #216 1.78K
Генеративный логотип Greybeard Consulting

Разработали логотип для технического консалтинга. Он ориентирован на специалистов отрасли, а не на широкую аудиторию, не следует трендам. В нём отсылки к древним лабиринтам, кельтским узорам и печатным платам. И, как пологается бороде, ярко выраженная направленность вниз.

В процессе поняли, что знак похож на мозг, и сохранили это сходство. Разумеется, лабиринт каждый раз генерируется рандомно.

Онлайн генератор · Канал с гиперподробным процессом разработки · Иван Дианов — дизайнер и программист, Дмитрий Костюченко — арт-директор, Стренджер — поставщик ценных алгоритмических советов
  • ❤ 9
  • 👍 7
  • 🔥 3
  • ❤‍🔥 1
Post #212 1.83K
Сетка — кодинг для дизайнеров На открытом занятии Луиза вырастила яблоню. Если пропустили, вот ссылки: Ютуб с таймкодами: https://www.youtube.com/watch?v=y4LBSiWvatc Код: https://editor.p5js.org/illus0r/sketches/E-EwPPAMw
АУКЦИОН

Все открытые занятия мы проводили с выпускниками курса в секретном Сетка-чате. Но я знаю, вы тоже хотите.

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

Минимальную ставку сделаю я сам: 100 ₽. Кто больше?
Не стесняйтесь делать ставки меньше текущего лидера. Вдруг он передумает платить или мы не договоримся о теме созвона? Аукцион заканчивается в четверг вечером.
  • 👍 4
  • ❤ 3
  • 🔥 3
  • 👏 1
  • 💯 1
Post #209 1.45K
Сегодня в 19:00 по Москве созвонимся с Луизой, будем делать несложные фракталы на p5js. Будет ссылка трансляцию в ютубе, приходите!
  • 👍 9
  • 🔥 4
  • ❤ 1
Post #206 1.76K
Генеративная айдентика на заказ — начинаем приём заявок

Очень важная новость.

Теперь Сетка — не только образовательная платформа, но и брендинг-агенство, которое делает генеративный дизайн на заказ. Если вы хотите интерактивной красоты на сайт, динамическую айдентику, сто разных постеров или миллион уникальных визиток, обращайтесь к нам.

Мы уже сделали один крутой проект — про него скоро выйдет подробный анонс. А другие проекты покажем, когда они рассекретятся.

— Зачем заказывать дизайн у вас, если вы без портфолио?

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

Пишите @ivan_dianov — первичные заявки принимаются до 8 марта.
  • 🔥 19
  • ❤ 6
  • 👍 3
Post #205 1.51K
С шейдертоя к себе на сайт

Созвонились с Алексеем Соколовым. Цель была — взять шейдер с шейдертоя и вставить в сайт. Получилось хорошо, смотрите :–)
https://www.youtube.com/watch?v=q1jT7YqvESE
  • 🔥 11
  • ❤ 1
  • 👍 1
Post #203 1.48K
Добавление шейдера на сайт

Сегодня в 17:00 шейдерный созвон с Алексеем Соколовым. Возьмём шейдер с шейдертоя и вставим его на сайт вместо фонового видео.

Ссылка на стрим появится перед созвоном
  • ❤ 5
Post #198 1.84K
В воскресенье, 11 февраля, в 18:00 будет второй шейдерный созвон. На нём будет два Ивана, и вы приходите. Ссылку на стрим положу сюда перед самым созвоном.
  • ❤ 5
  • 👍 1
  • 👏 1
Post #197 1.54K
Сетка — кодинг для дизайнеров Стрим шейдерного созвона Завтра, в субботу, в 20:00 по Москве, созвонюсь с Женей, который немного знаком с шейдерами и хочет углубить это знакомство. Например, научиться делать кубик с тенюшками. Кубик вряд ли успеем, возможно, придётся очень медленно вкатываться…
Запись шейдерного созвона

https://www.youtube.com/live/zgwkHeK5Fmg
YouTube Стрим шейдерного созвона Финальный код: https://www.shadertoy.com/view/XfjSWt 2:28 Что такое шейдерные созвоны 3:50 Цель созвона 5:26 Шейдертой 6:50 Код базового шейдера 18:18 Рейтрейсинг, аналитическое нахождение пересечений 37:30 Рейтрейсинг с одинаковыми шагами 47:34 Реймаршинг…
  • ❤ 9
  • 🔥 2
  • 👍 1
Post #196 1.45K
Стрим шейдерного созвона

Завтра, в субботу, в 20:00 по Москве, созвонюсь с Женей, который немного знаком с шейдерами и хочет углубить это знакомство. Например, научиться делать кубик с тенюшками.

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

Тут будет ссылка на ютубный стрим. Это экспериментальный формат, приходите, если любите экспериментальные форматы.
  • 👍 14
  • ❤ 4
  • 🔥 1
Post #195 1.61K
Идеи для курса по шейдерам

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

И тут Ваня говорит:

— «А давай придумывать курс вместе с теми, кто хочет его пройти? Вот прямо сделаем чатик и всех туда позовём».

А Адам ему:

— «Мне в целом ок. Нужно только придумать, как в этот чат можно будет попасть. Или просто открытая ссылка будет лежать в посте?»

Но тут Ваня такой:

— «Неееее! Позовём только тех, кто гугл-форму заполнит, расскажет про свой интерес к шейдерам, и мы отправим лично ему ссылку на телеграм-канал».

Адам отвечает:

— «Тогда к нам придёт полтора человека. Нужен какой-то минимальный порог входа, чтобы отсеять тех, кто прям совсем мимо проходил».

Рассказчик:

— «Ну тогда будем считать, что если человек дочитал до этого момента и не закрыл пост, значит, ему интересно».

Ваня:

— «Тогда мы положим ссылку на чатик первым комментарием под постом. Чтобы те, кому интересно, быстро нашли. Что думаешь?»

Адам:

— «Нравится, давай так».
  • 🔥 14
  • ❤ 4
  • 👍 3
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →