谷歌这个网页的效果真是惊艳到我了！有无 v 友知道是如何实现的呢？

[seaofbits]

url 如下：

https://www.google.com/search/howsearchworks/our-history/

目前发现的是，它套了一层 iframe 指向另一个网页，但是该网页再 F12 就只能看见一个 canvas 了……

不知道这个网页是用什么技术实现的呢？ v 友们有无想法？欢迎大家畅所欲言。

[anemology]

goober 和 Theatre.js?
https://github.com/cristianbote/goober/
https://github.com/theatre-js/theatre

[seaofbits]

我也看了 https://gweb-searchon.uc.r.appspot.com/timeline/assets/js/app.js 这个 js ，但是感觉它引用的两个开源库都还差点意思：
goober 是 css-in-js ，肯定是辅助；
theatre-js 是一个动画库，这个沾边了，但是它也不能直接创建如此丝滑的线条[捂脸]
我感觉应该还少了一点东西，可能是个 3d 库？

[Routeros]

惊叹，还适配了移动端。

[Senorsen]

题外话：刚刚不知咋了页码一直红白闪烁，频率特别高。好像是几个小时前开了一直放那儿忘记关，再切回来就有 bug 的样子。。

[kingxiangqi]

盲猜 WebGPU

[foam]

我也看了 app.js 。里边有个 active theory 的网址，看了下他们的文章，他们是专门做交互式动画应用的

https://medium.com/@activetheory

[est]

现在的小朋友呀。。。

以前在 Pentium III 上看 Flash 比这效果惊艳得多。

而且 swf 格式还有个牛批的特性是边下载边看。。。这个网页 4.7MB 。。。就这？

真的拉夸！

而且当年最强大的就是 Macromedia 那个编辑器，让普通人也能做动画和特效。

[dingwen07]

帧率有点低

[seaofbits]

@est 哈哈，flash 是上一个时代的荣光。我也用 flash 做过一点动画（火柴人水平那种😀）

这个网页我觉得最不可思议的地方就是那个跟随滚动条播放的流畅线条，做成这样我觉得已经是 h5 典范作品了🐮同时也是最好奇这个是怎么做的

[wtf12138]

同好奇，有没有大佬讲一下思路

[est]

@seaofbits 火柴人水平那是相当好了。我记得火柴人最后一幕居然是 3D 展现的。。。。

[seaofbits]

@est 倒不是那个火柴人，我看过那个火柴人，那是火柴人天花板😂我做的是很简单的那种动画😃

[est]

@seaofbits 哈哈哈

[WORUI]

真的是令人惊艳！