TGViewer
Сетка — кодинг для дизайнеров Сетка — кодинг для дизайнеров @setka_design · 1.16K subscribers
Post #249 4.89K
Хромовский динозаврик 2.0

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

Наверняка вы знаете игру с динозавриком в Google Chrome (а если нет, отключите интернет, зайдите на любую страницу, получите ошибку «нет интернета» и нажмите пробел).

Я написал на p5.js новую версию этой игры! Теперь вы играете за птицу, а ваши препятствия — динозавры и летающие кактусы :—).

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

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

Поиграть можно здесь: https://editor.p5js.org/AdamArutyunov/full/5a5trurs5k

←↑→↓ — управление.
Пробел — перезапуск.
(После запуска нужно один раз нажать на экран, чтобы на него перевёлся фокус.)

______________

Напоминаем, что мы учим p5.js на курсе генеративного дизайна. Следующий поток стартует 27 августа.

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

Записаться можно через бота: @gendesign_bot
  • 🔥 27
  • 👍 6
  • ❤ 4
  • 🤩 2
More from @setka_design
  1. Oct 8, 2026Как проходят занятия на курсе «Математика, которая пригодится в жизни» (За исключением, чт…
  2. Oct 8, 2026Курс «Математика, которая пригодится в жизни» доступен в записи Когда учишься в школе, мат…
  3. Aug 26, 2026Запись лайв-вайб-кодинг-стрима За два часа мы с Адамом навайбкодили инструмент для 3d-моде…
  4. Aug 22, 2026Я придумал для Адама суперсложную задачу, посмотрим, как он справится. Начнём вайб-лайв-ко…
  5. Aug 12, 2026Лайв-вайб-кодинг-стрим! На следующей неделе Адам покажет мастер-класс по вайбкодингу: в пр…
  6. Aug 5, 2026Недавно мы с Ваней устроили алгорейв — это супергиковский движ, когда музыка делается кодо…
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 →