Flowing Paint ——感受抽象

文章目录

前言
介绍
- 人物介绍
- 作品列举
系统开发
- 灵感来源
- 相关技术
- 功能涵盖
- 功能介绍
- - Perler Beads
  - Drag
  - Dance
  - Text
  - Music
  - 图片的随意选择
系统的不足
总结与期望
参考文献
内容推荐
- 1.《Magic Network》：一个小孩都能玩的神经网络交互系统
- 2.用Processing制作一个「生态瓶」
- 3.PlayWithThePicture

What is the abstraction？
What is the Abstract Expressionism？
Have you ever been asked what an abstract noun is?

前言

大多数情况我们把难懂的，不愿理解的统称为抽象，抽象的对立面即具象，比如我们常常会举一个例子来将比较抽象的事物具体化。一句简单的话语可以被附上优美的旋律，一首深奥的诗可以绘制出别样的意境。抽象和具象往往相辅相成，简简单单的文字可以描述出世间所有的事物，普普通通的画笔可以勾勒出世间任意的风景，抽象也可以往往表现具象，只有深入才能真正了解。

例如，荷兰风格派家具设计师赫立特•托马斯的代表作《红蓝椅》，有一种蒙德里安的趣味。

下面朴素的一句话，却可以用抽象的文字组成一幅具象的场景。

提到“抽象”一词我们也许有时会畏惧，可能是数学中抽象的心有余悸，确实数学中的代数公式是抽象的，常常让我们捉摸不透它的含义，但是转念一想，这些数学中的抽象却可以精准地将一个复杂问题进行表达；而在绘画中，抽象是通过色彩和图形对真实世界或者内心世界另一种的表达方式，它也许让人刚看到一幅画时有时不理解意义所在，但是深入之后便会发现奥妙所在，如以上列举的用文字进行情景表达。这，便是抽象的魅力。

《Abstract: The Art of Design》一文中讲到抽象是捕捉灵感的瞬间。

few focused on the “abstract” thing — the core of art.

下面将从绘画中的“抽象”切入。

拓展链接：
什么是绘画？——以抽象思维理解绘画
Abstract: The Art of Design
About Art｜抽象艺术先驱的个人抽象与幻想

“抽象主义”这个词用以定义一群艺术家所做的大胆挥洒的抽象画。他们的作品或热情奔放，或安宁静谧，都是以抽象的形式表达和激起人的情感。

抽象主义绘画虽然都称为“非描绘性绘画”、“非主题绘画”，但实际上呈现出的面貌是多种多样的，主要可以概括为两类，一类是依稀可以见到主题或物象，表达一定精神世界的“抒情抽象”，或称“热抽象”，带浪漫主义倾向，代表是康定斯基等。另一类是以点、线、面、纯色等为基本元素，没有具体主题和对象的“几何抽象”，或称“冷抽象”，带有理论色彩实验倾向，代表是蒙德里安等。

我喜欢抽象，主要是喜欢它的自由，它能够表达绘画者内心最真实的情感。抽象中包含着潇洒，抽象中满含着神秘感，抽象简单中透露着思考。

我想通过对抽象画的抽离来对抽象一词进行更进一步的解读以及表达。

介绍

人物介绍

下面先来介绍一位抽象绘画的先驱者——康定斯基。

康定斯基是一位彻底的抽象派画家和创始者，纯粹的抽象派画家。从他的理论上的研究，如颜色心理学、对于点、线、面的分析，足以证明他的作品绝不是简单的形式上的表现而是在深刻理论指导下、有目的、有价值的创作，因此作品本身是具有丰富内涵和艺术理论支撑的。

他阐明了艺术是艺术家内心主观感受的产物，艺术应该从客观物象的自然表象中解脱出来。形式与色彩本身便构成一种足以表达情绪的语言因素，如同音乐之声音直接诉诸心灵一样。艺术家的工作是如何组织那些形式与色彩，使之成为一件足以表达内在情绪，并足以沟通观者心灵的作品。

抽象主义的作品能像康定斯基的作品那样容易引起人们共鸣的不多，为什么康定斯基能做到了？
我认为主要是色彩的运用。康定斯基对纯粹颜色的力量有了自己的概念，在他的大部分作品中我们随处都可以看到暖色调占据着主流地位，他强调纯色的心理效果，强调鲜红颜色怎样像号声一样使我们动心。他相信通过这种方式进行心灵与心灵之间交流是可能而且必要的。

作品列举

“颜色是琴键，眼睛是和声，灵魂是有很多弦的钢琴。艺术家就是演奏的手，抚弄着一个又一个琴键，让灵魂震颤。” ————瓦西里·康定斯基

系统开发

灵感来源

基于以上的灵感来源，颜色是抽象的灵魂，以颜色为琴键，谱写出一曲乐章，以颜色为元素，组成不一样的抽象风格。通过对抽象画颜色的再提取，使我们更了解抽象画本身以及更加富有趣味性以及交互性。

设计了一款应用，它的名字叫做《Flowing Paint》。

