Сетка — кодинг для дизайнеров
Адам бросает вызов Ване Последние три недели я был в большой поездке по Китаю и видел много-много разных иероглифов. А вдруг нам нужно будет запилить новый язык с иероглифным письмом? Сможешь написать простейший генератор иероглифов по каким-то заданным…
Генератор шрифта с иероглифами
Представляете, можно открыть, изменить или вообще с нуля сгенерировать шрифт и сохранить его в файл. А потом печатать им какие-нибудь визитки.
Я недавно узнал про библиотеку opentype.js.org, она умеет редактировать шрифты прямо в браузере. Отличный повод проверить её в работе!
За основую взял генератор лабиринтов, 3×6 клеток. Некоторые тупики обрезаю, чтобы форма символов была разнообразнее.
Код генератора https://editor.p5js.org/illus0r/sketches/rEznz8Wee
История создания — https://news.1rj.ru/str/setka_design/232?comment=655
Представляете, можно открыть, изменить или вообще с нуля сгенерировать шрифт и сохранить его в файл. А потом печатать им какие-нибудь визитки.
Я недавно узнал про библиотеку opentype.js.org, она умеет редактировать шрифты прямо в браузере. Отличный повод проверить её в работе!
За основую взял генератор лабиринтов, 3×6 клеток. Некоторые тупики обрезаю, чтобы форма символов была разнообразнее.
Код генератора https://editor.p5js.org/illus0r/sketches/rEznz8Wee
История создания — https://news.1rj.ru/str/setka_design/232?comment=655
🔥8❤4👍3
За последние двадцать лет веб-сайты сильно изменились. Было-стало ↑:
Сегодня первый сайт (Яндекс, 2003) можно сверстать на HTML/CSS за пару вечеров. А вот чтобы создавать сложные визуальные эффекты и интерактивные анимации, как на втором сайте (huly.io, 2024), нужно уметь программировать. Разработка сайта справа стоила 90 000 $, потому что не все так могут.
Чтобы научиться делать продвинутые сайты, нужно очень много сил, времени и практики. Но можно начать с основ программирования и получить первый классный результат — а мы поможем сделать первый шаг.
Сегодня первый сайт (Яндекс, 2003) можно сверстать на HTML/CSS за пару вечеров. А вот чтобы создавать сложные визуальные эффекты и интерактивные анимации, как на втором сайте (huly.io, 2024), нужно уметь программировать. Разработка сайта справа стоила 90 000 $, потому что не все так могут.
Чтобы научиться делать продвинутые сайты, нужно очень много сил, времени и практики. Но можно начать с основ программирования и получить первый классный результат — а мы поможем сделать первый шаг.
This media is not supported in your browser
VIEW IN TELEGRAM
JavaScript по-дизайнерски
Мы прочитали ответы на форму, всё перепридумали и перезапустили курс по веб-разработке.
Этот курс про то, как научиться делать эффектные сайты, имея только минимальные знания в вёрстке. Мы с нуля научим основам программирования на языке JavaScript и разберём шесть базовых примеров кодинга в вебе. Заодно покажем, как вставить код в Тильду или Редимаг, и научим понимать таинственный язык разработчиков. Мы учим фундаментально, чтобы после курса можно было запрограммировать любую штуку, которая придёт в голову.
Ещё мы обновили лендинг — теперь на нём интерактивная программа занятий, FAQ и отзывы с прошлого потока.
Курс длится с 19 августа по 13 сентября — всего будет 12 занятий. Все занятия записываются и выкладываются в телеграм-канал, поэтому учиться можно в любом темпе. Чем раньше записаться на курс, тем больше скидка. Начальная цена — 15 000 ₽, она будет повышаться по мере приближения к началу занятий.
https://setka.design/web
Записаться можно через бота @gendesign_bot. Он возьмёт деньги и пришлёт ссылку на телеграм-чат.
Мы прочитали ответы на форму, всё перепридумали и перезапустили курс по веб-разработке.
Этот курс про то, как научиться делать эффектные сайты, имея только минимальные знания в вёрстке. Мы с нуля научим основам программирования на языке JavaScript и разберём шесть базовых примеров кодинга в вебе. Заодно покажем, как вставить код в Тильду или Редимаг, и научим понимать таинственный язык разработчиков. Мы учим фундаментально, чтобы после курса можно было запрограммировать любую штуку, которая придёт в голову.
Ещё мы обновили лендинг — теперь на нём интерактивная программа занятий, FAQ и отзывы с прошлого потока.
Курс длится с 19 августа по 13 сентября — всего будет 12 занятий. Все занятия записываются и выкладываются в телеграм-канал, поэтому учиться можно в любом темпе. Чем раньше записаться на курс, тем больше скидка. Начальная цена — 15 000 ₽, она будет повышаться по мере приближения к началу занятий.
https://setka.design/web
Записаться можно через бота @gendesign_bot. Он возьмёт деньги и пришлёт ссылку на телеграм-чат.
❤8👍5🔥2
Сетка — кодинг для дизайнеров
Адам бросает вызов Ване Последние три недели я был в большой поездке по Китаю и видел много-много разных иероглифов. А вдруг нам нужно будет запилить новый язык с иероглифным письмом? Сможешь написать простейший генератор иероглифов по каким-то заданным…
Ваня бросает вызов Адаму
Мне скучно! Можешь сделать игру? С использованием какой-нибудь техники генарта или без. Главное — чтобы можно было очки набирать
Мне скучно! Можешь сделать игру? С использованием какой-нибудь техники генарта или без. Главное — чтобы можно было очки набирать
❤7❤🔥1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Хромовский динозаврик 2.0
Ответ на вызов Вани ↑.
Наверняка вы знаете игру с динозавриком в Google Chrome (а если нет, отключите интернет, зайдите на любую страницу, получите ошибку «нет интернета» и нажмите пробел).
Я написал на p5.js новую версию этой игры! Теперь вы играете за птицу, а ваши препятствия — динозавры и летающие кактусы :—).
Вдобавок к этому появился ветер, который сдувает и игрока, и воздушные препятствия. Ветер реализован на базе техники флоу-филда, когда мы создаём двумерную карту течений и согласно ей сдвигаем в определённом направлении объекты или частицы. Направление и сила ветра отображаются на фоне с помощью расставленных по сетке колдунчиков.
Со временем количество препятствий увеличивается, а ветер усиливается. Задача — продержаться как можно дольше, не врезавшись в препятствия.
Поиграть можно здесь: https://editor.p5js.org/AdamArutyunov/full/5a5trurs5k
←↑→↓ — управление.
Пробел — перезапуск.
(После запуска нужно один раз нажать на экран, чтобы на него перевёлся фокус.)
______________
Напоминаем, что мы учим p5.js на курсе генеративного дизайна. Следующий поток стартует 27 августа.
А ещё напоминаем, что уже в понедельник начинается курс «JavaScript по-дизайнерски», где мы учим делать классные интерактивные штуковины в вебе. На лендинге есть подробная информация, интерактивные примеры и отзывы.
Записаться можно через бота: @gendesign_bot
Ответ на вызов Вани ↑.
Наверняка вы знаете игру с динозавриком в Google Chrome (а если нет, отключите интернет, зайдите на любую страницу, получите ошибку «нет интернета» и нажмите пробел).
Я написал на p5.js новую версию этой игры! Теперь вы играете за птицу, а ваши препятствия — динозавры и летающие кактусы :—).
Вдобавок к этому появился ветер, который сдувает и игрока, и воздушные препятствия. Ветер реализован на базе техники флоу-филда, когда мы создаём двумерную карту течений и согласно ей сдвигаем в определённом направлении объекты или частицы. Направление и сила ветра отображаются на фоне с помощью расставленных по сетке колдунчиков.
Со временем количество препятствий увеличивается, а ветер усиливается. Задача — продержаться как можно дольше, не врезавшись в препятствия.
Поиграть можно здесь: https://editor.p5js.org/AdamArutyunov/full/5a5trurs5k
←↑→↓ — управление.
Пробел — перезапуск.
(После запуска нужно один раз нажать на экран, чтобы на него перевёлся фокус.)
______________
Напоминаем, что мы учим p5.js на курсе генеративного дизайна. Следующий поток стартует 27 августа.
А ещё напоминаем, что уже в понедельник начинается курс «JavaScript по-дизайнерски», где мы учим делать классные интерактивные штуковины в вебе. На лендинге есть подробная информация, интерактивные примеры и отзывы.
Записаться можно через бота: @gendesign_bot
1🔥27👍6❤4🤩2
Провели курс по Джаваскрипту для дизайнеров
Адам Арутюнов:
В пятницу у нас в Сетке прошло последнее занятие курса «Джаваскрипт по-дизайнерски». Сначала за четыре занятия я рассказал основы JS, а на всех остальных занятиях каждый раз делал какую-то прикольную веб-штуковину. Учились отслеживать события мыши и скролла, делали покадровую анимацию, работали с типографикой, делали на странице интерактивное оглавление, строили из данных таймлайн событий. Что только не делали!
Последний живой курс мы проводили больше года назад. Соскучился по онлайн-занятиям — наконец-то можно на всех смотреть, задавать вопросы, шутить, просить писать комментарии в чат и ставить реакции.
Спасибо Ване, который приходил на каждое занятие, следил за ходом моего повествования, помогал задавать вопросы и отвечать на них. Было весело, продолжаем.
Адам Арутюнов:
В пятницу у нас в Сетке прошло последнее занятие курса «Джаваскрипт по-дизайнерски». Сначала за четыре занятия я рассказал основы JS, а на всех остальных занятиях каждый раз делал какую-то прикольную веб-штуковину. Учились отслеживать события мыши и скролла, делали покадровую анимацию, работали с типографикой, делали на странице интерактивное оглавление, строили из данных таймлайн событий. Что только не делали!
Последний живой курс мы проводили больше года назад. Соскучился по онлайн-занятиям — наконец-то можно на всех смотреть, задавать вопросы, шутить, просить писать комментарии в чат и ставить реакции.
Спасибо Ване, который приходил на каждое занятие, следил за ходом моего повествования, помогал задавать вопросы и отвечать на них. Было весело, продолжаем.
2🔥15❤🔥5❤4👏1💅1
Антикурс по шейдерам
Ура!
Наконец-то!
Тыдыщ! (уже было)
Не могу подобрать нужное слово. Наконец-то мы с Адамом открываем запись на курс по шейдерам.
Точнее, на антикурс. Мы придумали формат из восьми созвонов-занятий-мастерклассов, темы занятий мы не знаем: их выберут сами участники. По каждой теме я проведу созвон-занятие-мастеркласс: в основном буду общаться с автором темы, но остальные тоже могут включаться и задавать вопросы.
Чтобы предложить тему, напишите про неё до оплаты: @ivan_dianov. Если тема ок, добавлю её в список.
Мест на курсе больше, чем занятий. Если хотите занятие на свою тему — пишите скорее.
Текущий список тем:
☺️ (Пока пусто, будет постепенно обновляться)
Это продвинутый курс — нужно знать хотя бы основы какого-нибудь языка программирования. Если не знаете, приходите на курс генеративного дизайна, там мы учим основам JavaScript. Про шейдеры можно ничего не знать, про них расскажем с нуля.
Формат:
— четыре недели, 9 октября — 2 ноября;
— 8 занятий по средам и субботам. Занятия проходят в Зуме, начинаются в 18:00 по Москве и длятся полтора часа;
— стоимость — 9900 ₽, запись через телеграм-бота @gendesign_bot;
— чтобы успеть предложить тему одного из занятий, напишите мне в личку: @ivan_dianov;
— если своей темы нет, просто покупайте билет через бота — он возьмёт деньги и пришлёт ссылку на чат.
Будет отдельный чатик, в котором можно задавать вопросы и во время курса и после его окончания. Доступ к записям занятий и к чату сохраняется навсегда.
Не могу подобрать нужное слово. Наконец-то мы с Адамом открываем запись на курс по шейдерам.
Точнее, на антикурс. Мы придумали формат из восьми созвонов-занятий-мастерклассов, темы занятий мы не знаем: их выберут сами участники. По каждой теме я проведу созвон-занятие-мастеркласс: в основном буду общаться с автором темы, но остальные тоже могут включаться и задавать вопросы.
Чтобы предложить тему, напишите про неё до оплаты: @ivan_dianov. Если тема ок, добавлю её в список.
Мест на курсе больше, чем занятий. Если хотите занятие на свою тему — пишите скорее.
Текущий список тем:
Это продвинутый курс — нужно знать хотя бы основы какого-нибудь языка программирования. Если не знаете, приходите на курс генеративного дизайна, там мы учим основам JavaScript. Про шейдеры можно ничего не знать, про них расскажем с нуля.
Формат:
— четыре недели, 9 октября — 2 ноября;
— 8 занятий по средам и субботам. Занятия проходят в Зуме, начинаются в 18:00 по Москве и длятся полтора часа;
— стоимость — 9900 ₽, запись через телеграм-бота @gendesign_bot;
— чтобы успеть предложить тему одного из занятий, напишите мне в личку: @ivan_dianov;
— если своей темы нет, просто покупайте билет через бота — он возьмёт деньги и пришлёт ссылку на чат.
Будет отдельный чатик, в котором можно задавать вопросы и во время курса и после его окончания. Доступ к записям занятий и к чату сохраняется навсегда.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2🔥1👌1💅1