Google画面が一回転!伝説の裏技に隠された任天堂名作の秘密

Google画面が一回転!伝説の裏技に隠された任天堂名作の秘密に関する最新のニュースをまとめてご紹介します。関心のある方は必見です。

この一回転の裏側には、当時のウェブ標準技術を世に知らしめるという技術的な狙いも存在していた。画面を回転させている主犯は、スタイルシート言語の仕様であるCSS3 Transformだ。

具体的には、ページ全体のコンテナ要素に対して `@keyframes` アニメーションが適用され、`transform: rotate(360deg);` が実行されている。アニメーションの所要時間は約4秒。直線的な回転ではなく、滑らかに加速して減速するイージングが効いているため、見ていて心地よい浮遊感が生まれる。

Google Chromeをはじめとする現代のブラウザは、GPUによるハードウェアアクセラレーションを駆使してこの描画処理を一瞬でこなす。かつてはプラグインなしに実現できなかった滑らかなアニメーションを、標準的なWebコードだけで軽々と動かしてみせる。このイースターエッグは、Googleが自社の技術力とウェブの可能性を世界に示した、極めて優雅なデモンストレーションでもあったのだ。

橋本 菜々子

橋本 菜々子

トレンドリサーチャー

グルメと旅を愛するフリーライター。全国各地の隠れた魅力を独自の視点から紹介します。

Share this article
Twitter Facebook Pinterest