From CAD to Gold
3D-история на скролле: путь одного золотого перстня от CAD-модели до готового изделия в моей ювелирной мастерской.
Сделан: 5-19 октября 2026 (178 коммитов)
Что это
3D-история, управляемая скроллом: она показывает путь одного золотого перстня от CAD-модели через печать смолой, литьё по выплавляемым моделям и закалку до отполированного изделия. Перстень сделан в моей ювелирной мастерской.
Для кого
Клиенты и все, кому интересно, как делают украшения.
Какую задачу решает
Сделать невидимый технический процесс понятным за один скролл.
Моя роль
Сольный проект: дизайн и разработка.
Ценность
Проект совмещает две мои области, 3D-ювелирку и веб. Он настроен под встроенную видеокарту ноутбука, а слабые телефоны вместо 3D-сцены получают заранее отрендеренное видео, которое прокручивается скроллом.
Стек
- React 19
- TypeScript
- Vite
- three.js
- react-three-fiber
- GSAP
- Lenis
- Tailwind CSS
- Vitest
- Vercel
Главное
- 8 актов истории на одной общей timeline скролла.
- Никаких обновлений React state во время скролла.
- Предкомпиляция шейдеров в загрузчике.
- 566 unit-тестов покрывают логику timeline.
Ссылки
from-cad-to-gold.vercel.app
Скриншоты
