绘画系统——P5.js

本次互动媒体期末大作业是编写一个“绘画系统”，该系统可提供一系列绘画材料（例如画笔/颜料/滤镜）给用户操作，以创作出动态/交互的绘画作品。该绘画系统是对“绘画”的概念的扩展，但仍然体现出与传统绘画系统的相似性。
在正式做这个系统前我在网上进行了相关资料的查阅，发现了某位大佬做出的创意动态绘画板，原博客如下：https://blog.youkuaiyun.com/qq_27534999/article/details/79427721
在通读该代码后我在源代码基础上进行了扩展，包括一些修改与功能的增加。

总体设计方案

刚进入系统有重要快捷键提醒：隐藏菜单栏和保存画布；
画面左侧是菜单栏：上方是画笔取色板；左下方是功能按钮：
下方第一个调节画布颜色，预置了了九个颜色，如下（请勿长时间盯着这张图，对双眼有害）：

第二个是原博主系统的三种笔刷：

第三个是我增加的4种笔刷：

第四个是禁止动态运动；第五个是局部改变运动时间：