0:00:00.474,0:00:03.099
Hi. How are you? My name is Dan. Welcome.

0:00:03.099,0:00:05.618
If you're here, which hopefully you are[br]because you're watching this video,

0:00:05.618,0:00:07.150
you're here to learn Programming.

0:00:07.150,0:00:09.745
Hopefully you're here to learn Programming[br]for the very first time.

0:00:09.745,0:00:11.216
This is going to be a tutorial.

0:00:11.216,0:00:13.946
It's designed for you to take about [br]an hour to complete.

0:00:13.946,0:00:15.607
There's going to be lots of stuff[br]happening in it.

0:00:15.607,0:00:18.139
I'm going to talk. Hopefully not too much.

0:00:18.139,0:00:19.399
I'm going to draw pictures and diagrams

0:00:19.399,0:00:20.997
over here on this whiteboard.

0:00:20.997,0:00:22.309
Sometimes this video is going to

0:00:22.309,0:00:23.594
get a lot smaller and there's going to be

0:00:23.594,0:00:25.195
text below me, and things drawn

0:00:25.195,0:00:27.073
to the left of me over here.

0:00:27.073,0:00:28.293
We're going to look at Programming

0:00:28.293,0:00:30.261
in the context of the visual arts.

0:00:30.261,0:00:32.137
What does it mean to write software

0:00:32.137,0:00:33.451
to do the things that you often do

0:00:33.451,0:00:35.403
with your hands, with paper, with pencil

0:00:35.403,0:00:37.345
with paint? Could you use a computer to

0:00:37.345,0:00:39.603
create drawings? To create animations?

0:00:39.603,0:00:42.109
To create images? This is what we're[br]going to look at.

0:00:42.109,0:00:43.684
So, before we get started with the actual

0:00:43.684,0:00:45.597
nuts and bolts of learning to code,

0:00:45.597,0:00:47.472
let's take a moment to look at a range of

0:00:47.472,0:00:49.327
projects -- things that have been made in

0:00:49.327,0:00:50.919
recent years with computer programming

0:00:50.919,0:00:52.641
for the visual arts.

0:00:52.641,0:00:55.061
This is Strata #3 by Quayola.

0:00:55.061,0:00:57.068
Quayola is an artist working in London.

0:00:57.068,0:00:59.037
This animation combines computer generated

0:00:59.037,0:01:01.314
images with video of a cathedral in Rome

0:01:01.314,0:01:03.475
to create a fantastic new reality.

0:01:03.475,0:01:07.009
In his own words, he is investigating [br]improbable relationships between

0:01:07.009,0:01:11.840
contemporary digital aesthetics, and [br]icons of classical art and architecture.

0:01:11.840,0:01:14.331
This is Oasis by Yunsil Heo.

0:01:14.331,0:01:16.394
She is a media artist working in Seoul.

0:01:16.394,0:01:18.548
Oasis is an interactive installation.

0:01:18.548,0:01:21.111
By moving around the sand,[br]small pools are created

0:01:21.111,0:01:24.206
where new software creatures are born and live.

0:01:24.206,0:01:27.112
This is Replica by Alex Vessels and Jeff Howard.

0:01:27.112,0:01:29.396
Alex and Jeff are interactive artists and designers

0:01:29.396,0:01:31.461
working in New York. Replica is

0:01:31.461,0:01:33.178
an interactive dance performance that

0:01:33.178,0:01:35.717
uses live image processing to explore how

0:01:35.717,0:01:37.817
the awareness of time and captured images

0:01:37.817,0:01:39.669
affect self-perception.

0:01:39.669,0:01:43.055
It was projected onto a 120 foot[br]video wall in New York.

0:01:44.402,0:01:46.365
This is unnamed soundsculpture by

0:01:46.537,0:01:49.225
Daniel Franke and Cedric Kiefer.

0:01:49.225,0:01:52.133
Daniel and Cedric are media artists[br]working in Berlin.

0:01:52.133,0:01:54.040
This animation is a moving sculpture

0:01:54.040,0:02:00.362
created from the recorded motion data[br]of a live dancer.

0:02:00.362,0:02:02.986
These animation and installation projects

0:02:02.986,0:02:04.585
are just one way that visual artists

0:02:04.585,0:02:05.845
are working with code.

0:02:05.845,0:02:07.282
More traditional design areas such as

0:02:07.282,0:02:09.033
map design, brand identity, and logo design

0:02:09.033,0:02:10.828
and illustration are transformed through

0:02:10.828,0:02:12.984
designers writing their own code.

0:02:12.984,0:02:14.637
This is the Dencity Map by

0:02:14.637,0:02:16.296
Fathom Information Design.

0:02:16.296,0:02:18.161
Fathom is a design studio in Boston.

0:02:18.161,0:02:19.949
This map uses circles of different sizes

0:02:19.949,0:02:21.109
and colors to visualize

0:02:21.109,0:02:23.508
population density in a unique way.

0:02:23.508,0:02:25.517
Larger, darker circles show areas

0:02:25.517,0:02:27.745
with fewer people. While smaller brighter

