BE LEAD / Lab
Il Lab.
Dove il codice gioca.
Film, giochi, pixel art e strumenti musicali costruiti dialogando con l'intelligenza artificiale. Nessun video, nessun file preparato prima: ogni cosa viene calcolata dal tuo browser mentre la guardi.
Cinque esperimenti. Scegli da dove partire.
Il cortometraggio
Settanta secondi di animazione e musica generati dal codice, dalla scintilla di un'idea a una città di luce.
ApriCorri, Lead!
Un endless runner in pixel art. Lead salta i bug, scivola sotto le deadline e raccoglie idee.
ApriMilano in pixel
Lo skyline di Milano disegnato riga per riga, con ciclo del giorno, pioggia, neve e un tram che passa.
ApriDal prompt al sito
Scrivi un'idea e guarda comporsi un piccolo sito, con il codice che si scrive accanto.
ApriStudio sonoro
Drum machine e sintetizzatore nel browser, con preset ispirati alla musica di Tempe23.
ApriEsperienze 3D
E poi ci sono i mondi. Entraci.
Descrivi attività, luogo, momento del giorno, meteo e funzioni. L'anteprima accanto si aggiorna mentre scrivi.
1<Site name="Riva" accent="#ffb070">2 <Nav items={["Menù", "Storia", "Prenota"]} />3 <Hero place="lago" time="tramonto" weather="sereno"4 sun="19:36" />5 <Title>Cena sulla riva.</Title>6 <Button action="prenota">Prenota un tavolo</Button>7 <Cards items={["Menù", "Pescato", "Tramonti"]} />8</Site>Anteprima del sito Riva: osteria sul lago, tramonto, ore 19:36. Titolo: Cena sulla riva. Pulsante: Prenota un tavolo. Schede: Menù della settimana, Il pescato di oggi, Tramonti in terrazza.
Anteprima generata nel browser da regole: il vibe coding vero usa un modello come Claude, poi revisione umana.
Perché un laboratorio.
Il vibe coding è un modo di lavorare in cui si descrive in parole semplici cosa si vuole ottenere e un modello come Claude scrive il codice. La differenza la fanno le scelte: cosa chiedere, cosa scartare, quando fermarsi e rifinire a mano. Questi esperimenti servono a mostrare fin dove arriva oggi questo modo di lavorare, con tecnologie che ogni browser ha già: Canvas, Web Audio, animazioni e fisica scritte in JavaScript.
Sono gli stessi strumenti che usiamo nei progetti per i clienti, quando serve un configuratore, una demo interattiva o una pagina che si ricordi. Se hai un'idea che sembra difficile da spiegare, di solito è un buon punto di partenza.