ChatGPT API for Frontier GPT 5.6 Reasoning

Crea un singolo file HTML autonomo (solo CSS e JavaScript inline — assolutamente nessuna libreria esterna, CDN, framework, font o URL di immagini) che si apra direttamente in qualsiasi browser moderno ed esegua un simulatore di ecosistema di serra in vetro vivo e auto-espandente, renderizzato interamente come illustrazione vettoriale piatta in Canvas/SVG. La scena a tutto viewport è una serra vittoriana a cupola: una cupola di vetro curva attraversa la parte superiore come elemento di cornice, con lastre disegnate come poligoni traslucidi verde giada, morbidi riflessi speculari e sottili profili dei montanti; lungo il bordo inferiore corre una striscia di scuro terriccio da coltivazione. La direzione artistica è un’illustrazione vettoriale pulita: foglie e steli disegnati con contorni netti delle venature e riempimenti stratificati semi-trasparenti, una palette basata su verde salvia nebbioso e marrone muschio, con luce solare ambrata e accenti di vetro giada; niente fotorealismo, niente gradienti usati come texture, mantieni un aspetto grafico e da illustrazione a mano. Interazione principale: facendo clic in qualsiasi punto del terreno si pianta un seme in quella posizione, e la pianta cresce in tempo reale usando un vero L-system — implementa una grammatica di riscrittura ricorsiva (assioma più regole di produzione con parentesi di ramificazione e variazioni casuali di angolo/lunghezza per ogni istanza, così che non esistano due piante identiche) e anima la derivazione in modo che i rami si estendano, si biforchino e dispieghino progressivamente le foglie nell’arco di alcuni secondi, invece di comparire già completamente formati. Felci tropicali e rampicanti devono piegarsi e arricciarsi fototropicamente verso un sole trascinabile: renderizza un disco solare ambrato e luminoso che l’utente può afferrare e trascinare ovunque nel cielo, e ogni apice in crescita deve riorientare continuamente la propria direzione di crescita verso la posizione attuale del sole, così che trascinando il sole si veda chiaramente come l’intero giardino si inclina e si arrampica. Le piantine si dispiegano con un’animazione easing, e gocce di condensa si formano sul vetro e scivolano lentamente verso il basso in loop. Guida tutto con un ciclo giorno-notte legato alla posizione del sole: la luce ambientale e la velatura del cielo scorrono fluidamente lungo un gradiente da oro caldo a blu freddo, la posizione del sole determina direzione e lunghezza delle morbide ombre delle piante proiettate sul pavimento e delle macchie di luce che scorrono sul vetro, e al crepuscolo le lucciole compaiono gradualmente come piccoli punti luminosi pulsanti che fluttuano tra il fogliame. La composizione irradia la crescita delle piante dalla base verso l’alto e il centro, contenuta dall’arco della cupola. Usa requestAnimationFrame per un ciclo di animazione continuo e quietamente pulsante; mantieni prestazioni fluide anche con molte piante sullo schermo contemporaneamente. Includi controlli discreti e non invasivi (ad esempio uno slider o un toggle di avanzamento automatico per l’ora del giorno, e un pulsante reset/clear) stilizzati in armonia con l’estetica illustrata, più un suggerimento su una riga che dica all’utente di cliccare il terreno per piantare e trascinare il sole per guidare la crescita. Rendilo responsive per qualsiasi dimensione della finestra, e dai un tono emotivo calmo, immobile e vivo — la prima luce del mattino che entra di taglio mentre germogli teneri si aprono insieme. Questa è una simulazione generativa, non un gioco né una dashboard: dai priorità al vero algoritmo di crescita ricorsiva, al ciclo di animazione e alla fisica di luce/ombra/fototropismo.

Crea una pagina HTML completa in un unico file contenente una dashboard interattiva globale sui finanziamenti alle startup, con dati fittizi ma internamente coerenti per 8 settori industriali lungo 5 anni. Tutto il CSS e il JavaScript devono essere inline, senza dipendenze esterne, senza librerie per grafici, senza CDN, senza immagini. Renderizza tre visualizzazioni scritte a mano in canvas o SVG: un grafico a barre animato che si riordina con easing quando l’utente seleziona un anno da uno slider, un grafico a linee con tooltip al passaggio del mouse che mostrano i valori esatti e una guida verticale di tracciamento, e un grafico a ciambella i cui segmenti si espandono al passaggio del mouse con un’animazione a molla. Includi una UI moderna scura con una palette di accenti dal viola al verde acqua, contatori numerici animati in quattro schede KPI, una riga di filtri settore con chip toggle che aggiornano istantaneamente tutti i grafici, e uno switch tema chiaro/scuro con transizioni di colore fluide. Il layout deve essere responsive, collassare in una singola colonna sotto i 768px, e ogni interazione deve rispondere in tempo reale senza ricaricare la pagina.