在被手机、电脑无时无刻充斥着的今天，

你是否能够想象没有无WIFI的生活会是如何？

面对大量信息与技术的冲击与革新，

艺术留学的你是否也会时常感到彷徨？

在这场席卷移动的浪潮里，

如果你是一个热爱互联网的人，

那么我想交互设计留学一定适合你，

今天就让魏老师来告诉你 

如何用交互设计的方式画一棵树

　　“植物的幼苗不断抽芽生长，新枝抽芽生长。在我看来，如此新陈代谢就是生命之树的最佳呈现，枯干的枝条零落成泥，新芽的枝丫欣欣向荣。”

——查尔斯·达尔文（Charles Darwin）

　　树，从“一”颗种子，长成“无数”枝叶的参天大树，这是一个多么神奇的过程。从神话故事开始，树就常常被作为生命起源中的一部分，也常常和宗教联系在一起。比如在古巴比伦文明和阿兹特克文明中都有把树作为艺术创作主要题材的案例。树，根系向下无限延伸，枝叶向上可延展到天空，这一特征暗示了地狱，人间和天堂三者的联系，所以树也往往被赋予神圣的含义。

△真理之树

△Pedigree of Man人类谱系

　　在回想达尔文所说的话的时候，新枝丫从旧的枝干中生长出来。那我们先做一个简单的设想，每个树枝的末端都会分出两个新树枝，而新树枝的末端又会生出两个新的树枝，以此类推，无穷无尽，直到生命的尽头。这就是数学中常说的分形。

　　不规则几何元素Fractal，是由IBM研究室的数学家曼德布洛特（Benoit.Mandelbrot，1924~2010）提出。其维度并非整数的几何图形，而是在越来越细微的尺度上不断自我重复，是一项研究不规则性的科学。分形使人们觉悟到科学与艺术的融合，数学与艺术审美上的统一，使昨日枯燥的数学不再仅仅是抽象的哲理，而是具体的感受；不再仅仅是揭示一类存在，而是一种艺术创作，分形搭起了科学与艺术的桥梁。

△Juliaset的经典案例之一

       交互设计作品集教程，如何画一颗树？

　　下面，我们根据Daniel Shiffman（著名Processing艺术家，讲师）的基本例子进行修改，来绘制一颗树。

　　//The Nature of Code

　　//Daniel Shiffman

　　//http://natureofcode.com

　　//Recursive Tree

　　//Renders a simple tree-like structure via recursion

　　//Branching angle calculated as a function of horizontal mouse location

　　float theta;

　　void setup(){

　　size(1920,1080);

　　}

　　void draw(){

　　background(255);

　　//Let's pick an angle 0 to 90 degrees based on the mouse position

　　theta=map(mouseX,0,width,0,PI/6);

　　//Start the tree from the bottom of the screen

　　translate(width/2,height);

　　stroke(0);

　　branch(350);

　　frameRate(1);

　　}

　　void branch(float len){

　　//Each branch will be 2/3rds the size of the previous one

　　float sw=map(len,2,120,0,12);

　　strokeWeight(sw);

　　stroke(0,255-sw*100,0);

　　//if(theta>PI/7){

　　//stroke(255,0,0);

　　//}

　　//println(theta);

　　line(0,0,0,-len);

　　//Move to the end of that line

　　translate(0,-len);

　　len*=random(0.5,0.8);

　　//len*=0.66;

　　//All recursive functions must have an exit condition!!!!

　　//Here,ours is when the length of the branch is 2 pixels or less

　　if(len>=2){

　　pushMatrix();//Save the current state of transformation(i.e.where are we now)

　　rotate(theta);//Rotate by theta

　　branch(len);//Ok,now call myself to draw two new branches!!

　　popMatrix();//Whenever we get back here,we"pop"in order to restore the previous matrix state

　　//Repeat the same thing,only branch off to the"left"this time!

　　pushMatrix();

　　rotate(-theta);

　　branch(len);

　　popMatrix();

　　}

　　}

　　void mousePressed(){

　　save("tree.jpg");

　　}

交互设计作品集

交互设计作品集

今天的树就先说到这里，

下次我们再分享更多好玩的东西。

导师介绍

魏老师

悉尼大学University of Sydney/数字媒体／电子交互艺术硕士

　　自2004年开始留学澳洲5年，获得悉尼大学数字媒体/电子交互艺术专业硕士学位。回国后在多家设计公司担任交互媒体设计师,负责交互影像、新媒体装置以及交互系统等设计与开发，其中包括三星智能教育交互系统、智能电子书包交互系统等。并曾在首都师范大学、北京第二外国语学院担任HND双语教师，在3D中国杂志上发表多篇立体制作教程。已经成功辅导30名学生进入Parsons、卡内基梅隆、艺术中心ACCD、SVA、罗切斯特理工、NYU、悉尼大学、伦敦艺术大学等名校，所辅导学生均获得丰厚奖学金

　　擅长：交互设计、新媒体装置、游戏开发

自然光线艺术留学机构文章推荐：

去美国艺术留学那个专业，交互设计留学首选

交互设计出国留学，美国艺术交互设计留学院校偏重

国外交互设计留学，伦敦传媒学院LCC交互设计作品集创作通用法则

本文均属自然光线国际艺术教育团队原创文章，未经允许不能以任何形式的商业转载，如有发现必追究法律责任。