Samuele Nencioni

// section.lab

Lab

Una vetrina di giocattoli tecnici: particelle, fisica, audio, image processing, algoritmi. Ognuno si tocca, reagisce e — di riflesso — racconta come lavoro. Apri, gioca, scopri come è fatto.

28 / 28 pronti · scegli un esperimento

01

Flow Field

★★

Migliaia di particelle scorrono come correnti. Resta fermo: si firmano.

Generative · Canvas 2D·mousetouch
02

Cursor Playground

★★

Una collezione di micro-interazioni del cursore. Cura maniacale del dettaglio.

Micro-interazioni · DOM/CSS·mouse
03

Kinetic Type

★★

Le lettere fuggono dal cursore, cadono, si ricompongono.

Tipografia + fisica · DOM·mousetouch
04

Verlet Cloth

★★

Un tessuto che ondeggia. Trascinalo, sollevalo, strappalo.

Simulazione fisica · Canvas 2D·mousetouch
05

Mic Visualizer

★★

La tua voce diventa un visualizer generativo. In tempo reale.

Audio · Web Audio API·microfono
06

Step Sequencer

★★

Accendi le celle e nasce un loop. Condividilo con un link.

Audio · Web Audio API·mousetouchtastiera
07

ASCII / Dither Camera

★★

La webcam resa in ASCII e dithering, dal vivo, nei colori del brand.

Image processing · Canvas 2D·webcam
08

Generative Poster

★★

Genera un poster on-brand e portatelo via in alta risoluzione.

Generative design · Canvas 2D·mousetouch
09

Reaction-Diffusion

★★★

Disegna, e dal segno crescono pattern organici vivi.

Simulazione · Canvas 2D·mousetouch
10

Luci & Ombre 2D

★★

Il cursore è una torcia che proietta ombre nette. Su mobile, il giroscopio.

Raycasting 2D · Canvas 2D·mousegiroscopio
11

Algorithm Visualizer

★★

Sorting che si riordina e pathfinding che esplora il labirinto.

Algoritmi/CS · Canvas 2D·mousetastiera
12

Ship It

★★

Un mini-gioco: spacca i mattoncini, fai il deploy, batti il tuo record.

Game · Canvas 2D·tastieratouch
13

Particle Life

★★★

Poche regole, e migliaia di particelle diventano organismi vivi.

Vita artificiale · Canvas 2D·mousetouch
14

Falling Sand

★★

Sabbia, acqua, fuoco, piante: disegna e guardali interagire.

Cellular automata · Canvas 2D·mousetouch
15

Fluid Dance

★★★

Trascina e l'inchiostro coral vortica nell'indaco come fumo.

Simulazione fluidi · Canvas 2D·mousetouch
16

Blob

★★

Una gelatina che afferri, lanci e schiacci. Torna sempre in forma.

Soft-body · Canvas 2D·mousetouch
17

Orbit

★★

Lancia pianeti e mettili in orbita. Le scie raccontano la gravità.

Gravità n-body · Canvas 2D·mouse
18

Pluck

★★

Un'arpa che pizzichi col dito. Le corde suonano davvero.

Audio · Web Audio API·mousetouchtastiera
19

Donut ASCII

★★

Un toro 3D che ruota, fatto solo di caratteri. Senza WebGL.

3D in ASCII · Canvas 2D·mouse
20

Slit-Scan

★★

La webcam come macchina del tempo: il movimento si spalma in onde.

Image processing · Canvas 2D·webcam
21

Fractal Dive

★★★

Tuffati nel frattale di Mandelbrot con zoom quasi infinito.

Frattali · Canvas 2D·mouse
22

Tilt Maze

★★

Inclina il telefono e guida la pallina fuori dal labirinto.

Gioco · Canvas 2D·giroscopiomouse
23

Asteroids

★★

Nave, inerzia, spari: frantuma gli asteroidi nello spazio profondo.

Gioco · Canvas 2D·tastieratouch
24

Tetris

★★

I sette tetramini, le righe che spariscono. Versione brandizzata.

Gioco · Canvas 2D·tastieratouch
25

Ricerca semantica

★★

Trova per significato, non per parole chiave.

AI in-browser · embeddings·tastiera
26

Umore-metro

★★

Scrivi e l'AI legge il sentiment in tempo reale.

AI in-browser · Transformers.js·tastiera
27

Sfondo via

★★

Trascini una foto e l'AI scontorna il soggetto, in locale.

AI in-browser · segmentazione·mouse
28

Occhio AI

★★

La webcam riconosce gli oggetti in tempo reale.

AI in-browser · object detection·webcam
Benvenuto