"扩展性绘画系统"的创作与分析

前言

这次通过p5.js制作了一个简易的“绘画系统”，这个绘画系统实际上是对“绘画”的概念的一次扩展，但仍旧拥有和传统绘画系统的相似性。下面让我们来看看这个绘画系统的具体实现吧。

绘画系统

本绘画系统是使用p5.js在其Web Editer 上编写，
想要体验此绘画系统的可以点击这里
下面是系统的初始界面：

有四种画笔以及三种滤镜，选择画笔随意绘制后效果如下：

可以看到，明明是白天的场景星星和流星却也存在着，
此时进行绘画的最后一步，点击左上角的Apply按钮，变化就发生了：

山脉和云朵显现，云朵在缓缓的飘动，星星却消失不见，此时滑动鼠标：

场景逐渐变化成了晚上的景象。星星闪耀着，流星划过天空。"太阳"也变成了弯月。
没错，完成后的画作是存在“时间”的，你可以看到场景从白天到黑夜的动态变化。

扩展“绘画”的理念

对于“绘画“的扩展，我的理念是：时间、动态、与交互。
传统的绘画通常是对于某一时刻的某一场景进行的绘制，这样的绘作通常是静态的，
它捕捉到的是一瞬间的场景样貌。而场景中的许多事物是时刻不断变化的动态景观。
因此，此次绘画系统设计时决定实现动态事物的"动态”，如云朵的漂浮，星星的闪烁。
而画作在完成时，场景的时刻和氛围便已经定型，记录的是一瞬的时间与氛围。
因此，在绘画系统中承载了“时间”，通过鼠标的移动将场景从白天到黑夜的变化展现出来，一笔现晨昏。
而氛围则添加了滤镜实现春的落花，夏的落雨已经冬的落雪，使得季节氛围进行改变。

总体设计方案

1.画布

背景初始时采用白天时天空的淡蓝色，当化作完成时，背景颜色会随鼠标的移动从淡蓝色渐变为黑夜的墨色。
太阳则会随鼠标进行移动，当移动到一定位置时，开始变化成夜晚的弯月。

2.画笔

选择了较为常见的云朵、山、星星、流星作为画笔元素。
云朵颜色设计为半透明，绘制后记录位置，随自身时间的流逝时，位置不断变化实现云朵飘动的效果。
山由两个三角形左右合并为一个大三角，两边颜色选择相近但不同的颜色以实现光线效果。
当鼠标移动推动时间流逝时，山色会随之渐变黯淡，成为夜晚的色调。

3.气候

气候滤镜由落花，落雪及落雨的粒子系统实现
初始化数组存储画布的随机位置，之后生成相应“粒子”。
随时间推动，改变粒子位置，当粒子离开画布时，改变位置使其循环。
雪花和雨滴粒子用代码绘制，落花通过导入图片实现。

常规绘画系统比较

技法

常规的绘画系统的技法主要在于对各种事物的绘制，如果没有纯熟的技巧，那么哪怕是简单的花花草草也无法画的形象，甚至会失去美感。而本绘画系统的技法则注重于布局于设计，通过选择不同的画笔，画出不同的事物，组合成一副美丽的景象。

工具

常规的绘图系统通常是采用笔魔颜料等，画图时没有太多的约束，只要想好了要画的场景，便可画出来，画出的效果则要看个人的技法了。而本绘画系统，则是通过鼠标在网页上绘制。选择不同画笔后用鼠标选择合适位置绘制。

理念

在理念上，常规的绘画系统通常注重与便利绘画者的绘制技法上，如增加画笔种类，使绘画者在使用不同技法时选择合适的画笔更加得心应手，亦或者增加颜色的种类，使得绘画者能画出更加细腻的作品。
而本绘画系统的理念则在于画笔的丰富化了，通过增加绘画的事物种类，使得绘画者在绘画布局时有更多的选择，使得绘画的结果更加丰富化。

创作体验

常规的绘画系统创作时通常比较累，需要确定要绘制的事物的样貌，角度，层次，效果。过程较为繁琐。
而本绘画系统在绘制时较为轻松，在决定要画的场景后选择相应画笔就可以轻松画出，绘画完后还可以选择添加各种滤镜。

呈现效果

常规绘画系统必须在绘画过程结束后才能看出实现效果，通常呈现效果较为丰富，不同绘画者能绘画出不同的画风。而本绘画系统在绘画过程中就可以观察绘画效果，且绘画完成后能够看到动态且能随时间变化的画作，但同一类场景的画风是固定不变的。

载体

通常绘画系统载体在于纸张等画布，你可以画的小于画布，但却无法超出画布的范围，而且一旦画下，就无法更改。而本绘画系统的载体在电脑屏幕以及代码之中，你在绘制的过程中实质是在改变代码的参数，然后映射出效果到屏幕上，不同的绘者做出了不同的选择，而不同的选择成就了不同的画作

局限性

常规绘画系统的局限性在于无法画出绝对完美的规则图形，也无法画出两个完全一样的事物，哪怕那事物如何简单。也就是说，就算你画两张同样的画，那这两张也不会一模一样。另外便是当你需要画多个相似图形时，需要一个一个循规蹈矩去画，这显然是浪费大量时间与精力的。
而本绘画系统的局限性便在于你可自行发挥的地方过少，不可以画出画笔以外的图形，虽然可以逐渐优化绘画系统来丰富画笔，但终究需要在规则之内绘画，限制了绘画者的发挥

应用

常规绘画系统适合在复杂的画作中深入，能充分发挥自己的技法，扩展自身的想象与创意，最终实现精美形象的画作。
而本绘画系统适合简单的场景绘画，展现其时间与动态性，也可以应用到游戏中。