#publika_practice #vibecoding_practice
AR-балаклава и покупка средним пальцем. Как собирался концепт для Publika Gaultier.
Вернулся к концепции Publika Gaultier. Хотелось сделать не очередной дроп-экран с кнопкой «купить», а провокационный ритуал в духе самого бренда. Отсюда AR-балаклава как часть опыта и механика покупки через фак.
Для меня это не просто визуальный приём. Это способ дать покупке характер. Чтобы checkout ощущался как отдельное действие со своим настроением. Плюс задел на следующую версию: например, индивидуальный чек с фото покупателя в балаклаве.
Вот как это собиралось:
— начинали с AR: пробовали 2D-оверлеи и разные способы трекинга лица, но не хватало объёма. Ушёл в Gemini, докрутил базу с 3D-балаклавой, вернулся в Claude Code
— подключили .glb-модель через Three.js + MediaPipe Face Mesh, чтобы балаклава жила поверх видео в реальном времени
— долго отлаживали посадку: ключевые точки лица, повороты, масштаб, two-pass rendering, чтобы модель не ломалась на глазах и во рту
— параллельно возились с сегментацией фона: модели, smoothing, маски, сглаживание краёв
— собрали механику покупки через средний палец: распознавание жеста, удержание, прогресс-бар, защита от случайных сбросов
— натянули макет из Figma: карточка товара, размеры, стикеры, меню, структура
— докручивали выразительность: punch-анимация карточки, разлёт стикеров, движение иконки пальца
— добавили 2.5D-параллакс на наклоны головы, чтобы карточка и стикеры отзывались на движение лица
— адаптировали под мобильный формат и вертикальный экран
Проект постепенно сместился из технодемо в более цельный опыт, где AR работает не как эффект, а как часть логики бренда и сценария покупки.
