以图明志

Web设计理念

自己模拟实现一下Google的赛马Doodle

赛马Doodle的实现原理
今天的Google Doodle是个动态的,是一个骑马的动态Doodle,是谷歌纪念英国实验摄影师埃德沃德·迈布里奇182周年诞辰,埃德沃德·迈布里奇是运动摄影的开创者,所以谷歌涂鸦以一个运动的摄影作为背景创作的。我对这个doodle的实现比较感兴趣,下面做个实现小程序。

Web设计理念

Doodle:让眼睛一直注视着你的鼠标

Google曾经用过的一个js效果
没看之前,觉得会挺难的,今天看了别人的思路,于是自己摸索着也整了一个出来。感觉这东西也不太实用,不过把它挂在博客上什么的装饰一下还可以,但主要是练习js,提高自己的编程能力啦~。写的时候,画张图,边分析边写,会容易些,另外就是一些初中数学知识的运用啦......

Web设计理念

再现粘土动画大师阿特·克洛基纪念Doodle

“小绿人冈比” 创造者阿特·克洛基 90 周年诞辰
今天的Google Doodle纪念阿特·克洛基90周年诞辰,阿特·克洛基是美国粘土动画大师、“小绿人冈比” 创造者,纪念阿特·克洛基的涂鸦是动态的,开头一Google第一个字母开始,只要你点击任何一个东西,都可以产生非常有趣的动画。该涂鸦是为了美国粘土动画大师、“小绿人冈比”创造者阿特·克洛基90周年诞辰。

Web设计理念

再现Google《芝麻街》Doodle的效果

吉姆·亨森75 周年诞辰
Google 今天首页的动态涂鸦是为了庆祝《芝麻街》木偶的创造者——吉姆·亨森(Jim Henson)75 周年诞辰。1936 年,吉姆·亨森出生于美国密西西比州,是公认的木偶大师,1969 年吉姆·亨森公司制作的儿童教育节目《芝麻街》一经推出即风靡世界。《芝麻街》最为人熟悉的是节目中采用大量布偶(Muppet)作为大部份主角,这些布偶的创造者正是吉姆·亨森。由于其传播之广泛,影响之久远,芝麻街被公认是世界上最家喻户晓的幼儿教育节目。

Web设计理念

再现Google月全食Doodle的特效

Google的花样真多啊
Google的花样真多啊。今天凌晨发生了11年来最长的月全食,google也在第一时间发布了月全食doodle,记录了月全食发生的全过程。Google看来对这次月全食也给予了很高的重视。这次的doodle主要运用了CSS Sprite技术,实现方式和玛莎·葛兰姆117周年诞辰差不多,所不同的是多了一个进度条,可以随时回放和快进整个过程。

Web设计理念

用Canvas做一个Doodle吉它

这个吉它效果是使用HTML5 Canvas编写的
这个吉它效果是使用HTML5 Canvas编写的,如果你的浏览器不支持HTML5,那么就看不到这个演示效果了。主要以简要为主,所以可能看起来会比较简陋,没有原版的写的这么有深度,不过保证是你能看的懂的代码。仿的不是很好,主要原因在于琴弦的张度和弹性的函数变化,网上搜索了下公式,可能是欠阻尼方程。但基本功能还是有了。

Web设计理念

今天的Google电吉他Doodle效果很赞

让更多人看到这个神作Doodle
Google今天的涂鸦很给力啊。为了让网友可以多看到这个涂鸦,我觉得保存在我的博客里,如果你也喜欢,分享给朋友们吧。为了纪念电吉他之父莱斯·保罗(Les Paul,1915年6月9日-2009年8月13日)诞辰96周年,Google Doodle又出神作,首页的Logo被设计成一个电吉他形,并且鼠标滑过会弹出美妙的音乐,当你按下键盘图标时,还可以直接用键盘弹奏这个"电吉他"。

Web设计理念

模拟Google今天的超炫现代舞Doodle

很有创意的Doodle
不知道大家有没有注意到谷歌今天官网上的logo,刚开始一看还以为是gif,在仔细一看,发现并非如此,原来是使用CSS Sprite技术,利用一个初始图片和一张画满各个动作的拼接图片,从而实现了动画效果。本人一时手痒,就想把这个扒下来,但发现谷歌的js写的太牛逼了,无奈,只能自己用自己的思维去模拟一个了。

Web设计理念

Google纪念牛顿Doodle的特效

JavaScript实现的苹果下落效果
今天是英国伟大的数学家、物理学家艾萨克·牛顿(Isaac Newton)的诞辰,google为其做了纪念logo。Logo做的符合主题又生动俏皮,可能您会说“不就是一个图片上加了点js动画吗?”。是的,Google就是这样,用简单的技术实现令人惊叹的效果。
1 / 1 首页 < Prev 1 Next > 尾页 页码: