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

Вернёмся к курсу по математике. Вот текущий статус:

1. Курс будет.

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

2. Курс будет заметно дешевле наших остальных.

Это стратегическое решение:
— Во-первых, хочется, чтобы его прошли как можно больше людей;
— Во-вторых, это такой бизнес-трюк. Промо-трамплин-курс, который знакомит с нами, нашими занятиями и подходом к обучению. Есть предположение, что занятия мы ведём интересно, и захочется поучиться у нас чему-нибудь ещё. При этом курс такой же качественный, как и остальные, мы делаем всё в полную силу.

3. Курс будет состоять из одиннадцати полуторачасовых занятий и одного секретного факультатива. Всё будет проходить в спокойном темпе, два занятия в неделю — должны уложиться в полтора месяца. Курс пройдёт целиком либо до нового года, либо после. Как всегда, будет общий чат в телеге и навсегда доступный канал с записями.

4. Анонс и начало продаж планируются на начало октября. Школьникам и студентам будет 50%-я скидка.

(Курс по шейдерам всё ещё в активной разработке.)

Скидка на курс генеративного дизайна действует сегодня.

Скидка на курс генеративного дизайна действует завтра.

Послезавтра скидка на курс генеративного дизайна не действует.

Вдогонку, про Сетку.
_____

Апгрейднул сайт Сетки

У Сетки есть сайт setka.design, который я написал на втором Вью пару лет назад.

Почему вью-2, если давно есть вью-3? Не знаю — я писал на вью-2 в студии, и уже тогда это считалось устаревшей технологией. Но я писал на чём знаю, а другого ничего не знал.

К 2025 году вью-2 окончательно превратился в древнее неподдерживаемое. Технологически сайт Сетки меня очень бесил, работал медленно и с багами, его было сложно запустить, там была куча депрекейтед-зависимостей, и к нему было невозможно прикрутить ни одну современную библиотеку.

Очень хотелось переписать и пересобрать сайт на вью-3, но это очень много механической и инфраструктурной работы.

(Примерный масштаб: апгрейд с вью-2 на вью-3 — это примерно 5-6 лет разработки фронтенд-технологий в целом. Это примерно как апгрейд с питона-2 на питон-3! А ещё помимо статических страниц у нас есть инструменты со всяким кастомным кодом — p5-скетчи на лендингах, Метрогенератор и Пиксельсорт. В общем, сайт не очень большой, но и не очень маленький.)

Месяц назад проект отказался запускаться локально, и решил, что пришло время. Но к счастью к этому времени уже изобрели Курсор, которому можно поручить всё переписать.

В этот день произошло чудо — на всё ушло ровно шесть часов. А именно на:
— обновление и переподключение всех зависимостей;
— полное переписывание кода фронтенда с Vue 2 на Vue 3, пересборку стилей и плагинов;
— переход с Nuxt 2 на Nuxt 3 (сопутствующий переход с Webpack на Vite);
— переход с Pug на HTML (паг хороший, но надоел, много чем бесит в связке с фронтендом);
— переход с SASS на SCSS (по вайбам);
— перевод лейзи-лода картинок и видео со старой кривой библиотеки на нативные инструменты браузера;
— обновление ESLint и CI/CD-пайплайнов.

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

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

Заходите на новый сайт — там ничего не поменялось.

Курс генеративного дизайна в новом формате

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

Задумка была такая: не вываливать на ученика сразу весь материал, а давать его по кусочкам (так же, как в живом курсе). При этом живое общение заменялось чатом с нами и всеми участниками.

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

И этот формат оказался удобнее, потому что можно проходить курс в своём темпе. Можно спокойно и вдумчиво, а можно заинтенсивить за неделю.

Сегодня мы перезапускаем в этом формате курс генеративного дизайна.

______

Про что курс

Этот курс — про основы программирования на JS и генерацию графики в вебе на p5.js. Ученики часто говорят, что мы приоткрываем занавесь сложного мира программирования, даём основы и классный толчок, который потом вдохновляет разбираться и изучать самому.

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

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

______

Формат

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

До конца августа курс продаётся со скидкой за 5500 ₽. Первого сентября скидка закончится, и курс будет стоить 7500 ₽.

Подробное описание, программа, формат, работы выпускников, FAQ и отзывы — на лендинге.

Купить доступ можно через бота: @gendesign_bot. Он возьмёт деньги и пришлёт ссылку на вступление в канал-вступление.

setka.design
setka.design
setka.design

Иван Дианов. Алгоритмическая графика: JS для дизайна и искусства

Вышла запись доклада Вани на конференции HolyJS, которая проходила в апреле этого года.

