Ah Matrix ! Quel film ! Quel univers ! Quel mythe !
Combien d’entre nous ont succombé au fameux économiseur d’écran de la matrice qui fait défiler les fameux caractères verts de recettes de sushis sur fond noir.
Mais vous ne le savez peut-être pas, il existe différentes versions de cette matrice selon les films, sans compter toutes les versions non officielles.
Difficile alors de trouver celle qu’on préfère. Toutefois, le développeur et artiste Rezmason a mis au point une version de la matrice entièrement personnalisable avec du JS et des SVG.
Ainsi, vous pouvez déjà autohéberger votre propre version de Matrix, mais également la mettre à vos couleurs grâce à de nombreux paramètres comme la vélocité, l’angle, le style, les effets, la densité, la volumétrie, la lueur des lettres…etc.
Ainsi, vous pouvez passer très facilement de ça :
https://rezmason.github.io/matrix/?width=50&fallSpeed=0.1
à ça :
https://rezmason.github.io/matrix/?width=50&fallSpeed=0.1&version=3d
en passant par ça :
https://rezmason.github.io/matrix/?width=50&fallSpeed=0.1&effect=pride
Vous pouvez même mettre une image en fond :
https://rezmason.github.io/matrix/?width=50&fallSpeed=0.1&effect=image&url=https://korben.info/app/uploads/2018/01/site_logo-768x768.png
Bref, tout est personnalisable, le code est tout vert ouvert et dans le futur, le développeur prévoit l’ajout d’un audio pour donner encore plus de réalisme à cette matrice ainsi que la mise à dispo d’une interface de configuration plus sympa que de devoir rajouter des paramètres dans l’URL.