映画マトリックスのあの画面を再現したWebサービス。
雨の様に流れる緑色の文字、映画の各所で使われている
シーンをWeb上で再現できます。
URLパラメータで好きなようにカスタマイズも可能。
![映画マトリックスのあの画面を再現、好きな様にカスタマイズも可能なWebサービス 『matrix』](https://pc.mogeringo.com/wp-content/uploads/2023/09/matrix-thumb.jpg)
使い方
![映画マトリックスのあの画面を再現、好きな様にカスタマイズも可能なWebサービス 『matrix』](https://pc.mogeringo.com/wp-content/uploads/2023/09/matrix1.jpg)
下記リンク先ページを開くと、映画マトリックスのあのシーンが再現されます。
画面いっぱいに流れる緑色の雨のような画面は、一度見ると忘れられないシーンです。
これを見ているだけでも好きな人はボーっと見ていられると思いますが、このWebサービスは
このシーンを自由自在にカスタマイズが可能です。
![映画マトリックスのあの画面を再現、好きな様にカスタマイズも可能なWebサービス 『matrix』](https://pc.mogeringo.com/wp-content/uploads/2023/09/matrix2.jpg)
このリンク先のURLにパラメータをつけることで、自由自在に画面をカスタマイズが可能です。
しかもカスタマイズできる項目、パラメータ数が半端なく多くてびっくりします
https://rezmason.github.io/matrix/?effect=trans
![映画マトリックスのあの画面を再現、好きな様にカスタマイズも可能なWebサービス 『matrix』](https://pc.mogeringo.com/wp-content/uploads/2023/09/matrix4.jpg)
こちらはhttps://rezmason.github.io/matrix/?version=3dというパラメータで3Dな空間になります。
他にもVersionのパラメータには
などのオプションが搭載されています。
![映画マトリックスのあの画面を再現、好きな様にカスタマイズも可能なWebサービス 『matrix』](https://pc.mogeringo.com/wp-content/uploads/2023/09/matrix3.jpg)
Githubページには他にもたくさんのパラメータが用意されています。
これらを組み合わせて自由自在にカスタマイズが可能です。
![映画マトリックスのあの画面を再現、好きな様にカスタマイズも可能なWebサービス 『matrix』](https://pc.mogeringo.com/wp-content/uploads/2023/09/matrix5.jpg)
パラメータのfallspeedを-0.1にすると上に上っていくことも出来ます。
https://rezmason.github.io/matrix/?width=100&fallSpeed=-0.1&effect=none
![映画マトリックスのあの画面を再現、好きな様にカスタマイズも可能なWebサービス 『matrix』](https://pc.mogeringo.com/wp-content/uploads/2023/09/matrix6.jpg)
配色をURLパラメータで変更も可能です。
https://rezmason.github.io/matrix/?palette=0.1,0,0.2,0,0.2,0.5,0,0.5,1,0.7,0,1
![映画マトリックスのあの画面を再現、好きな様にカスタマイズも可能なWebサービス 『matrix』](https://pc.mogeringo.com/wp-content/uploads/2023/09/matrix7.jpg)
https://rezmason.github.io/matrix/?effect=image&url=https://upload.wikimedia.org/wikipedia/commons/f/f5/EagleRock.jpg
背景にWeb画像を指定すると、文字の背景だけで画像に変わるという面白いエフェクトも追加できます。
他にも下記リンク先、Githubページで色んなパラメータオプションを見る事ができます。
コメント