Принято считать, что «принятие» — это целый процесс, который требует времени. Несколько месяцев назад я исследовал тему «5 стадий принятия горя» и то, как разные люди проживают каждый из этих этапов.
В процессе исследования я собрал целый «архив» историй, состоящий из 32 записей разных людей, которых объединяло горе и потребность рассказать о нём анонимно, честно и без осуждения.
Я хотел бы поблагодарить каждого за вклад в этот проект, который стал мне так дорог, за доверие, смелость и помощь в создании этого сайта! Пост набрал более 3 тысяч просмотров, я получил огромную поддержку и отклик. Спасибо.
Создание интерактивного цифрового пространства для визуализации и рефлексии эмоционального опыта. Проект превращает текстовые интервью о сложных жизненных стадиях (отрицание, гнев, торг, депрессия, принятие) в иммерсивный 3D-архив.
Библиотека-архив содержит более 30 историй людей, переживших горе. Они поделились своим опытом, распределив повествование по 5 стадиям принятия: отрицание, гнев, торг, депрессия и принятие. Этот материал я впоследствии превратил в уникальный интерактивный архив человеческого опыта и эмоций.
Дисклеймер: истории содержат нецензурную лексику, упоминания смерти, психологического и физического насилия. Тексты намеренно не искажались и не редактировались, дабы сохранить авторский стиль, «чистоту» историй и искренность человеческих чувств.
Функциональность:
— Интерактивная 3D-карусель с 32 историями. — Управление жестами через веб-камеру (MediaPipe): вращение ладонью, зум щипком. — Адаптивный интерфейс в стиле Glassmorphism. — Два режима: ручной скролл и автоматическая анимация. — Аудио-кнопка (белый шум). — Поддержка темной и светлой темы.
Структура проекта:
— HTML5: Семантическая разметка и модальные окна. — CSS3: Сложные 3D-трансформации, переменные для тем оформления и blur-эффекты. — JavaScript (ES6+): Модульная структура, управление состоянием карусели и математические расчеты углов. — MediaPipe Hands: Интеграция нейросетевых моделей для трекинга рук. — Технологии: Использован стек Vanilla для обеспечения максимальной скорости работы 3D-графики без лишних библиотек.
За два дня была построена архитектура архива: — Разработка математической модели карусели в 3D-пространстве. — Перенос 32 реальных интервью из текстового формата в интерактивные карточки. — Внедрение MediaPipe для бесконтактного управления. — адаптивность под мобильные устройства
Чтобы ИИ (Antigravity) выдал качественный код с первого раза, каждый запрос строился по следующей структуре: (Контекст — Задача — Ограничения)
При работе с корректировкой и правками, в моих запросах можно уследить логику: (Анализ — Уточнение — Ограничение)
Дополнительно были сгенерированы некоторые фотографии, которые в последствии стали обложками историй!
