听音乐听小众佳作，开眼界玩有趣小网站。这是“小网站”系列的第 13 篇，关注公众号接收更新，不迷路。

=== 今日介绍 ===

超炫酷时钟（oimo clock）

把玩点：

• 炫酷时钟，与众不同；

主观评价：趣味性 1.5 星，技术性 2 星

把玩网址 oimo.io/works/clock

=== 使用指北 ===

小网站在电脑上、手机上效果都不错，手机上横屏显示时钟非常好看，可以给别人露一手。

创意来自于一位霓虹国开发者，saharan，算是他的个人作品及能力介绍了，找工作时给别人说这是我做的，是不是“一图胜千言”。

屏幕上会显示时钟，精确到秒，时间由三维方块组成，因为每秒流逝的很快，考虑到方块的出现、拼合、动画、结束都要在一秒钟内搞定，其实还是有些难度的啦！

整点整分时，还有不同的特效呢，当需要有显示时间的场景时，打开、整活，炫别人一脸吧。

=== 干货知识 ===

纯技术性干货，非行业人士可忽略本节。

网页比较的简洁，所以打开也非常的快速。SVG素材描绘右上角的个人介绍入口，非图片素材。

网页主体就是Canvas画布，画面又是三维的，最开始想到的是使用了诸如three.js之类的框架，

不过通过资源查询，发现作者是个狠人，没有采用第三方的框架，而是手码几千行代码直接WebGL编程，我的chrome浏览器版本很高，还支持webgl2渲染。

源代码被作者混淆、压缩过的，可能是保护版权吧，毕竟除了实现外，算法才是最重要的，本文不涉及解密，喜欢算法研究的读者，可以通过互联网工具进行反混淆。

本系列长期更新！首发公众号：土卫六

喜欢的朋友感谢点赞、分享、收藏三连！