MiniMax API

Una pagina HTML impeccabile, in un unico file e completamente autonoma (solo CSS e JavaScript inline — assolutamente nessuna libreria esterna, CDN, font o URL di immagini; ogni texture costruita esclusivamente con gradienti CSS, box-shadow e ombre inset) che renderizzi un BANCO DA COMPOSIZIONE TIPOGRAFICA LETTERPRESS interattivo e scheumorfico: riempi il viewport con un caldo piano di lavoro in legno di noce (gradienti marroni stratificati + venatura sottile tramite repeating linear-gradients e puntinatura d’ombra simile a rumore), illuminato da una singola lampada al tungsteno calda dall’angolo in alto a sinistra, così che le parti in metallo spazzolato catturino un morbido riflesso speculare e ogni oggetto in rilievo proietti una lunga ombra soffusa verso il basso a destra. A sinistra: una cassa tipografica a scomparti (California job case) con celle a griglia che contengono minuscoli caratteri mobili in piombo goffrati (lettere, numeri, punteggiatura), ciascuno come un lingotto metallico smussato con un glifo in rilievo e specchiato sulla faccia. Al centro: un compositoio / vassoio di galea aperto dove si accumulano i caratteri composti. Fornisci un flusso di composizione tipografica completo e funzionante: (1) l’utente digita sulla tastiera fisica OPPURE clicca i glifi nella cassa, e per ogni carattere un carattere mobile in piombo si anima volando dalla propria cella e cade nel compositoio con una nitida micro-animazione di assestamento a “clack” con rimbalzo; (2) sottili spaziatori in piombo trascinabili tra i caratteri permettono all’utente di regolare letter-spacing/kerning trascinandoli, con ridisposizione live del layout; (3) un rullo inchiostratore rotante (brayer) che l’utente trascina sulla forma serrata, lasciando sulle facce in rilievo dei caratteri una lucente patina di inchiostro indaco intenso (riflesso speculare mobile animato); (4) una leva di impressione a tiraggio che l’utente preme (click-and-hold o pulsante) abbassa un foglio di carta vergata color crema sulla forma inchiostrata e lo stampa — il momento culminante è la leva che scatta indietro mentre la riga appena stampata appare sulla carta con una tipografia letterpress davvero incavata: ogni lettera impressa nella carta con un’ombra inset che dà un’indentazione fisica, l’inchiostro che sborda/sfrangia leggermente nella grana visibile delle fibre della carta, un tenue alone di impressione della piastra attorno al blocco. Palette: terra d’ombra bruciata, oro ottone spazzolato e crema caldo/bianco sporco carta di riso dominano, con inchiostro indaco intenso come UNICO accento freddo. Includi dettagli tattili: viti zigrinate in ottone, una serratura a cuneo quoin, pulsanti in tonalità legno con stati premuti/attivi realistici e easing appagante su ogni transizione (cubic-bezier elastico). Rendilo responsive (si ridimensiona con grazia fino alla larghezza tablet), mantieni tutto lo stato in vanilla JS e lascia che l’utente componga un breve verso poetico completo, lo inchiostri e tiri una stampa da ammirare visivamente — tutto deve sembrare artigianale, massiccio e cerimoniale, con la fisica della caduta, del trascinamento e dell’impressione comunicata tramite movimento e ombra anziché tramite asset esterni.

Crea un singolo file HTML completo e autonomo che si apra direttamente in qualsiasi browser moderno senza dipendenze esterne — tutto il CSS e il JavaScript devono essere inline, e non sono consentiti librerie esterne, CDN, font o URL di immagini (disegna tutto con Canvas 2D o SVG generato via codice). Costruisci un “Brass Gear Train Workbench” interattivo: un simulatore meccanico di ingranaggi componibili renderizzato su un tavolo da lavoro con blueprint polveroso, dove l’utente assembla un treno di ingranaggi funzionante e osserva una rotazione fisicamente accurata propagarsi lungo la catena. Requisiti principali di interazione e simulazione: - Renderizza il palco principale come una superficie da disegno tecnico blueprint: una griglia fine ciano su carta blu tecnico scuro con un lieve velo di polvere e vignettatura, più tacche dimensionali e annotazioni da disegno lungo i bordi. - Fornisci un contenitore/barra laterale dei pezzi a sinistra con ingranaggi di varie dimensioni distinte (diversi numeri di denti / modules, ad es. 12, 18, 24, 36, 48 denti). L’utente trascina un ingranaggio dal contenitore al palco; al rilascio si aggancia alla griglia. - Ogni ingranaggio deve essere disegnato come una vera ruota dentata in stile involute, in toni ottone — corpo oro caldo, bordo rame invecchiato con patina, riflesso avorio, mozzo visibile, raggi e foro centrale — con una sottile ombreggiatura smussata affinché il metallo sembri metallo. - Implementa un vero rilevamento dell’ingranamento: quando due ingranaggi posizionati si trovano a una distanza tra i centri pari alla somma dei loro raggi primitivi (module × teeth / 2) entro una tolleranza, si accoppiano automaticamente e si bloccano in una catena trainata; disegna un indicatore di ingranamento nel punto in cui i denti si intersecano. Le catene possono ramificarsi attraverso più ingranaggi. - Posiziona un volantino a manovella in basso a sinistra come origine visiva e meccanica. L’utente gira la manovella (trascinandola per ruotarla, oppure tenendo premuto un pulsante); l’intera catena ingranata ruota quindi in sequenza. Calcola velocità angolare e direzione di ogni ingranaggio a valle rigorosamente dal rapporto di trasmissione (ω_out = ω_in × N_in / N_out, con direzione alternata a ogni ingranamento), e anima i denti mantenendoli perfettamente sincronizzati in fase nel punto di contatto, in modo che nessun dente si sovrapponga visibilmente o passi attraverso un altro. - L’ingranaggio finale della catena aziona una lancetta su un quadrante numerato; la lancetta deve mostrare una lettura reale derivata dal rapporto di trasmissione cumulativo (mostra l’output RPM calcolato e il rapporto totale come testo live). - Se l’utente prova a posizionare ingranaggi la cui geometria dei denti non può ingranare (spaziatura/module incompatibili), quel giunto deve incepparsi: lampeggia in rosso, interrompe la propagazione oltre il giunto difettoso e mostra un piccolo avviso “tooth mismatch”. - Aggiungi un fascio di luce: un raggio di caldo sole mattutino obliquo da una finestra in alto attraverso il palco, con pulviscolo animato che fluttua nel fascio e caldi bagliori speculari che scorrono sui denti degli ingranaggi mentre ruotano, così la macchina sembra risvegliarsi. Rifinitura visiva e UX: - Direzione artistica: tratto rétro da disegno tecnico a mano fuso con metallo fotorealistico — griglia fine blueprint sotto ottone, bronzo invecchiato, verde-blu patina e bianco avorio; luce laterale calda con lunghe ombre morbide per scolpire volume e profondità. - La composizione deve far leggere la manovella come punto di ingresso, con la catena motrice che taglia diagonalmente l’inquadratura. - Includi un HUD pulito che mostri velocità della manovella, rapporto di trasmissione totale, output RPM e numero di ingranaggi, più piccoli controlli per invertire la manovella, svuotare il palco e regolare la velocità della manovella con uno slider. - Tutto deve essere fluido (requestAnimationFrame), responsive rispetto alla dimensione della finestra e continuare a funzionare in modo interattivo — trascinamento, aggancio, ingranamento e aggiornamento delle letture devono rispondere tutti in tempo reale. Fallo sembrare tattile, preciso e vivo.