Pagina di esperienza prodotto per orologi di lusso 3D (Next.js + Three.js)

Un prompt giapponese lungo e dettagliato per la progettazione di una pagina web di lusso per l'esperienza di prodotto 3D di orologi di fascia alta, utilizzando Next.js, Three.js, React Three Fiber, GLSL e requisiti specifici per sezioni di scorrimento e shader.

Istruzione
Progettare una pagina di esperienza prodotto 3D per un orologio di lusso. **Utenti target:** clienti facoltosi, appassionati di orologi e uomini d'affari di età compresa tra 30 e 50 anni. **Tono del brand:** Lusso × Tecnologia (un'atmosfera moderna, sofisticata e di fascia alta). Esperienza di scorrimento (5 sezioni): Sezione Hero – l'orologio appare lentamente dall'oscurità alla luce mentre ruota. Implementare effetti olografici e riflessioni di Fresnel con shader personalizzati. Zoom sui dettagli – primo piano del quadrante. Utilizzare GLSL per ottenere riflessi metallici, parallax mapping e lucentezza in tempo reale. Disassemblaggio del meccanismo – l'orologio si smonta e il movimento interno fluttua nello spazio. Utilizzare uno shader di displacement per un effetto campo energetico e aggiungere effetti di bagliore a ogni parte. Esperienza sui materiali – passare tra diverse varianti di materiale. Esprimere la metallicità, la rifrazione del vetro e la texture opaca del titanio con shader PBR in modo fisicamente accurato. Finale – l'orologio si riassembla, con uno sfondo astratto a maglie sfumate realizzato con uno shader personalizzato. Applicare post-processing come bloom e profondità di campo. **Stack tecnologico:** Next.js 15 + Three.js + React Three Fiber + GLSL (shader personalizzati) + react-postprocessing + Lenis. Requisiti shader: Shader di riflessione di Fresnel (effetto rim-light) Shader di materiale PBR (roughness, metallic, AO) Shader olografico (effetto di interferenza iridescente) Shader di displacement (effetti di ondulazione e distorsione) Shader di sfondo personalizzato (rumore sfumato) Post-process: Bloom, ChromaticAberration, DepthOfField, Vignette. Si prega di proporre valori numerici specifici per: Intervallo di scorrimento di ogni sezione (in % o unità vh) Parametri di animazione (valori iniziali/finali per posizione, rotazione, scala, ecc.) Funzioni di easing (tipo di easing) FOV della telecamera, posizione e valori target Impostazioni di illuminazione (intensità, colore, posizione) Valori uniformi per ogni shader (progressione temporale, progresso dello scorrimento, tonalità, intensità, ecc.).

Come usare questo prompt

  1. 1

    Copia il prompt completo qui sopra.

  2. 2

    Apri una piattaforma che supporta Gemini 3 Pro, come YouMind, e incolla il prompt.

  3. 3

    Cambia soggetto, stile o dettagli in base alla tua idea, poi genera.

Questo è un prompt IA gratuito della libreria di prompt di YouMind. Esplora altre migliaia di prompt pagina web, tutti liberi da copiare e adattare.

Esplora altri prompt pagina web

Altre funzioni per prompt

Libreria IA

Ricerca prompt con IA

Lascia che l'IA cerchi tra decine di migliaia di prompt. Filtra per modello, intervallo di date e parole chiave e ordina per interazione: visualizzazioni, preferiti, condivisioni e altro.

Strumenti visivi

Da immagine a prompt

Trasforma qualsiasi foto in un prompt di immagine AI dettagliato. Il convertitore gratuito da immagine a prompt analizza composizione, stile e luce per ricreare ogni look in pochi secondi.

Pensato per i creator. Gratis per sempre.

YouMind è il copilota creativo IA scelto da creator in tutto il mondo. Ogni prompt è curato per aiutarti a creare meglio e più velocemente.

Esplora altri prompt