Google画面が一回転!伝説の裏技に隠された任天堂名作の秘密
Google画面が一回転!伝説の裏技に隠された任天堂名作の秘密の詳細解説をお届けします。役立つ情報がチェックできます。
この一回転の裏側には、当時のウェブ標準技術を世に知らしめるという技術的な狙いも存在していた。画面を回転させている主犯は、スタイルシート言語の仕様であるCSS3 Transformだ。
具体的には、ページ全体のコンテナ要素に対して `@keyframes` アニメーションが適用され、`transform: rotate(360deg);` が実行されている。アニメーションの所要時間は約4秒。直線的な回転ではなく、滑らかに加速して減速するイージングが効いているため、見ていて心地よい浮遊感が生まれる。
Google Chromeをはじめとする現代のブラウザは、GPUによるハードウェアアクセラレーションを駆使してこの描画処理を一瞬でこなす。かつてはプラグインなしに実現できなかった滑らかなアニメーションを、標準的なWebコードだけで軽々と動かしてみせる。このイースターエッグは、Googleが自社の技術力とウェブの可能性を世界に示した、極めて優雅なデモンストレーションでもあったのだ。