問題タブ [google-doodle]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1410 参照

javascript - Googleのバッキーボール落書きはどのように実装されていますか?

私はそれが作成するマークアップ、つまり原子原子の画像の束と、結合を作成するためにかなり奇妙に使用される大きな背景画像を見てきました。

私が解決できないことがいくつかあります:

  1. javascriptがどこにあるか
  2. 後部の結合を狭くするもの
  3. 原子に結合バックグラウンドも適用される理由

興味のある人のために、GoogleDoodleは次のようになりました。

いたずら書き

0 投票する
2 に答える
1566 参照

javascript - 新しいグーグルロゴ(動くボール)はどのように実装されていますか?

新しいgoogle.comのDoodleのコードを入手しました:http://gist.github.com/567948

問題は、のすべての値が<div id="hplogo">動的に変化していることですが、ローカルマシンにコードをコピーしたときはそうではありません。

JS + DIVだけのようですが、何か足りないものはありますか?

しかし、今では私のローカルマシンでそれを複製することができます。

代替テキスト

助言がありますか?

0 投票する
2 に答える
2239 参照

javascript - グーグルのスーパーボール落書きに読み取り可能なソースコードはありますか?

現在のGoogleDoodleをまだ見たことがない場合は、チェックしてください。基本的に、それはマウスから飛ぶボールの束です。

GoogleDoodle
(出典:dailymail.co.uk

IEでは他のブラウザとは異なる方法でコーディングされています。IEでは、.文字を使用して実行されますが、他のブラウザはを使用しますborder-radius

ページ内にソースコードを見つけました(美化後、完全を期すために以下に含まれています)が、グーグルが非圧縮のソースコードをグーグルコードに載せたのか、それとも公開リポジトリに載せたのか疑問に思いました。

このページで使用されているJavascriptの人間が読める形式のコピーがどこにあるか知っている人はいますか?


0 投票する
3 に答える
4904 参照

javascript - 今日の (ジュール ヴェルヌ) Google の Doodle はどのように機能しますか?

今日 (2011-02-08)の Google の Doodle ( Doodle が変更された場合の CNN の記事へのリンク) を確認した方は多いと思います。それは素晴らしかったので、 Firebugでの実装について調べてみましたが、パンと回転 ( -moz-transform:rotate()) などの約 3 層の画像 (3D 効果用) があることがわかりました。だった(そして私の質問):

  • ハンドルを握ったときにマウス カーソルがどのように非表示になるか、CSS にあることはわかっていますがcursor:none、ハンドル用の次の CSS を確認しました。

    /li>
  • ハンドルをドラッグして、位置に応じて 9 つの画像を同時に切り替える方法。

  • そのJavascriptに光を当てます(firebugには見つかりませんでした...検索用の通常のスクリプトと、modを計算するだけのこの小さなコード(他のタスクの可能なコードについてはどうですか)

    /li>

したがって、その実装方法を簡単に指摘してください(3つについて言及しましたが、それほど明白ではない可能性のある他のポイントを含めてください)。


参照用の画像リソース:

リソースのスプライト

他の 3 つの画像へのリンク (長すぎてここに表示できませんでした)

大きな魚、サメ
巨大な尾
水中の動物相


アップデート

ここでMyles Grayは、Doodle がどのように実装されたかを示すために Javascript コード、CSS、および HTML を再実装する (そしてより読みやすくする) ことで大きな貢献をしました。

これは、すべてのユーザーがチェックできるリンクです。

http://jsfiddle.net/Mutant_Tractor/jRkND/16/ <-- 最新リビジョン

0 投票する
3 に答える
1219 参照

javascript - 今日のグーグルドゥーグル万国博覧会はどのように実施されていますか?

HTML5とjqueryのパワーを使用しているのか知りたいのですが、これについてどのサンプル例を入手できますか?

0 投票する
6 に答える
34501 参照

javascript - Webページの画像(Javascript)で虫眼鏡をシミュレートする方法は?

グーグルは最もクールな効果を持っています-かつてはパックマンゲームでしたが、今日は明らかに最初の万国博覧会の160周年であり、グーグルのロゴにはそれをイメージしています。また、マウスを拡大鏡に変えて、画像(金の指輪)を一掃することもできます ここに画像の説明を入力してください

彼らはどうやってそれをするのだろうか。これは明らかにJavascriptであり、ページのソースを調べましたが、特に読みやすいわけではありません(当然のことです)。

0 投票する
1 に答える
1483 参照

javascript - Google Doodle ギターの実装方法

重複の可能性:
Google ホームページで使用されている技術 (ギターの弦)

今日はレス・ポールの誕生日。Google には、ギターを弾くためのクールな Doodle があります。

どのように実装されているのか気になります。

  1. Javascriptを使用していますか?
  2. HTML 5 機能を使用していますか?
  3. どうやって音を出すの?
0 投票する
1 に答える
4454 参照

javascript - Gideon Sandback のジッパーの落書き [Google、4 月 24 日] は完全に JavaScript ですか?

Gideon Sandback google Doodle は javascript で実装されていますか?

firebug を追跡しようとしましたが、実装の詳細を実際に「取得」できませんでしたか?

それがどのように実装されるかについて何か考えはありますか?

0 投票する
1 に答える
695 参照

google-doodle - Google がこの「Gideon Sandback Doodle」に使用した可能性のある Web テクノロジー

Google がこのGideon Sandback Doodleに使用した可能性のある Web テクノロジー(ビデオを参照)

http://www.youtube.com/watch?v=utijBRRmAJo&feature=relmfu

私は本当に興味があります。Webブラウザで、本当にこれだけのことができるでしょうか? フラッシュではないと思いますが、そうでなければ不思議ではありません。ソースコードまたは同様のサンプルはありますか?

これは、現在 Web テクノロジーをどれだけ拡張できるかを示していると思います。

0 投票する
3 に答える
1368 参照

html - Moog シンセサイザーの今日の Google Doodle

Robert Moog に捧げる今日の Google Doodle of Moog Synthを調べていたところ、

いたずら書き

次のhtmlコードに出くわしたとき:

(ソースを表示して Ctrl+F を実行すると、最初の検索結果に表示されます)。

私は s & w タグについてグーグル検索しましたが、sタグがテキストの取り消し線に使用されることがありますが、現在は非推奨になっていることを除いて、何も役に立ちませんでした。

明らかに、Google は非推奨のタグを使用する予定はありませんが、この背後には単純な html コードよりも多くのことがあると思います。このタグの使い方を説明してくれる人はいますか? &ブラウザはどのようにそれらを認識しますか? ブラウザがそれらを認識しない場合、それらの用途は何ですか?