最近又在折腾另一款绘图app,dotpict,瞬间中了像素风的毒,这 style 好赞。
于是我尝试着点几下,来画个人类。
把几个小色块愉快地堆在一起,两个小人就出来了。

感觉开始画上瘾了。
于是我又在 dotpict 上一口气画了6只愤怒的小鸟,不停地点点点,过了一把瘾。
有点丑,喜欢绘画又不太会画,就只能长这个拙样子了。
最后一只好像被打了一拳的样子,怎都改不好。

后来想了下,这么简单的点阵式,好像可以用代码来画出来,于是我顺便把这几只鸟从 dotpict 上画的每个点转成矩阵,再用canvas画下来。
于是效果就出来了。

See the Pen ZBxVgQ by lonica (@lonica) on CodePen.

See the Pen vyRvJJ by lonica (@lonica) on CodePen.


后来发现,其实不用canvas那么麻烦,用CSS就可以了,box-shadow也可以实现同样的效果,通过x轴和y轴的位移,也可以画出同样的效果。

于是我让在dotpict上画的小人动起来,用step()实现帧动画的效果。

See the Pen MbPBwN by lonica (@lonica) on CodePen.


程序员还是要懂点艺术的。
画了株小仙人掌。