Core Sample — этот сайт
WebGPU-портфолио на прокрутке: Земля под инеем, который стирается курсором, секции-приборные панели, орбитальный финал и физический полёт к парящему архиву — одна траектория камеры, одно значение прокрутки, без склеек.
Role
- Дизайн, код и контент. Один человек.
Constraints
- Шесть цветов, жёсткий лимит; один акцент на кадр, через единый температурный токен
- Менее 300 непрозрачных вызовов отрисовки; без карт теней; один постоянный источник света (костёр)
- Каждый 3D-ресурс опционален — отсутствующий файл заменяется процедурной заглушкой, а не ошибкой
- Весь читаемый текст живёт в файлах контента; в коде сцены нет биографии
Process
- Сначала greybox: каждый ход камеры, взаимодействие и переход сделаны на примитивной геометрии с настоящими материалами — за недели до появления смоделированных ресурсов.
- Одна траектория камеры Catmull-Rom, управляемая одним значением прогресса ScrollTrigger; Lenis и цикл отрисовки делят один тикер, поэтому DOM и WebGL всегда согласованы.
- Шейдеры написаны один раз на TSL и скомпилированы в WGSL и GLSL — отрисовка на WebGPU с автоматическим запасным WebGL2.
- Тональная компрессия AgX, процедурная полярная ночь и освещение по глубине держат картинку до запекания света.
Outcome
- Критический путь менее 8 МБ
- Менее 300 вызовов отрисовки во всех шести главах
- Версия для reduced-motion и клавиатурный путь вышли вместе с сайтом