Процедурная геометрия
Сфера превращается в зерно математикой: эллипсоид, волнистая бороздка на одной грани, купол на второй, лёгкая неровность — чтобы силуэты не повторялись.
Фронтенд-разработчик · Москва
Сайты, которые помнят
3D-графика, сложные скролл-сценарии и AI-ассистенты внутри интерфейса. Собираю сайты, мимо которых не пролистывают.
Листай
Подход
Избранная работа
MERIDIAN
Сайт кофейни спешелти-обжарки
Одностраничник, где 3D — не украшение, а фон, который живёт вместе со скроллом. Зёрна смоделированы кодом: у каждого своя асимметричная бороздка, матовая обжарка и собственная траектория. Позиции пересчитываются под размер окна, поэтому сцена одинаково собрана и на мониторе, и на телефоне.
Скролл инерционный, секция меню перелистывается вбок внутри вертикальной прокрутки, текст проявляется по словам, цифры досчитываются при попадании в кадр.
- 9секций с собственной анимацией
- 0внешних 3D-моделей — геометрия из кода
- 60кадров в секунду на интеграшке
Свет и материал
Физический материал с картой шероховатости и бампом, тёплый ключевой свет и контровой по краю. Матовая поверхность вместо пластикового глянца.
Скролл как режиссура
Lenis сглаживает прокрутку, GSAP привязывает к ней сцену: зёрна поднимаются и разворачиваются, меню едет вбок, текст набирается по словам.
Отказоустойчивость
Three.js грузится с двух зеркал, прелоадер снимается по таймауту, сцена переставляется при ресайзе. Ни один сбой не оставляет пустой экран.
Живая демонстрация
AI-ассистент
прямо на сайте
Такого помощника встраиваю в сайты клиентов: он знает продукт, отвечает на вопросы посетителей и доводит их до заявки. Спросите его обо мне.
Ассистент Артёма
на связи
Инструменты
Чем работаю
Есть идея? Соберём.
Напишите — отвечу в течение дня и честно скажу, потяну задачу или нет.