本应用主要通过对康定斯基的作品中颜色的提取，再生，表现抽象中的抽象。
本应用以黑色和蓝色为主色调。

色彩丰富到一定程度，形也就形成了

功能涵盖

功能介绍

Perler Beads

你是否玩过拼豆豆，通过一颗颗颜色的拼接形成一幅作品。

此功能就是基于拼豆豆的灵感。将一幅画每隔一定的距离取一个像素值，采用循环的方式使之动态生成。

for (int i=0; i<width/3*2; i+=30-q) {for (int j=0; j<height/3*2; j+=30-q) {color c=photo.get(i, j);fill(c);stroke(c);ellipseMode(CORNER);ellipse(i+StartX, j+height/6, 30-q, 30-q);}}

效果如下：

Drag

添加个物理函数库toxiclibs，实现引力，让整个窗口中的粒子都受单个Attractor对象的吸引作用，将该原理运用到画作当中，实现对画作的拖拽效果。

设置Attractor

 if (mousePressed&&mouseX>120) {attractor.lock();attractor.set(mouseX, mouseY);} else {attractor.unlock();}

粒子的运动（具体代码不在此展示）

  physics.update();attractor.display();for (Particle p : particles) {p.display();}

效果如下：

Dance

运用插值运算，对相关的粒子进行旋转，移动操作

v.add(new PVector(i+StartX, j+height/6));
v.get(i).lerp(         相关变换      );

可通过鼠标移动，鼠标左键点击，鼠标滚轮滚动查看不同效果。
效果如下：

以上是对画进行操作，下面是通过将提取的色彩运用到文字。

Text

具体变换

主要是通过添加速度以及加速度来实现。
初始速度

 velocity = new PVector(0, -2);

加速度 a=F/M

  void applyForce(PVector force) {acceleration.add(force);}

随音乐进行跳动，获取bufferSize()

 int j = (int)map(i, 0, index-1, 0, kick.bufferSize()-1);float kickmix = 20*kick.mix.get(j/2);

对粒子进行更新参数，display()操作。

效果如下：
Destory
破坏之美
通过对屏幕上指定颜色进行获取并填充，展现破碎的粒子效果。

Music

图片的随意选择

使用ControlP5 库可视化界面设置
通过JFileChooser 提供的文件选择对话框，进行文件的读取

JFileChooser chooser = new JFileChooser();

系统的不足

1.本系统因时间有限，在功能上还有待完善。
2.操作的流畅性方面有待提高。
3.当前只能鼠标进行操作，可以尝试用其他的体感控制器来进行交互体验。

总结与期望

本应用的设计以“抽象”一词出发，对热抽象的经典代表作品进行示例展示，通过对画作的颜色提取，并进行交互操作，以及对颜色的重新组合，形成文字，使我们对抽象画本身的理解加深，以及对其颜色组成有了极其深刻的印象。通过不同的交互操作以及音乐的播放，富有一定的趣味性，让我们在体验的同时，不会感觉乏闷。将颜色提取，从画中抽离，表现抽象中的抽象，使我们更加接近抽象本身。
本人对文字有一定的情结，认为每个文字都会说话，都有一个故事，该系统将抽象画和文字结合，表现文字的另一种形式，赋予抽象生命力，表达其实文字就是一幅画。

这些种种都体现了系统的主题Flowing Paint，也希望体验者可以从该应用试着去接近抽象本身，并能够获得一定的乐趣，和抽象进行一场近距离接触之旅！

参考文献

[1]《The Nature of Code》 Daniel Shiffman
[2]《设计诗》朱赢椿
[3]《抽象主义美术》
[4]《名画赏析》达人画室
[5]《如何欣赏抽象艺术》
[6]《抽象艺术怎么具体化》
[7]《Abstract: The Art of Design》
[8]《About Art｜抽象艺术先驱的个人抽象与幻想》
[9]《什么是绘画？——以抽象思维理解绘画》魔笔玩家

更加详细的操作请观看视频（温馨提示：含有背景音乐）
视频地址：https://www.bilibili.com/video/av50270972/

内容推荐

1.《Magic Network》：一个小孩都能玩的神经网络交互系统

https://blog.csdn.net/leonardwyh789/article/details/89600881

推荐理由：操作界面简洁，将复杂的神经网络实现，系统功能强大，且与深度学习知识进行结合，搭建简单的神经网络，自己对深度学习方面的抽象有点望而却步，看到此系统顿时觉得厉害非常！

2.用Processing制作一个「生态瓶」

https://zhuanlan.zhihu.com/p/64726213

推荐理由：创作内容新颖，构思巧妙，且界面图标十分可爱，将《代码本色》一书中的内容很好地体现出来了，真正做到了和大自然的亲密接触！

3.PlayWithThePicture

https://blog.csdn.net/qq_41616984/article/details/89737428

推荐理由：将一幅图片赋予了剪纸的效果，将《《Unfolding the Earth: Myriahedral Projections》论文中的二维裁剪进行了重现，将数据可视化的知识运用到了此系统当中，使系统更加完善。