Задача
Создать веб-опыт на p5.js, визуализирующий борьбу с зависимостью — момент, когда ты держишься, держишься, но если в какой-то миг не отпустишь мысль, то проигрываешь.
Контекст
Работа создана в рамках premasters-трека магистерской программы ИТМО Art&Science. Я делал её в момент, когда сам находился в процессе сокращения никотиновой зависимости и готовился переходить к другим методам работы с этой привычкой.
p5.js — open-source JavaScript-библиотека для креативного кодинга, созданная Лорен Маккарти как веб-наследник Processing. Позволяет быстро создавать интерактивные визуальные опыты прямо в браузере.
Идея
Мне нужно было визуализировать то, как ты держишься, держишься, держишься — но если в какой-то определённый момент не отпустишь навязчивую мысль, то проигрываешь злой привычке. Получаешь дозу никотина, а вместе с ней — дозу пустоты, которая ругает тебя за то, что ты её получил. В итоге нет положительного эффекта ни от чего: удовлетворение мимолётно, а пустота остаётся.
Хотя работа выросла из личного опыта никотиновой зависимости, это относится к любым зависимостям и привычкам — от которых мы пытаемся отказаться или, наоборот, которые собираемся завести. Механика одна и та же: иллюзия облегчения, которое не наступает.
Решение
Интерактивный веб-опыт на p5.js, где пользователь буквально проживает этот цикл — удержание, срыв, пустота. Звук также сгенерирован средствами p5.js. В реализации помогал Claude.
Что делал лично
- Разработал концепцию и визуальную метафору
- Реализовал интерактивный опыт на p5.js
- Сгенерировал звуковой ряд средствами p5.js
- Использовал Claude как помощника в коде
Стек
- p5.js
- Claude
Навыки
- creative coding
- генеративный звук
- визуализация внутренних состояний через интерактив
- концептуальная работа с личным опытом
Результат
Завершённый веб-опыт, представленный в рамках premasters-трека Art&Science. Для меня ценность этой работы — в честности: она не эстетизирует зависимость, а показывает механику, по которой работает любая привычка, от которой ты пытаешься уйти. Обещание облегчения → срыв → пустота. Никакого хэппи-энда, только осознание цикла.
Связи
- Клиент:
- Проект: staniverse
- Связанные кейсы:
- Посты / материалы:
- Заметки: