问题标签 [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 的 buckyball doodle 是如何实现的?

我查看了它创建的标记,即一堆原子原子图像和一个大背景图像,它用于创建键的方法相当奇怪。

有些事情我无法解决:

  1. javascript在哪里
  2. 是什么让后面的键变窄
  3. 为什么原子也应用了键背景

以下是谷歌涂鸦的样子,感兴趣的朋友可以看看:

涂鸦

0 投票
2 回答
1566 浏览

javascript - 新的谷歌标志(移动球)是如何实现的?

我得到了新 google.com 涂鸦的代码:http: //gist.github.com/567948

问题是,其中的所有值都在<div id="hplogo">动态变化,但当我在本地机器上复制代码时却没有。

好像只有 JS + DIV,有什么遗漏吗?

但现在能够在我的本地机器上复制它。

替代文字

有什么建议么?

0 投票
2 回答
2239 浏览

javascript - 谷歌的弹力球涂鸦是否有可读的源代码?

如果您还没有看到当前的 google doodle,您应该查看一下。基本上,它是一堆从老鼠身上飞出来的球。

谷歌涂鸦
(来源:dailymail.co.uk

它在 IE 中的编码与其他浏览器不同。在 IE 中,它是使用.字符完成的,而其他浏览器使用border-radius.

我在页面中找到了源代码(为了完整性,在美化之后包含在下面),但我想知道谷歌是否将他们的未压缩源代码放在谷歌代码或公共存储库上。

有人知道我在哪里可以找到此页面上使用的 Javascript 的可读副本吗?


0 投票
3 回答
4904 浏览

javascript - 今天(儒勒·凡尔纳)Google 的 Doodle 是如何工作的?

我相信你们中的许多人已经查看了今天 (2011-02-08)的 Google 涂鸦如果涂鸦更改,请链接到 CNN 上的文章)。太棒了,我试着弄清楚它在Firebug中的实现,我发现它有大约 3 层图像(用于 3D 效果),它们是平移和旋转的(-moz-transform:rotate())等。我没有找到关于是(和我的问题):

  • 当你按住手柄时它是如何隐藏我们的鼠标光标的,我知道它cursor:none在 CSS 中,但我仍然看到这个手柄的 CSS:

    /li>
  • 它如何允许拖动手柄并同时根据位置在 9 个图像之间交换。

  • 对它的 Javascript 有所了解(我在 firebug 中没有找到一个……只有用于搜索的常用脚本,以及这个只计算 mod 的小代码(其他任务可能的代码呢)

    /li>

所以简单地指出它是如何实现的(我已经提到了 3,但包括其他可能不那么明显的点)。


图片资源供参考:

资源精灵

链接到其他 3 张图片(它们太长了,无法在此处显示)

大鱼,鲨鱼
巨型尾巴
在水动物群
天空下


更新

Myles Gray通过重新实现(并使其更具可读性)Javascript 代码、CSS 和 HTML 做出了巨大贡献,向我们展示了 Doodle 是如何实现的。

以下是供大家查看的链接:

http://jsfiddle.net/Mutant_Tractor/jRkND/16/ <-- 最新版本

0 投票
3 回答
1219 浏览

javascript - 今天的google doogle World's Fair是如何实现的?

我想知道它是否使用了 HTML5 和 jquery 的强大功能,我可以获得任何示例示例吗?

0 投票
6 回答
34501 浏览

javascript - 如何在网页图像(Javascript)上模拟放大镜?

谷歌有最酷的效果——曾经是吃豆人游戏,今天显然是第一届世界博览会的 160 周年,谷歌的标志有它的形象。他们还将鼠标变成了可以扫过图片的放大镜(金环)。 在此处输入图像描述

我想知道他们是怎么做到的。这显然是 Javascript,我查看了页面源代码,但它并不是特别可读(不足为奇)。

0 投票
1 回答
1483 浏览

javascript - Google doodle Guitar 是如何实现的

可能重复:
Google 主页上使用了什么技术(吉他弦)

今天是莱斯保罗的生日。谷歌有这个很酷的涂鸦来弹吉他。

我想知道它是如何实现的。

  1. 它使用Javascript吗?
  2. 它是否使用任何 HTML 5 功能?
  3. 它是如何播放声音的?
0 投票
1 回答
4454 浏览

javascript - Gideon Sundback 拉链涂鸦 [Google,4 月 24 日] 完全是 javascript 吗?

Gideon Sundback google doodle 是用 javascript 实现的吗?

我试图通过萤火虫追踪,但不能真正“得到”它的实现细节?

关于如何实施的任何想法?

0 投票
1 回答
695 浏览

google-doodle - 谷歌可能为这个“Gideon Sundback doodle”使用了哪些可能的网络技术

谷歌可能为这个Gideon Sundback 涂鸦使用了哪些网络技术(见视频

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

我真的很好奇。在网络浏览器中,我们真的可以做到这么多吗?我猜它不是闪光灯,否则我不会怀疑。有可用的源代码或类似示例吗?

猜猜它展示了我们现在可以在网络技术中扩展多少。

0 投票
3 回答
1368 浏览

html - 今天的谷歌涂鸦穆格合成器

我正在检查今天的 Moog Synth 的 Google Doodle,献给 Robert Moog,

涂鸦

当我遇到以下 html 代码时:

(您可以查看源代码并按 Ctrl+F for ,您将在第一个搜索结果中得到它)。

我在谷歌上搜索了 s & w 标签,但没有发现任何有用的标签,只是s标签有时用于删除文本,但现在已弃用。

显然,谷歌不会使用已弃用的标签,但我想这背后还有比普通的 html 代码更多的东西。谁能解释一下这个标签的用法?& 浏览器如何识别它们?& 如果浏览器无法识别它们,它们的用途是什么?