Если вам показалось, что я прохлопал стрим, вам не показалось. Договорились перенести на четверг, в 18:00

Марков-джуниор-стрим прошёл, видео на ютубе, код в комментариях.

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

IAAAA
↓
IJJJI

***
*J*
***
↓
L*L
*L*
L*L

Выпускник нашего курса гендизайна Глеб Шалимов создал Wave Logo Generator. Загружаешь фотку или логотип, двигаешь ползунки и получаешь его разные волновые версии. Красивое!

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

setka.design

PEOPLE

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

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

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

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

Полная история разработки проекта — в отдельном канале.

Ваня бросает вызов Адаму

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

Адам! Сможешь сделать какую-нибудь штуку, которая вырастает по сетке?

Прототип Схемогенератора

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

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

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

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

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

P.S. Пятьдесят сердечек — и я делаю полноценный генератор красивой схемы с кастомизацией, сложными путями, ползунками и пресетами, как в Метрогенераторе :—).

Нет, я понял, что просить ставить сердечки неэтично.

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

Ставьте спейс-инвейдера.

JavaScript по-дизайнерски. Предварительная запись

В прошлом году мы запустили и провели курс по веб-разработке (лендос немного заржавел, но всё главное осталось). На нём мы учили дизайнеров верстать на HTML/CSS и программировать прикольные штуки на Джаваскрипте.

Спустя год мы решили перезапустить курс в новом формате:
— мы больше не учим вёрстке, остаётся только программирование;
— сначала с нуля учим основам JavaScript (только тому минимуму, который нужен для практики);
— затем разбираем и программируем пять-шесть красивых примеров разных скетчей для сайта — параллакс, отслеживание мышки, отсеивание скролла страницы, сложные анимации и что-то ещё;
— делаем всё на голом HTML/CSS/JS, но показываем, как вставить скетч в Тильду или Редимаг;
— как всегда, учим фундаментально и рассказываем, как превратить любую идею в реализацию, чтобы после курса вы могли сами делать любые другие штуки.

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

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

Мы посмотрим на ответы, а через несколько недель выпустим обновлённый лендинг и откроем запись на живой поток. Пожалуйста, тыкните на кнопки в форме до 19 июля 23:59 МСК.

<Приём заявок завершён, запись на курс ↓ внизу.>

Умные люди в тиктоке сказали, что мы больше не можем собирать персональные данные сограждан с помощью зарубежных гугл-форм. Поэтому, если есть что рассказать или спросить — пожалуйста, пишите в личку: @adam_arutyunov.

Генератор шрифта с иероглифами

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

Я недавно узнал про библиотеку opentype.js.org, она умеет редактировать шрифты прямо в браузере. Отличный повод проверить её в работе!

За основую взял генератор лабиринтов, 3×6 клеток. Некоторые тупики обрезаю, чтобы форма символов была разнообразнее.

Код генератора https://editor.p5js.org/illus0r/sketches/rEznz8Wee
История создания — https://t.me/setka_design/232?comment=655