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

相关的库下载

import ddf.minim.*;
minim=new Minim(this);
kick=minim.loadFile("********");
kick.play();
kick.pause();
图片的随意选择

使用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》论文中的二维裁剪进行了重现,将数据可视化的知识运用到了此系统当中,使系统更加完善。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/1380148.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

山东大学暑期实训——智能人物画像综合分析系统

一# 2018级暑期项目实训开题总结 目录 一、实训题目名称及导师信息二、项目背景三、项目要求四、实训目标五、系统功能1、系统架构模块图2、智能人物画像综合分析系统功能模块&#xff08;1&#xff09;智能数据融合模块&#xff08;2&#xff09;用户画像模块&#xff08;3&a…

Qt通过QSS设置QPushButton的样式

同时设置QPushButton的文字样式和图标的方法 为了美化界面&#xff0c;有时候需要修改QPushButton的样式&#xff0c;让一个QPushButton上面既要显示图标&#xff0c;又要显示文字内容 起初我的做法是重写QPushButton&#xff0c;这样做可以实现&#xff0c;但是有几个问题 实现…

CAD练习——绘制电风扇

注意要在三维空间内完成绘制 先绘制扇叶 两条射线确定角度 绘制圆弧&#xff08;圆修剪&#xff09; 绘制扇叶形状&#xff08;3点圆弧&#xff09; 圆角&#xff1a; 将这几段圆弧合成同一条多段线 换个立体视图 拉伸出厚度 绘制一个球 取二者交集&#xff08;带弧面的扇叶&a…

maven是什么?安装+配置

目录 1.什么是maven&#xff1f; 1.2.maven的核心功能是什么&#xff1f; 2.Maven安装配置 2.1Maven的安装 2.2Maven环境配置 1.配置 MAVEN_HOME &#xff0c;变量值就是你的 maven 安装的路径&#xff08;bin 目录之前一级目录&#xff09; 2.将MAVEN_HOME 添加到Path系…

作文批改网如何粘贴英语作文

批改网的英语作文不允许被粘贴的话&#xff0c;下面提供四种办法使用复制粘贴功能&#xff1a;   1。移除监听事件即可开启 在浏览器中打开&#xff0c;鼠标右键选择检查&#xff0c;或者按快捷键F12打开调试窗口 点击Console 输入以下代码&#xff1a; $(#contents).…

UITextField 双击让复制粘贴英文键改为中文键

在plist的 Localizations 里面改成Chinese (simplified) 转载于:https://www.cnblogs.com/farer-zcz/p/3872766.html

批改网作文不允许粘贴

当我们写英语作文时图方便或是没时间通常都是有道直接翻译复制过来当是老师会设置如下 解决如下&#xff1a; 首先在批改网页面中按下F12进入管理员模式 点击设置按钮并找到调试程序 勾选禁用javascript之后就将自己的内容复制到作文框里 复制成功后再取消勾选禁用javascrip…

批改网复制粘贴_如何使用批改网组织线上考试

如何使用批改网组织线上考试 临近期末&#xff0c;鉴于各高校及老师组织线上考试需求增加&#xff0c;如何使用批改网组织线上考试呢&#xff1f;为方便组织考试&#xff0c;特推出本文&#xff0c;本文内容主要分为三部分&#xff0c;一是教师如何自主组织线上考试及注意事项&…

解决批改网写英语作文不能粘贴问题

解决批改网不能粘贴问题 作为一名对英语十分不感冒的学生来说 写一篇英语作文实在是让人头疼&#xff0c;还好有各大翻译软件可以帮助我完成这项艰难的任务。但是没想到批改网作文竟有不能粘贴的功能 下面就让我们解决这个让人头大的问题 1 修改浏览器的JavaScript 下面我以谷…

js实现浏览器中的复制粘贴

开发过程中难免遇到期望点击可以直接复制链接的情况&#xff0c;这里有两种实现方式 第一种&#xff1a;使用原生的js方式进行实现&#xff08;MDN已废弃且存在兼容性&#xff09; 使用原生方法实现时主要用到了document.execCommmand方法&#xff0c;该方法允许运行命令来操…

