伴随 P5.js 入坑创意编程

一想到所有坑都被填了（如果还有啥是我不记得的，请千万不要提醒我），就觉得真是业界良心，倍感轻松。于是古柳某日点开 图像检索（一）：因缘际会与前瞻一文，回顾“佳作”之余，也找了下里面清华美院向帆老师的作品集网站 zeelab Projects。PS：如果你没看过这个演讲，推荐一看，古柳至今难忘：【一席】向帆：如果把每年的春晚都像蚊香一样卷起来的话，它就是这样的而在这些作品中，古柳更中意且也想实现下类似网页展示效果的是：AwardPuzzel - zeelab 。下面援引下“官方”介绍，建议去网页体验一下：AwardPuzzel 是一个全国美展油画类获奖画作的数据视觉化作品，收录了美展第六届至第十二届的2276幅获奖作品，通过动态交互的方式呈现了中国油画30年间的艺术历程、形态、色彩、尺寸和地区之间的变化和关系以及中国油画大师们的艺术思路。本作品可以被当作研究工具为研究者和评论家使用，亦可作艺术作品欣赏。我们希望通过这个平台分享我们的视角，也希望使用者通过自己的浏览和观察得到自己的结论。全国美展是中国美术界最重要事件，每五年举办一次，第六届是1984年举办，第十二届为2014年举办。虽然古柳不怎么会前端，但自从接触爬虫以来，右键“审查元素”，查看网页源代码的习惯还是有的。于是不看不知道，一看又引出了后续的诸多故事，借用书上的一句话：“那日也是合该有事”，且听古柳慢慢道来……点开网页源代码后，找到数据展示和交互的区域对应的代码自然是不难的。这里为了展示方便，特地丢到 Carbon 里，重点突出下这段代码。可以看到 HTML 里主要用了 canvas 标签，这也没什么，古柳反正不懂 canvas，睁眼瞎罢了࿰