GPT-6 AstraАвтор: ui.debbie

Скролл-сайт студии в 3D: стеклянная лента и парящие карточки

По одному референсу GPT-6 Astra собрал сайт студии на Three.js: при скролле карточки и стеклянное кольцо проходят через три цветовых настроения.

Claude Code + Three.js (только код)Wandy 2
Настоящие модели · 360°Обе модели — по одному и тому же фото: слева — один неотредактированный запуск Claude Code (Opus 5.5), смоделировавший объект кодом на Three.js; справа — Wandy 2.

Создавайте детальные 3D-модели

Одним кодом получаются простые фигуры. Wandy 2 превращает одно фото в текстурную 3D-модель для той же сцены.

Бриф от Wandy3D

Автор не поделился промптом, поэтому мы описали, как повторить эту работу.

Build a smooth scroll-driven portfolio website for a design studio using Three.js, translating a supplied reference image into a real-time 3D scene. Open with a bold red hero where a translucent, glassy ribbon ring circles several floating white and black cards carrying short slogans, with large outlined headline lettering behind them. As the visitor scrolls, the background fades from red to grey to near-black, the cards fly into an organised grid titled selected work, and the camera finally turns the ring edge-on for a closing call-to-action screen with big white type and a contact line. Use a minimal top navigation, small monospace captions, handwritten blue accent notes and a custom cursor. Deliver one web project that runs in the browser. Done when scrolling drives every camera and object transition smoothly with no jumps, and the layout matches the reference mood.

Как использовать этот промпт

  1. Приложите референс и build brief в GPT-6 Astra в вашем инструменте для кода, укажите Three.js.

  2. Замените слоганы, содержимое карточек, палитру и финальный призыв на данные вашей студии.

  3. Прокрутите страницу и попросите поправить плавность, тайминги или добавить секции.

Исходный постВы автор? Попросите нас изменить или убрать эту страницу