0:02:27.745,0:02:29.970
circles highlight crowded cities.

0:02:29.970,0:02:31.661
By glancing at this map we quickly get

0:02:31.661,0:02:33.629
a sense of how some cities and countries

0:02:33.629,0:02:36.982
are more densely populated than others.

0:02:36.982,0:02:39.555
This is the logo for the MIT Media Lab

0:02:39.555,0:02:41.335
created by the Green Eyl.

0:02:41.335,0:02:43.933
The Green Eyl is a studio based in Berlin.

0:02:43.933,0:02:45.433
The identity system can be used

0:02:45.433,0:02:47.247
in different ways and in many contexts

0:02:47.247,0:02:49.323
including the lab's website, business cards,

0:02:49.323,0:02:51.229
and in any other media.

0:02:51.229,0:02:52.855
It forms a beautiful identity that is

0:02:52.855,0:02:54.264
synonymous with the Media Lab's

0:02:54.264,0:02:55.542
approach to the ever changing

0:02:55.542,0:02:57.012
nature of technology.

0:02:57.920,0:02:59.180
In addition to the kind of work

0:02:59.180,0:03:00.639
we're looking at already,

0:03:00.639,0:03:02.076
there's sculpture, fashion design,

0:03:02.076,0:03:03.551
architecture, products, jewelry,

0:03:03.551,0:03:05.712
pottery, much much more.

0:03:05.712,0:03:07.025
What does writing software have

0:03:07.025,0:03:08.807
to do with these physical objects?

0:03:08.807,0:03:09.837
Everything.

0:03:09.837,0:03:12.398
It's an area of exciting and emerging possibility.

0:03:12.398,0:03:13.871
New technologies make it possible

0:03:13.871,0:03:15.591
to print objects. For example, it is now

0:03:15.591,0:03:17.501
possible to design a ring in software

0:03:17.501,0:03:19.755
and print it in plastic or metal.

0:03:19.755,0:03:21.888
Let's look at three final examples before starting

0:03:21.888,0:03:23.743
to learn how to code.

0:03:23.743,0:03:25.478
This is the D.dress software by

0:03:25.478,0:03:27.386
Mary Huang. Mary is an entrepreneur

0:03:27.386,0:03:29.514
and designer working in New York.

0:03:29.514,0:03:31.078
D.dress is a program written by Mary

0:03:31.078,0:03:33.432
that allows a user to sketch a dress and

0:03:33.432,0:03:35.591
it automates the pattern creation.

0:03:35.591,0:03:37.840
It re-imagines the classic little black dress

0:03:37.840,0:03:39.536
by changing the relationships between

0:03:39.536,0:03:42.295
manufacturing, the designer, and the wearer.

0:03:42.886,0:03:44.384
The Textile Room was created by the

0:03:44.384,0:03:46.389
architecture studio P-A-T-T-E-R-N-S,

0:03:46.389,0:03:48.058
founded by Georgina Huljich

0:03:48.058,0:03:50.783
and Marcelo Spina. Georgina and Marcelo

0:03:50.783,0:03:52.981
are architects working in Los Angeles,

0:03:52.981,0:03:54.669
The Textile Room is an experimental

0:03:54.669,0:03:57.014
media space where carbon fiber textiles

0:03:57.014,0:03:59.502
are augmented with a video colleague.

0:04:00.378,0:04:02.563
This is Cell Cycle by Nervous System,

0:04:02.563,0:04:04.472
a design studio founded by Jessica Rosenkrantz

0:04:04.472,0:04:06.692
and Jesse Louis-Rosenberg.

0:04:06.692,0:04:08.350
Jessica and Jesse are entrepreneurs

0:04:08.350,0:04:10.421
and designers living in Boston.

0:04:10.421,0:04:11.952
Cell Cycle is a program that allows

0:04:11.952,0:04:13.765
people to design their own jewelry

0:04:13.765,0:04:15.956
and then 3D print it.

0:04:15.956,0:04:17.873
All of these projects we just looked at

0:04:17.873,0:04:19.661
are created with a software environment

0:04:19.661,0:04:21.786
called Processing. Processing is a way

0:04:21.786,0:04:23.598
to program invented by artists

0:04:23.598,0:04:24.723
and designers to be used by

0:04:24.723,0:04:26.098
artists and designers.

0:04:26.098,0:04:27.760
Processing is for making visual media.

0:04:27.760,0:04:29.363
It focuses on writing programs to draw

0:04:29.363,0:04:30.996
create animation, and to build

0:04:30.996,0:04:33.313
interactive experiences like video games.

0:04:33.313,0:04:35.002
Hopefully you're going to have a good

0:04:35.002,0:04:36.693
experience learning to program

0:04:36.693,0:04:38.286
and I'm already having fun just talking to you

0:04:38.286,0:04:39.569
even though I don't really know

0:04:39.569,0:04:41.228
who you are yet cause you're not here.

0:04:41.228,0:04:42.638
There's a camera there. Okay.

0:04:42.638,0:04:43.891
I'll talk to you later. Bye.