jQuery: effetto Matrix

jQuery: effetto Matrix

The Matrix è sicuramente un film di culto e l'immagine delle righe di codice che fluiscono in continuazione dall'alto in basso sono sicuramente entrate nell'immaginario collettivo di tutti i noi. Così mi sono chiesto: è possibile ricreare quell'effetto con jQuery? La risposta è si e, sorprendentemente, la soluzione implementativa richiede soltanto qualche riga di CSS in più per la formattazione dei caratteri e delle colonne in cui compare il codice. L'unico punto dolente sono i caratteri usati, che non riescono a riprodurre esattamente quelli della schermata originale.

In tal senso vi consiglio di visitare la risorsa di Alan Wood sui caratteri Unicode. Altra nota dolente è il supporto di Internet Explorer al demo che visionerete: le versioni 6 e 7 non lo supportano affatto, mentre la 8 mostra ancora qualche problema.

Vi rimando al sorgente della pagina per lo studio del codice. Potete visionare il demo in questa pagina.

Torna su