Flink学习记录

可以快速搭建一个Flink编写程序 mvn archetype:generate \-DarchetypeGroupIdorg.apache.flink \-DarchetypeArtifactIdflink-quickstart-java \-DarchetypeVersion1.17.1 \-DgroupIdcom.zxx.langhuan \-DartifactIdlanghuan-flink \-Dversion1.0.0-SNAPSHOT \-Dpackagecom.zx…

网神 SecGate 3600 防火墙任意文件上传漏洞

网神 SecGate 3600 防火墙任意文件上传漏洞 一、 产品简介二、 漏洞概述三、 影响范围四、 复现环境五、 漏洞复现PoC上传哥斯拉马子小龙POC检测: 六、 修复建议 免责声明&#xff1a;请勿利用文章内的相关技术从事非法测试&#xff0c;由于传播、利用此文所提供的信息或者工具…

SCAU操作系统知识点之(六)并发:死锁和饥饿

1、死锁原因&#xff1a;竞争资源、进程推进顺序不当 2、资源分配图&#xff08;若死锁&#xff0c;则资源分配图中必有环路&#xff0c;但有环路时不一定死锁&#xff09; 3、死锁的四个必要条件 ①互斥 ②占有且等待 ③不可抢占 ④循环等待 在死锁的四个必要条件中&#xff…

Monge矩阵

Monge矩阵 对一个m*n的实数矩阵A&#xff0c;如果对所有i&#xff0c;j&#xff0c;k和l&#xff0c;1≤ i<k ≤ m和1≤ j<l ≤ n&#xff0c;有 A[i,j]A[k,l] ≤ A[i,l]A[k,j] 那么&#xff0c;此矩阵A为Monge矩阵。 换句话说&#xff0c;每当我们从矩阵中挑…

2.0 Maven基础

1. Maven概述 Maven概念 Apache Maven是一个软件项目管理工具&#xff0c;将项目开发和管理过程抽象程一个项目对象模型&#xff08;POM&#xff0c;Project Object Model&#xff09;。 Maven作用 项目构建 提供标准的、跨平台的自动化项目构建方式。 依赖管理 方便快捷…

字符转ASCII码

一、问题描述 二、代码内容 三、代码解释 # include <iostream> #include <cstdio> using namespace std; int main() { char a;//存放字符a scanf("%d",&a);//输入字符a printf("%d",a);//输出a对应的ASCII码 return 0&#xff1b; …

字符转 ASCII 码

字符转 ASCII 码 //字符转 ASCII 码//1.如下是转换单个字符 //#include <stdio.h> //int main() //{ // char c; // printf("输入一个字符: "); // // // 读取用户输入 // scanf("%c", &c); // // // %d 显示整数 // …

java字符与ASCII码相互转换

java字符与ASCII码相互转换 一 、遍历字符串二、 java 字符 转换 ASCII码三、 java ASCII码 转换 字符 字符串&#xff1a; String s "abcdefg";一 、遍历字符串 public static void main(String[] args) {String s "abcdefg";// 遍历字符串 for (i…

【LeetCode】45. 跳跃游戏 II - 贪婪算法

目录标题 2023-8-11 09:49:25 45. 跳跃游戏 II 2023-8-11 09:49:25 自己没做出来&#xff0c;废物Orz class Solution {public int jump(int[] nums) {int length nums.length;int end 0;int maxPosition 0;int steps 0;for (int i 0; i < length - 1; i) {maxPosit…

docker-compose redis 一直启动失败

环境&#xff1a; centos 8.x 背景 使用docker-compose 来启动redis docker-compose.yml 如下&#xff1a; version: 3.3 services:redis:image: redis:latestrestart: alwayscontainer_name: redisports:- 6379:6379volumes:- ./data:/redis/data- ./redis.conf:/redis/re…