一个特别神奇的网站:Wayback Machine 网站时光机。可以用来找 Shader 页面!

文章更新(可能 ❌ / 一定 ✅)没那么频繁,欢迎加入「可视化交流群」进行交流。加古柳微信「xiaoaizhj」备注「可视化加群」即可,也有机会围观古柳朋友圈,实时追踪最新动态!

前情回顾

上一篇文章「讲讲 Query Domains、AITDK 插件、Wayback Machine 网站时光机这三个工具」里,古柳讲到 Query Domains 和 AITDK 插件的更详细背景和用途,提到它们都是去年国人开发的,是能帮到搞出海、做工具站的人的好用工具;

而且古柳还专门提到一个特别神奇的网站------Wayback Machine 网站时光机,里面可以查看其他网站过去的样子,即便是已经下线打不开的网站也能看到。从维基百科上可知,目前该网站里已存档超过9160亿个网页。

看看b站过去长啥样

简单演示下如何使用,搜索框里可以输入任何感兴趣的网站。比如输入 www.bilibili.com 后果显示目前存档了 115924 次,下方柱形图里可以先选择年份,再选择下面12个月份日历里的日期,圆圈表示当天有过存档,越大的表示存档次数越多。

随便挑选一些日期看看,选择2014年,鼠标移动到3月13日上会显示具体时间点。

点击就能看到当时的页面效果。

再换到 2015.3.12 刚好十年前。

当时的页面和现在更接近些了。

这里就不带大家具体看了,大家可以自己去搜索任意网站体验下。

灵光一闪

如果只是上面这样拿网站时光机随便看看感兴趣的网站过去长什么样的话,虽然也蛮有趣,但古柳可能不会写篇文章专门介绍。

之所以想和大家分享,是因为前不久在关注到出海工具站、接触和使用许多工具网站中(见:「回顾下断更8个多月期间干过的事(下):AI工具站,出海赚美金」),某一天突然想到网站时光机可以用来解决多年前碰到的问题。

三年前古柳刚接触到 Shader 的概念,被其所能实现的效果所惊艳,然后在油管学习 Yuri Artiukh 的教程,其中曾多次碰到 Yuri 放的原网站已经下线或改版,无法体验到原作 Shader 效果的精妙,并且有时候代码里需要用到原网站图片、模型等资源的,也因缺少文件而妨碍学习。

一直以为这种情况也没办法。直到前阵子突然意识到好像可以用网站时光机去搜索那些网站看能不能有所收获。

找出 Shader 页面

比如 Milano Digital Week 米兰数字周这个网站现在长这样,很多年前首页曾经有个类似"口红"的 Three.js Shader 效果。

用网站时光机搜索下,发现确实存档了很多版本,看起来有希望找到。

因为油管教程的时间是2020.2.2,所以古柳往那段时间之前找了下,果然在 2020.1.27 那版里找到了这个效果,并且发现鼠标交互的效果还在。(这里古柳故意不像以往一样留链接,就是希望大家自己去找找体验下)

打开 Chrome 浏览器开发者工具,重新加载页面后,在 Network 里也能找到当时的模型文件。

同样的,能找到贴图的图片资源。(这个 Shader 效果古柳其实早就计划出教程和大家讲讲如何实现,还是有些地方值得提下的,因为就快了)

小结

古柳也没想到多年前没解决的问题,反而是在关注出海、接触到一堆工具网站后,在某天突然灵光一闪后惊喜地解决了。

当然网站时光机不是万能的,古柳有找过另外几个感兴趣的 Shader 页面,发现好像就没成功,但能尽量补齐一些"遗珠"也算是不错了

另外,网站时光机的功能远远不止文中提到的这些,感兴趣的可以看官方出的视频教程 How to use the Wayback Machine 进一步了解。

照例

如果你喜欢本文内容,欢迎以各种方式支持,这也是对古柳输出教程的一种正向鼓励!

最后欢迎加入「可视化交流群」,进群多多交流,对本文任何地方有疑惑的可以群里提问。加古柳微信:xiaoaizhj,备注「可视化加群」即可。

欢迎关注古柳的公众号「牛衣古柳」,并设置星标,以便第一时间收到更新。

相关推荐
拉不动的猪几秒前
刷刷题34(uniapp中级实际项目问题-1)
前端·vue.js·面试
noravinsc9 分钟前
electron获取鼠标在浏览器外的点击和拖拽等动作
javascript·electron·计算机外设
奔跑的露西ly41 分钟前
【HarmonyOS NEXT】实现文字环绕动态文本效果
前端·javascript·html·harmonyos
irving同学462382 小时前
Next.js 组件开发最佳实践文档(TypeScript 版)
前端
刺客-Andy2 小时前
React Vue 项开发中组件封装原则及注意事项
前端·vue.js·react.js
marzdata_lily2 小时前
从零到上线!7天搭建高并发体育比分网站全记录(附Java+Vue开源代码)
前端·后端
图扑软件2 小时前
智慧城市新基建!图扑智慧路灯,点亮未来城市生活!
大数据·javascript·人工智能·智慧城市·数字孪生·可视化·智慧路灯
小君3 小时前
让 Cursor 更加聪明
前端·人工智能·后端
顾林海3 小时前
Flutter Dart 异常处理全面解析
android·前端·flutter
很萌很帅的恶魔神ww3 小时前
HarmonyOS Next之组件之自定义弹窗(CustomDialog)
javascript