交互媒体技术作业评价及对“艺工交叉”的理解

互动媒体技术作业评价及对“艺工交叉”的理解

摘要： 本篇博客将具体评价三位同学的互动媒体作业并通过观看《达芬奇的人生密码》阐述个人对“艺工交叉”的理解。

作业评价

1. 【互动媒体】像素风画板-江锋

评论： 这篇博文实现的绘画系统创造性地将像素画与传统绘画结合，通过拖动变更像素网格的线条，形成不同形状的像素网格，同时通过填充内部颜色实现像素点阵的绘画画法。这套系统不仅具有一般的像素画概念，同时具有多种风格，如涂鸦风和闪粉的特点，并且具有优雅美丽简便的操作界面，非常完美。

2. Processing-玻璃画板-张帆

评论： 这篇文章创造性地使用风格化算法来形成风格化笔触。通过这种笔触可以非常优雅地实现西方建筑中教堂玻璃窗上绘画的风格形式，同时观看了演示视频后了解到，此画笔还可以撤销原有的笔画，并且更改风格化算法的深度，实现独特的风格化技巧。作者也创造性地将笔触通过网页来呈现，非常厉害和优雅。

3. 指尖艺术 | 烟里山光陈水墨，云边日影乱青红-苏将沪

评论： 本篇文章创造性地将传统水墨艺术与现代绘画系统融合，通过研究水墨艺术上笔锋和按压力度的不同来呈现不同笔触的绘画系统。且通过预置的一些图案，如：鸟、鱼、荷花等预置笔触，来方便地创作现代形式的中国传统水墨绘画。十分具有创意、界面优美典雅、操作简便智能。

《达芬奇的人生密码》观后感及对“艺工交叉”主题的理解。

对于达芬奇，我以前对他也认识有限。相当多的人只知道他从小以画鸡蛋的方式苦练童子功，是文艺复兴三杰之一，而且还是样样精通的能手，他手中的绘画如：《蒙娜丽莎》和《最后的晚餐》可谓是价值连城、炽手可热。然而，达芬奇不仅仅是一个艺术家，他在自己的职业生涯里创作了数千幅机械图纸，研究和设计飞行器、劳动工具和战争器械，是个不折不扣的天才。

而达芬奇本人可以说是对“艺工结合”这一概念极好的诠释，他不仅在艺术领域创作颇丰，同时在机械工程即建筑领域也有着极高的天赋。在《达芬奇的人生密码》这部纪录片中，详细地描述了达芬奇为当时米兰统治者打造铜制巨马的过程。在制作铜马的过程中，他不仅亲自去测量马的尺寸并绘制马的设计方案，而且亲手去实践铜像制作的工艺。对于达芬奇来说他已经不局限于一个绘画设计者，更是一个工程上的机械设计师。

在国外的许多设计行业中，艺术与工程技术其实并未像国内分离得如此清楚。一个优秀的设计师也往往是个技术爱好者，因为在完成平面的设计后往往需要对其付诸实践，并对原型设计图进行反反复复地修改。通过这种重复的实践才能创作出完美的作品。实际上来说，艺术的创作也跳脱不开数学、物理等工程性学科的应用，这不仅仅是涉及透视、重心等知识，更主要因为设计本身就是为了实践于实际生活的，世界的组成既是感性的主观构成，同时也是理性的客观构成的。在计算机艺术的设计领域，艺术家不仅具有良好的艺术基础，同时对数学、物理、计算机等工程领域有着丰富的理解。通过对多种噪声、曲线和算法的理解，从而构建出具有科技美感的艺术品。

接下来的篇幅将介绍一下“艺工结合”在计算机艺术设计和交互媒体技术上的典型案例：

1. Recursive Tree
   
   这是一幅通过生长算法、递归调用其本身，并且随机决定每一段树枝的长度来生成的树状结构图片。既融合了艺术的颜色和表现手法，也结合了算法设计方面的技巧，打造出了如此一幅计算机艺术的图片。核心的树枝生成算法如下：

Branch(Branch parent, float x, float y, float angleOffset, float length) {
        this.parent = parent;
        this.x = x;
        this.y = y;
        if(parent != null) {
            angle = parent.angle+angleOffset;
            this.angleOffset = angleOffset;
        } else {
            angle = angleOffset;
            this.angleOffset = -0.2+random(0.4);
        }
        this.length = length;
        float xB = x + sin(angle) * length;
        float yB = y + cos(angle) * length;
        if(length > 10) {
            if(length+random(length*10) > 30)
                branchA = new Branch(this, xB, yB, -0.1-random(0.4) + ((angle % TWO_PI) > PI ? -1/length : +1/length), length*(0.6+random(0.3)));
            if(length+random(length*10) > 30)
                branchB = new Branch(this, xB, yB, 0.1+random(0.4) + ((angle % TWO_PI) > PI ? -1/length : +1/length), length*(0.6+random(0.3)));
            if(branchB != null && branchA == null) {
                branchA = branchB;
                branchB = null;
            }
        }
        minX = min(xB, minX);
        maxX = max(xB, maxX);
        minY = min(yB, minY);
        maxY = max(yB, maxY);
    }

2. perlin noise remix2
   
   在这幅绘画作品中主要运用了Perlin噪声随机生成算法。噪声的基础是随机数，如果给屏幕上的每个像素点赋予一个0和1之间的随机数来表示像素点的亮度，就会得到一幅杂乱无章的图片，就像我们小时候家里的电视在下雨天突然没有信号后屏幕上呈现的图像。从程序员的角度来看白噪声，我们无非就是引入一些随机变量到程序，给定一个输入（比如种子），程序给出一个输出。计算机的图形学中，常用二维Perlin噪声生成算法来生成随机地形。这种将随机种子与艺术相结合的方法很好的诠释了“艺工交叉”的概念
3. 10 amazing examples of interaction design
   
   如果你在买房但不能亲自去实地考察，那么这款App能够让你在离线的状态下观看整栋房子的结构。这款App很好地实践了交互媒体技术的具体内容，通过滑动屏幕来观看房屋的全景。在艺术上使用了摄像的艺术表现形式，在工程上则用App的方式将艺术的表现方式通过工程实现，同时具有良好和简洁的交互，符合了设计的理念。

总结

“艺工交叉”既需要设计者对艺术的一定了解，同时也要有将之付诸实践的技术，只有通过这种交叉才能诞生出完美、精益求精的作品。