Google のロゴ アニメーションでは、ユーザーがロゴと対話できることがよくあります。たとえば、ゲームのように、押すことができるボタンなどがありますが、これを作成するために何を使用しているか教えていただけないでしょうか。 - Flash、JavaScript、またはその他の何か?
彼らは JavaScript を使っているような気がしますが、それを証明できる人はいますか? また、後でこれを確認して、将来何を使用するかを確認するにはどうすればよいですか?
Google のロゴ アニメーションでは、ユーザーがロゴと対話できることがよくあります。たとえば、ゲームのように、押すことができるボタンなどがありますが、これを作成するために何を使用しているか教えていただけないでしょうか。 - Flash、JavaScript、またはその他の何か?
彼らは JavaScript を使っているような気がしますが、それを証明できる人はいますか? また、後でこれを確認して、将来何を使用するかを確認するにはどうすればよいですか?
基本的に、今日では、HTML5、CSS3、JavaScript/jQueryを使用しています。ほとんどの場合、canvas
テクノロジーを使用し、CSS3を介してスプライトシートを操作することもあります。サウンドに関しては、Javaを使用していますが、Javaをフォールバックとして使用するHTML5audio
テクノロジーが表示されることもあります。古いGoogleアニメーションは、HTMLのみを媒体として使用して純粋にJavaで作成されていました。
ハインリヒ・ルドルフ・ヘルツの155歳の誕生日のDoodleのように、アニメーションGIFを使用することもあります。(より単純なものの場合)。
Google Doodleは、Javascript、CSS、およびHTMLを使用します。Flashアプリではないことを確認する最も簡単な方法は、Doodleを右クリックすることです。Flashの場合は、右クリックメニューの[AdobeFlashPlayerについて]が表示されます。フラッシュではないと言わない場合。
はい、JavaScript を使用して DOM の要素をアニメーション化し、グラフィックスには css スプライト/アトラスを使用しています。
Google Doodles の仕組みに関する素晴らしい記事
css3 アニメーションを使用して独自の Google Doodle を作成するための段階的なチュートリアル
編集: www.google.no の Doodle も HTML5 キャンバス要素で作成されています。