品音乐听小众佳作,开眼界玩有趣小网站。这是“小网站”系列的第 15篇,关注公众号接收更新,不迷路。
=== 今日介绍 ===
动态的画布 (Kinetic Canvas)
把玩点:
-
炫酷的视觉体验;
-
小朋友把玩的电子玩具;
-
看起来简单做起来难的技术典范;
主观评价:趣味性 3 星,技术性 4 星
把玩地址 soulwire.co.uk/kinetic-can…
=== 使用指北 ===
记得小学时学过一篇课文叫《神笔马良》,马良用神笔画在画中的场景最后都成了现实。
神话故事往往都是美妙且充满想象的。在现实中或电脑上的画布,其画出来的东西都是静态的,是不会运动的。
不知道今天介绍的这个小网站,作者是不是受到了“神笔”的影响,开发了“运动画布”这个神奇的画布,在这个画布上画出来的东西,是能炫酷运动的。
网站支持电脑与手机,操作也非常的简单,界面上顶部有个画线长度的进度条,右侧有七种颜色及一个还原按钮。
选择一种颜色或者多种颜色,用鼠标或手指在屏幕上画图形,松手后画的图形会被记忆下来,然后动画就沿着图形路径运动起来,运动的过程就像放大镜中的水里细胞生物的运行,“跑”的有点意思。
=== 干货知识 ===
纯技术性干货,非行业人士可忽略本节。
该网站使用的HTML、CSS都非常的简洁明了,炫酷的内容都是使用纯粹的JavaScript代码实现的,且代码还经过了加密,基本上没啥好解读的,但是作者的“硬实力”引起了我的兴趣。
翻看了一下介绍,网站作者Justin Windle是居住在伦敦的一位创意开发者,他本人喜欢混合代码、动画、互动性和生成设计。
作者本人介绍他工作涉及整个JavaScript堆栈,怪不得页面简洁,干货都在加密的程序中。作者也是个大牛,曾在谷歌创意实验室呆过,现在Spotify工作。作者的作品也非常多,如下图:
有魔法豆、咖啡动画引擎、基于GPU运算的粒子系统等共有20项,感兴趣的话可以一次体验到“饱”,品鉴网址 soulwire.co.uk
本系列长期更新!首发微信公众号:土卫六
喜欢的朋友感谢点赞、分享、收藏三连!