Googleマトリックス
👇 下にスクロールして体験を始めよう!
基本情報
定番のマトリックス風コードレインをGoogleホームに重ねて、緑の文字が画面いっぱいに流れ落ちます。
ルグーグ(elgooG)
2023-04-24
ルグーグで体験可能
イースターエッグを試す
制作の背景
核となるアイデア
映画『マトリックス』(The Matrix)に登場する、緑の文字が落ち続ける映像は、いわゆるコードレインとしてシリーズを象徴するビジュアルになりました。昔の端末らしさと近未来の不気味さが重なり合い、シミュレーションの中にいる感覚を一枚で伝えるイメージとして広く定着しました。
その見た目は映画の外にも広がり、スクリーンセーバーやポスター、ブラウザ上のちょっとした遊びまで、黒い背景に発光する文字が流れ落ちるスタイルとして親しまれてきました。
着想と開発
このページは、その雰囲気をGoogleホームに重ねた非公式のイースターエッグです。モダンなWebグラフィックでコードレインを組み直し、見慣れたページが緑の文字に静かに包まれていく様子をブラウザでそのまま楽しめます。
イースターエッグ体験
見どころ
ページを開くと画面は暗くなり、細い列になった緑の文字が上から下へ流れ始めます。Googleロゴやボタン、検索ボックスは雨の下に残るので、雰囲気はしっかり変わっても読みづらくなりすぎません。
仕組み
エフェクトを開いてコードで画面を満たしたら、あとは普段どおり検索するだけです。これはゲームではなく、ライブのオーバーレイ演出です。魅力は空気感と、ひと目でマトリックスらしいとわかるあの見た目にあります。
試し方
- 上のボタンを押してマトリックスエフェクトを開きます。
- Googleホームが落ちてくる緑の文字で埋まっていく様子を眺めます。
- コードレインが流れ続ける中でも、検索ボックスはそのまま使えます。
- もっと奥行きのある見た目がよければ、3D版も試してみてください。
このページは WebGL をベースに動き、実験的な WebGPU レンダラーパスも備えています。対応するブラウザや環境では、クラシックなコードレインらしさを変えずに、滑らかな動きを保ちやすくなります。
まとめ
ただ緑の文字の静けさに浸るのもいいですし、少し変わった検索画面として使うのもありです。Googleマトリックスのよさは、見慣れたページをそのまま残しながら、画面全体をゆっくり別世界の空気に変えていくところにあります。
よくある質問(FAQ)
Googleマトリックスとは?
Googleホームにマトリックス風のコードレインを重ねる、非公式のイースターエッグです。開くと、見慣れたページが映画のような緑の文字で覆われます。
これはゲームではなく視覚演出です。検索ボックスは使えるままなので、文字が流れ続けるのを見ながらそのまま検索できます。
同じ発想でもう少し奥行きがほしいなら、3D版では雨が近い層と遠い層に分かれ、より立体的に見えます。
その没入感を見たいなら、Googleマトリックス 3D もどうぞ。
