GPT-6 AstraАвтор: Himanshu Hingorani

3D-страница продукта: стеклянная бутылка вращается при скролле на R3F

GPT-6 Astra сделал WebGL-сайт продукта: бутылка поворачивается при скролле, мимо проходят лаймовые заголовки и осколки, стекло на GLSL-шейдерах.

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

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

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

Бриф от Wandy3D

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

Build a scroll-driven 3D product landing page for a fictional herbal liqueur using React Three Fiber, Three.js, Tailwind CSS and Framer Motion. Centre a glossy dark glass bottle with a printed label on a near-black background with thin frame lines. The bottle should rotate through a full turn as the visitor scrolls, with glass reflections and refraction created by custom GLSL shaders. Surround it with floating acid-lime shards. Overlay very large condensed headlines, alternating solid lime and outlined white, that slide past and interlock with the bottle, plus small captions with tasting notes and a pill-shaped order button. Keep the palette to black, lime and white. Deliver a React project that runs in the browser and stays smooth on mobile. Done when scrolling drives the bottle rotation and text transitions without stutter and the glass looks convincingly reflective.

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

  1. Дайте build brief GPT-6 Astra в вашем инструменте для кода и попросите проект на React Three Fiber.

  2. Замените продукт, этикетку, палитру и тексты заголовков на данные вашего бренда.

  3. Прокрутите страницу и попросите чёткое стекло, иной тайминг вращения или лёгкость на мобильных.

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