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

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

@setka_design

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

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

Showing posts older than #149 · Back to latest

Older Posts 14 shown
Post #147 932
Генератор тротуарной плитки

Первый раз в жизни использовал p5.js не просто для создания красивой графики, а для решения РЕАЛЬНЫХ задач из РЕАЛЬНОЙ жизни.

Ситуация — выбор тротуарной плитки для укладки вокруг загородного дома. Форму выбрали, но нужно подобрать цвета. Можно примерно смотреть на палитру в каталоге и представлять в голове результат, а можно ничего не представлять и за 15 минут запрограммировать визуализацию.

Написал скетч, который принимает объект из цветов и их пропорций (например, можно смешать одну часть белого, одну чёрного и две серого) и рисует плитку, распределяя цвета более или менее равномерно. Двигая цвета и их концентрации, выбрали идеальные пропорции для покрытия.

Кстати, открыта запись на курс генеративного дизайна. Начало 24 октября, сейчас билеты продаются со скидкой. Приходите — научитесь такие штуки на раз-два делать.
  • ❤ 4
  • 🔥 3
Post #146 933
Сетка — кодинг для дизайнеров Адам бросает вызов Ване Йойосо, Тбилиси. Коврик для ног. Сможешь нагенеративить что-то похожее?
Ваня бросает вызов Адаму

В аэропорту я подкрался и сфоткал чувака в такой вот кофте. Сделаешь паттерн кодом? :–)
  • 😁 10
  • ❤ 4
Post #145 873
Генератор тетрис-поля

Написал скетч, который автоматически заполняет поле фигурками из тетриса. Размер фигурок можно регулировать, так что на самом деле, это не совсем тетрис — можно сделать пентис, гексис или даже гекатонис.

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

Можно играться с алгоритмом, и этого даже не нужно уметь программировать. Просто подставляйте любые числа справа от знака равенства в самом начале кода и нажимайте на кнопку старта — результат будет меняться :—).
  • ❤ 12
  • 🔥 3
  • 👾 2
Post #142 1.33K
Новости курса по веб-разработке

1. Теперь курс разбит на два модуля — отдельно про вёрстку, отдельно про программирование. Оба модуля длятся по три недели, можно купить билеты на любой из них (или на оба сразу — со скидкой). На первом будет только HTML и CSS, а на втором — программирование на джаваскрипте.

2. Теперь программа дополнена красивыми интерактивными примерами. Всё, что нарисовано в карточках, мы будем делать на занятиях.

3. Появился FAQ, который разъясняет вопросы по курсу. Признаемся — на самом деле эти вопросы не то чтобы прям часто задаваемые. Некоторые вообще незадаваемые. Но в интернете есть традиции, и здесь мы разрешили себе немного карго-культа.

4. Появились отзывы выпускников первого потока.

5. Открыт набор на новый поток

Он пройдёт с 30 октября по 8 декабря. Пока что это наш самый длинный курс. Билеты продаём сильно заранее, и чем раньше записаться — тем дешевле.

Подробности, красивая программа, отзывы и фак — на сайте. Покупка билетов через нашего бота: @gendesign_bot.
  • ❤ 5
Post #141 1.06K
Есть два способа нас поздравить, и только один из них бесплатный. (Иван Дианов сказал, что это предложение кринжовое, но сегодня день рождения, поэтому всё можно).

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

Про второй способ нужно рассказать подробнее.
Post #137 1.05K
🎉 День рождения Сетки

Сетке — один год.

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

«Привет, Адам! А хочешь со мной делать курс по генарту? Там будет модуль для новичков, которые JS не знают. А ты теорию клёво объясняешь».

А я как раз хотел реализоваться не только как программист, но и как преподаватель. Потом были еженедельные созвоны, три месяца подготовки, единственная на сегодняшний день личная встреча в Волгограде, первое чтение, второе, третье, бренд «Сетка», курс по веб-разработке, реформат курса гендизайна, и вот мы здесь.

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

Почему день рождения сегодня, если Ваня написал мне 8 сентября? Ну мы забыли просто. Вот милые фотки на память ↑.
  • ❤ 12
  • 🎉 5
  • 🔥 4
  • 😁 1
Post #136
Сетка — кодинг для дизайнеров pinned «Этот код страшный и непонятный. Не читайте его. Я его запостил, только чтобы выглядеть поумнее. Но суть простая: код выполняется каждый кадр анимации для каждого пикселя на экране. Зная координаты пикселя FC и время t код вычисляет цвет пикселя o. Видите…»
Post #135 873
Сетка — кодинг для дизайнеров Ваня, а можешь рассказать, что это за страшное заклинание в середине поста? Неужели это и есть программирование? Неужели мы учим этому? Можно ли программировать как-то попроще? С чего начать, чтобы не сойти с ума?
Этот код страшный и непонятный. Не читайте его. Я его запостил, только чтобы выглядеть поумнее.

Но суть простая: код выполняется каждый кадр анимации для каждого пикселя на экране. Зная координаты пикселя FC и время t код вычисляет цвет пикселя o. Видите в конце что-то вроде o=vec4(R,G,B,A)? Это и есть цвет.

Шейдерам мы учим на курсе по шейдерам, которого ещё нет :–) Чтобы я быстрее его делал, нажмите 💩
  • 💩 36
  • ❤ 1
Post #134 871
Сетка — кодинг для дизайнеров Вызов принят и переработан в видосик. Вместе со мной к работе руку приложил именитый демосценер @jin_x. Мало того, что всё работает, так ещё и код вышел крошечный. Есть такая веселуха «кодгольф». Надо уместить программу в минимальное число символов, например…
Ваня, а можешь рассказать, что это за страшное заклинание в середине поста?

Неужели это и есть программирование? Неужели мы учим этому? Можно ли программировать как-то попроще? С чего начать, чтобы не сойти с ума?
Post #133 905
Сетка — кодинг для дизайнеров Адам бросает вызов Ване Йойосо, Тбилиси. Коврик для ног. Сможешь нагенеративить что-то похожее?
Вызов принят и переработан в видосик. Вместе со мной к работе руку приложил именитый демосценер @jin_x.

Мало того, что всё работает, так ещё и код вышел крошечный.

Есть такая веселуха «кодгольф». Надо уместить программу в минимальное число символов, например, чтобы в твит влезла. Наша влезает.


vec2 u=FC.xy/r.y*2.,v=u;
u=abs(fract(u+t*.5)*2.-1.);
u=u*.66+.166;
ivec2 i=ivec2(u*3.);
if(i.x==i.y==(i.y==1))u=u.yx;
if(i.y*i.x==1)u*=rotate2D(.8);
vec3 c=cos(PI*(v.y/2.+vec3(0,.3,.6)));
o=vec4(1.-c*c*fract(u.x*10.),0);

Онлайн демка и код. Попробуйте какие-нибудь цифры поменять рандомно, обычно что-то прикольное получается.
  • ❤ 10
  • 🔥 3
Post #132
Channel name was changed to «Сетка — кодинг для дизайнеров»
Post #131 768
Адам бросает вызов Ване

Йойосо, Тбилиси. Коврик для ног. Сможешь нагенеративить что-то похожее?
  • 😁 10
  • 🔥 2
  • ❤ 1
Post #125 869
Подборка работ генеративного художника Ивана Дианова.

(Мне кажется, чувак шарит, надо позвать его в Сетку. Может, знает контакт кто-то?)

#генеративные_художники
  • 😁 17
  • 🔥 8
  • 👏 2
  • 👍 1
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 →