Today, mobile phones and computers are everywhere,
Can you imagine what life would be like without WIFI?
Facing the impact and innovation of a large amount of information and technology,
Do you often feel lost when studying in art?
In this wave of sweeping movement,
If you are a person who loves the Internet,
Then I think studying in interactive design will be suitable for you,
Let Mr. Wei tell you today
How to draw a tree by interactive design
"The seedlings of plants are constantly sprouting and growing, and the new branches are sprouting and growing. In my opinion, such metabolism is the best presentation of the tree of life. The dried branches are scattered into mud, and the new branches are thriving."
——Charles Darwin
What a magical process it is for a tree to grow from "one" seed to a towering tree with "countless" branches and leaves. From the beginning of fairy tales, trees are often regarded as a part of the origin of life, and are often associated with religion. For example, in the ancient Babylon civilization and Aztec civilization, there are cases of trees as the main theme of artistic creation. Trees, whose roots extend down infinitely and whose branches and leaves extend up to the sky, imply the connection between hell, earth and heaven, so trees are often endowed with sacred meanings.
△ The tree of truth
△ Pedigree of Man
When I recall Darwin's words, new branches grow out of the old branches. Let's first make a simple assumption that the end of each branch will have two new branches, and the end of the new branch will have two new branches, and so on, endless, until the end of life. This is often called fractal in mathematics.
Fractal, an irregular geometric element, was proposed by Benoit Mandelbrot (1924-2010), a mathematician in IBM Research Office. Its dimension is not a geometric figure of an integer, but constantly repeats itself on a more and more subtle scale, which is a science to study irregularity. Fractal makes people realize the integration of science and art, the unity of mathematics and art aesthetics, so that yesterday's boring mathematics is no longer just abstract philosophy, but concrete feelings; It is no longer just to reveal a kind of existence, but an artistic creation. Fractal builds a bridge between science and art.
△ One of the classic cases of Juliaset
Interactive design portfolio tutorial, how to draw a tree?
Next, we will draw a tree by modifying the basic example of Daniel Shiffman (a famous Processing artist and lecturer).
//The Nature of Code
//Daniel Shiffman
// //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");
}
Interactive Design Collection
Interactive Design Collection
That's all for today's tree,
Next time we will share more interesting things.
Tutor introduction
Miss Wei
University of Sydney/Master of Digital Media/Electronic Interactive Arts
Since 2004, he has been studying in Australia for 5 years and obtained a master's degree in digital media/electronic interactive art from the University of Sydney. After returning to China, he worked as an interactive media designer in several design companies, responsible for the design and development of interactive images, new media devices and interactive systems, including Samsung's intelligent education interactive system, intelligent e-book bag interactive system, etc. He has served as a HND bilingual teacher in Capital Normal University and Beijing International Studies University, and published many 3D production tutorials in 3D China magazine. 30 students have been successfully tutored into Parsons, Carnegie Mellon Art Center ACCD , SVA, Rochester Institute of Technology, NYU, University of Sydney, London University of the Arts and other famous schools, and all the students they tutored won generous scholarships
Good at: interaction design, new media devices, game development
Recommended articles of natural light art study abroad institutions:
The major of studying in American art is the first choice for studying in interactive design
Interaction design study abroad, American art interaction design study abroad institutions focus on
Studied abroad in interactive design, and the general principles for the creation of LCC interactive design works of London Media College
This article belongs to the original article of Natural Light International Art Education Team. Without permission, it cannot be reproduced commercially in any form. If it is found, it must be investigated for legal responsibility.
