Канал Ивана Дианова Telegram Posts

Мы выпустили курс для дизайнеров, которые хотят научиться программировать клёвые эффекты и анимации на сайтах. Зацените лендос :–)

Фантастические сайты на Джаваскрипте

Видели когда-нибудь крутые сайты с плавными анимациями, красивыми эффектами и интерактивом? Те сайты, которые попадают на Эвввордс и выигрывают международные премии. Про которые думаешь: «офигеть, как они вообще такое сделали?»

Такие сайты не соберёшь на Тильде и даже не нарисуешь в Фигме. Их программируют на Джаваскрипте. И это делают не программисты, а дизайнеры-программисты, которые умеют и придумывать крутые эффекты, и сразу же их кодить.

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

И вообще, уметь кодить полезно, даже если не собираешься становиться программистом:
— начинаешь понимать, как примерно устроено внутри всё, чем пользуешься каждый день: сайты, веб-приложения и информационные системы;
— это помогает делать макеты, к которым у разработчиков нет вопросов (особенно это ценно для продуктовых дизайнеров);
— это хорошая инвестиция в будущее; зная Джаваскрипт, будет значительно легче освоить фронтенд-фреймворк или выучить другой язык;
— это весело и иногда похоже на магию.

В прошлом году мы решили, что этой магии можно научить дизайнеров, и провели живой поток курса «Джаваскрипт по-дизайнерски». А потом долго-долго готовили его к выпуску в записи.

И вот.

Фантастические сайты на Джаваскрипте

Курс, на котором мы учим основам JS и показываем реализацию самых распространённых интерактивных эффектов в вебе.

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

Подробная информация, программа, FAQ, формат, тизер и отзывы — на обновлённом лендинге.

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

Иногда я транслирую работу над проектом в чат @ivandianov_log, вот прямо как сейчас. Приходите следить за процессом и давать советы
https://t.me/ivandianov_log/168/170

Как начать заниматься генартом

Нужно учить алгоритмы? Computer Science? Все проще, нужно правильное окружение и проводники.

Для меня таким стал Генклуб, только там на полном серьезе кидают картинки как выше и видят в них искусство, это кстати была реакция на мой прошлый пост про собор Саграда Фамилия, который проектировался через веревочно-тряпочные прототипы с грузиками, ради получения нужных линий ровно как пыль в системнике выше)

Но еще ранее кто-то должен был меня туда привеcти и это были Паша, который часто рисует генарт на ThreeJS, в том числе и для BeerJS и Вася, который очень любит создавать генеративные миры. Обоих я нашел в чатике по WebGL, так как часто ищу новых спикеров для конференций. А теперь они активно влились уже к нам в BeerJS.

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

humanshader

И тут, конечно, впоминаем про человекошейдер. Его запустил Иниго Килез, каждый подписавшийся участник должен был на бумажке провести вычисления и получить цвет одного из 2840 пикселей. И фотку бумажки показать.

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

humanshader.com

ChatGPT shader

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

Я в чатГПТ передавал по АПИ короткий код и использовал ответ для закрашивания пикселя.

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

Каомодзи

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

К счастью есть альтернатива — kaomoji. Они гораздо выразительнее эмоджиков, эмоджик никогда не сможет
ᕕ( ᐛ )ᕗ
или
(ノಠ益ಠ)ノ彡┻━┻

Какие у вас любымые каомодзи?

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

Записывать не задачи, а достижения.

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

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

Ещё Людвиг Быстроновский писал, что не надо выполненные задачи из списка удалять. Список достижений — ещё один шаг в этом направлении. Так что создал страничку в обсидиане и добавил квиклинк в рейкаст, чтобы шоткатом открывать.

Ладно, посмотрим, на сколько дней меня хватит. Может быть, послезавтра снова задачи писать начну. Делайте ставки в комментариях.

Мой путь в генеративном искусстве

В сообществе Generative Artists Club все пишут про своё отношение к генарту, я тоже поучаствовал. Из этих текстов планируется сделать книжку, но она когда ещё будет.

А пока что опубликовал эссе у себя на сайте. Заходите почитать, если вам интересно, как я вкатился в генарт и почему меня от него прёт. А ещё про сайз-кодинг, правду материала и индексную визуализацию.

ivandianov.com/ru/essay

Генварь 2025

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

На каждый январский день есть промпт, придуманный участниками международного сообщества Generative Artists Club. И первое задание, что приятно — от Стренджера, вот, кстати его канал @mathimages

Остальные промпты ещё не читал, будет сюрприз. Но обычно во время Генваря я пробую множество новых техник, на которые давно засматривался, но всё руки не доходили. Уверен, что скучно не будет. Присоединяйтесь!

https://genuary.art/prompts