Я посмотрел полностью. Интересно! Хоть и я почти всё уже знал :—).

https://www.youtube.com/watch?v=FomI7h3fS5M
https://www.youtube.com/watch?v=FomI7h3fS5M
https://www.youtube.com/watch?v=FomI7h3fS5M

Вайб-кодинг

Расскажите, а вы кодили нейросетями? Использовали в работе ЧатГПТ, Клод, Курсор или что-нибудь ещё?

Что прикольного получилось с ними сделать? А что не получилось, несмотря на все старания? Что выходило легко, а что бесило?

Что бы вы хотели узнать про вайб-кодинг? Или вы против нейросетей? Или вы сами нейросеть?

Хотим послушать про ваш опыт!

🟩🟩🟩🟩🟩🟩⬛️⬛️⬛️⬛️

Курс по шейдерам готов на 60%

Мы работаем над курсом каждую неделю, тщательно отбираем референсы, придумываем, как сделать красивые и вариативные скетчи без сложного кода.

Уже совершенно точно знаем, что шейдеры будем писать с помощью p5.js. Они там очень клёво реализованы — минимум кода, максимум фана. И ещё есть супервозможность делать обычную 2Д-графику с помощью p5 и потом обрабатывать её шейдером.

Надеемся, что скоро сможем приступить к сборке лендинга и анонсу. Оставайтесь на связи и приглашайте друзей в Сетку.

Математика, которая пригодится в жизни

Думаю сделать и провести в Сетке мини-курс с таким названием.

Со школьной математикой есть две проблемы:

1. Качество образования. Хороших математиков на всех не хватит, а хороших математиков-преподавателей — тем более.

2. Невозможность прикладного применения. Школьник не понимает, зачем ему синусы и косинусы, функции и производные, потому что не знает, кем он вообще будет работать. Взрослая жизнь начинается значительно позже, и там математика может пригодиться, а может нет. В итоге знания оказываются ненужными и быстро забываются.

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

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

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

Хочу выбрать несколько тем и попытаться объяснить их — не прямо с нуля, но с уровня начальной школы. И рассказать, где они могут пригодиться.

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

1. Статистика. Выборка, среднее арифметическое, мода, медиана, отклонение. Основы представления данных (графики, диаграммы).

2. Функции. Производные и интегралы. Основы математического анализа. (Связь с физикой)

3. Тригонометрия. Теорема Пифагора. Синусы и косинусы.

4. Теория вероятностей / комбинаторика. Алгоритмы, алгоритмическая сложность.

5. Линейная алгебра и геометрия (сам плохо знаю, надо почитать).

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

7. Графы, конечные автоматы.

8. Теория чисел (для криптографии?).

Каждый урок даёт ответ на три главных вопроса — «что это», «зачем это нужно» и «где почитать про это больше».

Чё думаете? Было бы интересно такое? Какие темы откликаются больше, а какие меньше? Про что ещё интересно было бы узнать?

Записал настоящий обучающий видос, с музыкой, скринкастом и объясняющими демками.

Ютуб youtu.be/zblepnHHCSA
ВК vkvideo.ru/video-230304511_456239017

Обучающий шейдерный видос

Там не про самые основы, а про чуть более продвинутые техники:
— Что такое signed distance function и почему все любят её использовать для описания форм объектов.
— Как на самом деле работают трансформации пространства: фолдинг, повороты, повторения. Сделал демку специально, чтобы супернаглядно эту сложную тему объяснить.
— В самом конце учу плохому. Не смотрите.

«Жизнь — это совокупность разного рода обстоятельств, которые мешают тебе играть в компьютер» © Цитата из интернета

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

Мне нравятся художественные игры с сюжетом, проходя которые, ты получаешь эмоции и воспоминания, сравнимые с просмотром хорошего сериала. Ещё я люблю инди-игры — вдохновляет идея, что человек в одиночку может сделать что-то легендарное (а ещё они обычно проходятся достаточно быстро).

Отдельная любимая категория — игры-песочницы вроде Майнкрафта, внутри которых можно делать всё, на что фантазии хватит.

А вот что я очень любил раньше и во что практически не играю сейчас — это любые бесконечные игры без цели. Если я и жалею о каком-то безвозвратно потерянном времени, то только о 750 часах (целом календарном месяце), потраченных в школьном возрасте на контр-страйк.

Есть одно исключение — Quake III Arena. Я играю в эту игру практически всю жизнь, без цели, просто для переключения внимания. Мне кажется, сложно придумать более аутичный способ игры в неё, чем мой — я уже пару лет захожу на одну и ту же карту, ставлю одного и того же бота максимальной сложности, и таймер на 15 минут. Цель — побить свой же рекорд по фрагам (сейчас он равен 72).

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

