昨晚就看到这个doodle了,很是惊艳,不过昨日没什么时间,今天看到有人在讨论,忍不住好奇心看了下代码,以下结论:
1、Google是个值得敬佩的公司,这是题外话了
2、这个动画由Javascript控制html+css完成
3、
一张初始状态背景图;
一张sprite,分区域记录每个关键帧;
n个div,相当于窗口,sprite是背景,窗口把sprite里的特定区域内容显示在指定位置
div绝对位置和大小为事先准备的参数,div背景由实际情况和参数共同控制
4、每帧创建一个div,帧间隔83ms,差不多12fps, 155帧
当然这只是表象,按照google的实力,这种东西完全可能由任何特定视频格式转换生成这种doodle
没做深入研究,点到为止