首先在这里感谢博主 西河某人
https://blog.csdn.net/qq_27534999/article/details/79427721
一开始拿到这个题目很头疼，因为在学习的课程中，互动媒体是为数不多需要灵活运用“动态”的交互，同时相比起其他语言，p5年纪尚轻，时尚新颖，像一个精力充沛的年轻人。但是对于我自己来说，我的编程风格比较保守古板，没有那么天马行空充满活力。同时这门语言的资料没有其他的丰富，起初我完全不知道要如何开始。
后来在搜寻资料的过程中发现了这篇博文[3]，对我的帮助很大，虽然没有让我一下子就开窍，从此走上编程大师的光荣之路，但对我作业的完成提供了很大的帮助。
该期末作业画板是在其系统上进行了一些修改，最精髓的部分是博主提供的原始系统同，这次再次感谢之。
首先是画板的原始界面
依照原始的系统，将绘图相关的功能菜单全部存放于左侧，共21个菜单选项，分别用于12种颜色、3+2种图形（圆形、三角形、线条、正方形以及毕达哥拉斯书）、黑夜白天、暂停、时间、橡皮擦、清屏、保存的选择跟切换。
在黑夜的时候，背景中展现了月亮和雨水[2]，产生一种原始而静谧的感受
右上角的圆形按下会变蓝色同时能够播放音乐
在动图展示下，画笔选择了先后选择了圆、三角和线，采用不同颜色
按下左侧的“C”能够实现清屏功能（C对应英文clear）
音乐功能的实现直接参考了p5官网给出的范例[1]
，只要点击圆形按键，就能播放本地的音乐，我这里放的是《西部世界》的sweatwater
在白天的时候，画面中有三朵跳跃的花[2]，画面跳动，内容欢快
这部分的动态展示，笔刷选择的则是正方形与毕达哥拉斯树[4]（通俗的叫法是“勾股树”）
正方形的产生仿照原始系统的圆形
![![在这里插入图片描述]](https://img-blog.csdnimg.cn/20181231123722907.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDIxMTg1Mw==,size_16,color_FFFFFF,t_70)
而“勾股树”由递归产生，在运行的时候速度较慢，系统较为卡顿
菜单“E”对于英文erase，能够擦除选中的图形
菜单“时钟”能够控制运动图形的时间，非常神奇
比较
1.工具：在电脑绘图状态下，常用的工具有Windows自带的“画图”，但这个工具估计现在都不使用了，想当年我们家里电脑还没联网的时候我可是玩的不亦乐乎呢，高级点的你可以花钱买一个数位板在电脑中“手绘”，当然其他语言也能编码绘图，之前“计算机图形学”这门课课设的时候有一个选题就是编写一个绘画系统。
在工具的应用中，P5胜在界面时尚，交互性强，功能强大而丰富。
2.呈现效果：传统工具功能比较一致，无非就是点和线外加一些几何图形的应用，众所周知嘛，直接用鼠绘在电脑上画画线条无法做到流畅，画出来的内容比较别扭。
而P5呢，虽然也无法达到“手鼠标合一”的自然状态，但它丰富的图形与强大的动态交互功能给你加足buff，弱化了这种线条的不流畅性，所以创作者不需要绘画功底，仿佛随随便便就能画出绚烂的、乍一看还不错的图画。当然，一旦它去掉这种动态交互能力，所作其实也和普通绘画系统别无两样。
3.局限：刨去交互性，本系统远不及传统的绘画系统来得完善，为了达到P5所呈现的时尚感，舍去了传统的文字提醒增加系统的友好度，对于一个生疏的操作者而言，一开始使用本系统容易产生困惑。
4.应用：虽然刚开始使用该系统可能会让人产生不小的困惑，但对于展现P5强大的交互功能而言，这样一个系统足以，相信P5能在人机交互的路上越走越远。
最后奉上我画的懵逼脸=;0
；P
参考：
[1]
[2]
[3]
[4]