Игра, которая оставила наибольшее впечатление? Наверное, Getting Over It with Bennett Foddy. Весь прикол игры в её сложности, возможности в любой момент совершить ошибку и вернуться в самое начало, и нестандартном способе управления, к которому очень сложно привыкнуть, а ещё сложнее достичь в нём мастерства. Я прошёл её, а потом узнал, что Bennett Foddy — это чувак, который создал QWOP, и это был СОВСЕМ НЕ УДИВИТЕЛЬНЫЙ факт.

Ну и последнее про отношения с играми: иногда я пишу для них музыку! Вот, например, неделю назад написал саундтрек для подводного симулятора краба с гарпуном :—).

Игры

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

В детстве я боялся играть в Денди, нравилась только игра Lode Runner, потому что там можно было рисовать свои карты. А Том и Джерри, Чип и Дейл, Чёрный Плащ — это жуткое всё.

Потом у меня появился комп, а на нём Need for speed, Mafia, Half-Life. Но больше всего меня захватывала ГТА. Потому что там был открытый мир, а главное — можно было редактировать настройки машин и оружия в .ini файлах, делать летающие мотоциклы и тому подобное. А если специальной прогой распаковать main.scm, то ты уже играл не в ГТА, ты играл в демиурга. Можно было создавать что угодно и управлять чем угодно. Вот это был кайф! Можно было сделать миссию с радиоуправляемой машинкой на стройке, или самолётом, которому надо пролететь через тоннель, или создать толпу злых ботов с базуками. Мы с товарищем даже запустили и поддерживали сайт с модами для ГТА на народ.ру.

Ещё мне нравилась всякая индюшатина с нестандартным геймплеем вроде FEZ или Braid.

Так вот.

Играю я редко и мало, но недавно со мной приключился игровой запой. Это когда игра захватывает настолько, что играешь в неё вместо сна, а потом перед сном ещё полчаса смотришь, как в неё играют ютуберы. Потому что этой игрой была Noita. Иф у ноу ю ноу. Уровни в ней рандомно генерируются каждый забег. Очень необычная механика пиксельного мира. Это гибрид клеточного автомата с движком 2D-физики: всё может гореть, дымить, жидкости смешиваются, искры летят, вода замерзает, песок рассыпается. А ещё там можно «программировать» оружие. То есть полная свобода. Можно достигать цели сотней разных способов, а забить на цель и самому придумывать себе челенджи.

Не рекомендую. Слишком аддиктивная. Хуже только игра про скрепки.

А какие у тебя отношения с играми?

Вопрос контента

Мы с Адамом созваниваемся каждую неделю, решаем сеткинские вопросики, планируем, иногда допиливаем сайт или курс по шейдерам, вот прямо на созвоне. Пять минут назад закончился такой наш созвон, мы на нём думали, почему ничего не постим в этот канал. Подумали-подумали и решили: у нас обоих ощущение, что это Великий Канал с Тыщей Подписчиков. Такая ответственность. Лучше ничего не постить, чем фигню.

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

Так что мы хотим попробовать формат канала поменять, больше писать про то, что с нами сейчас происходит, даже если не связано с кодом. Не хотим больше согласовывать друг с другом посты, хотим сделать канал местом, где мы рассказываем друг другу новости, делимся мыслями, но только публично. Как такое называется? Чат-подкаст?

Считайте, что я эксперимент уже начал. Скоро напишу что-нибудь про кое-что.

А у вас есть канал? Один или десять? Как вы его ведёте? Бывает, что не пишется и всё тут? Что тогда делаете?

Когда будет курс по шейдерам

В октябре прошлого года мы придумали антикурс по шейдерам, в котором референсы предлагают сами участники. Задумка провалилась — пришло всего три человека, люди не хотят покупать кота в мешке.

И тогда мы решили вынуть кота из мешка и показать всем, какой он охуенный. Это большой и серьёзный вызов — на курсе гендизайна мы генерируем простейшую графику, а теперь хотим настоящий дизайн, чтобы финальные работы получались классными, как в Пинтересте.

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

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

Пока что мы в стадии набросков — пробуем разные техники и скетчи, чтобы было из чего выбрать. А критерии выбора такие:
— крутость и визуальный кайф;
— простота кода;
— вариативность и универсальность. Важно, чтобы изученные приёмы можно было настраивать, менять параметры и получать разнообразные результаты, а не один и тот же.

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