WEBVTT 00:00:00.474 --> 00:00:03.099 Hi. How are you? My name is Dan. Welcome. 00:00:03.099 --> 00:00:05.618 If you're here, which hopefully you are because you're watching this video, 00:00:05.618 --> 00:00:07.150 you're here to learn Programming. 00:00:07.150 --> 00:00:09.745 Hopefully you're here to learn Programming for the very first time. 00:00:09.745 --> 00:00:11.216 This is going to be a tutorial. 00:00:11.216 --> 00:00:13.946 It's designed for you to take about an hour to complete. 00:00:13.946 --> 00:00:15.607 There's going to be lots of stuff happening in it. 00:00:15.607 --> 00:00:18.139 I'm going to talk. Hopefully not too much. 00:00:18.139 --> 00:00:19.399 I'm going to draw pictures and diagrams 00:00:19.399 --> 00:00:20.997 over here on this whiteboard. 00:00:20.997 --> 00:00:22.309 Sometimes this video is going to 00:00:22.309 --> 00:00:23.594 get a lot smaller and there's going to be 00:00:23.594 --> 00:00:25.195 text below me, and things drawn 00:00:25.195 --> 00:00:27.073 to the left of me over here. 00:00:27.073 --> 00:00:28.293 We're going to look at Programming 00:00:28.293 --> 00:00:30.261 in the context of the visual arts. 00:00:30.261 --> 00:00:32.137 What does it mean to write software 00:00:32.137 --> 00:00:33.451 to do the things that you often do 00:00:33.451 --> 00:00:35.403 with your hands, with paper, with pencil 00:00:35.403 --> 00:00:37.345 with paint? Could you use a computer to 00:00:37.345 --> 00:00:39.603 create drawings? To create animations? 00:00:39.603 --> 00:00:42.109 To create images? This is what we're going to look at. 00:00:42.109 --> 00:00:43.684 So, before we get started with the actual 00:00:43.684 --> 00:00:45.597 nuts and bolts of learning to code, 00:00:45.597 --> 00:00:47.472 let's take a moment to look at a range of 00:00:47.472 --> 00:00:49.327 projects -- things that have been made in 00:00:49.327 --> 00:00:50.919 recent years with computer programming 00:00:50.919 --> 00:00:52.641 for the visual arts. 00:00:52.641 --> 00:00:55.061 This is Strata #3 by Quayola. 00:00:55.061 --> 00:00:57.068 Quayola is an artist working in London. 00:00:57.068 --> 00:00:59.037 This animation combines computer generated 00:00:59.037 --> 00:01:01.314 images with video of a cathedral in Rome 00:01:01.314 --> 00:01:03.475 to create a fantastic new reality. 00:01:03.475 --> 00:01:07.009 In his own words, he is investigating improbable relationships between 00:01:07.009 --> 00:01:11.840 contemporary digital aesthetics, and icons of classical art and architecture. 00:01:11.840 --> 00:01:14.331 This is Oasis by Yunsil Heo. 00:01:14.331 --> 00:01:16.394 She is a media artist working in Seoul. 00:01:16.394 --> 00:01:18.548 Oasis is an interactive installation. 00:01:18.548 --> 00:01:21.111 By moving around the sand, small pools are created 00:01:21.111 --> 00:01:24.206 where new software creatures are born and live. 00:01:24.206 --> 00:01:27.112 This is Replica by Alex Vessels and Jeff Howard. 00:01:27.112 --> 00:01:29.396 Alex and Jeff are interactive artists and designers 00:01:29.396 --> 00:01:31.461 working in New York. Replica is 00:01:31.461 --> 00:01:33.178 an interactive dance performance that 00:01:33.178 --> 00:01:35.717 uses live image processing to explore how 00:01:35.717 --> 00:01:37.817 the awareness of time and captured images 00:01:37.817 --> 00:01:39.669 affect self-perception. 00:01:39.669 --> 00:01:43.055 It was projected onto a 120 foot video wall in New York. 00:01:44.402 --> 00:01:46.365 This is unnamed soundsculpture by 00:01:46.537 --> 00:01:49.225 Daniel Franke and Cedric Kiefer. 00:01:49.225 --> 00:01:52.133 Daniel and Cedric are media artists working in Berlin. 00:01:52.133 --> 00:01:54.040 This animation is a moving sculpture 00:01:54.040 --> 00:02:00.362 created from the recorded motion data of a live dancer. 00:02:00.362 --> 00:02:02.986 These animation and installation projects 00:02:02.986 --> 00:02:04.585 are just one way that visual artists 00:02:04.585 --> 00:02:05.845 are working with code. 00:02:05.845 --> 00:02:07.282 More traditional design areas such as 00:02:07.282 --> 00:02:09.033 map design, brand identity, and logo design 00:02:09.033 --> 00:02:10.828 and illustration are transformed through 00:02:10.828 --> 00:02:12.984 designers writing their own code. 00:02:12.984 --> 00:02:14.637 This is the Dencity Map by 00:02:14.637 --> 00:02:16.296 Fathom Information Design. 00:02:16.296 --> 00:02:18.161 Fathom is a design studio in Boston. 00:02:18.161 --> 00:02:19.949 This map uses circles of different sizes 00:02:19.949 --> 00:02:21.109 and colors to visualize 00:02:21.109 --> 00:02:23.508 population density in a unique way. 00:02:23.508 --> 00:02:25.517 Larger, darker circles show areas 00:02:25.517 --> 00:02:27.745 with fewer people. While smaller brighter 00:02:27.745 --> 00:02:29.970 circles highlight crowded cities. 00:02:29.970 --> 00:02:31.661 By glancing at this map we quickly get 00:02:31.661 --> 00:02:33.629 a sense of how some cities and countries 00:02:33.629 --> 00:02:36.982 are more densely populated than others. 00:02:36.982 --> 00:02:39.555 This is the logo for the MIT Media Lab 00:02:39.555 --> 00:02:41.335 created by the Green Eyl. 00:02:41.335 --> 00:02:43.933 The Green Eyl is a studio based in Berlin. 00:02:43.933 --> 00:02:45.433 The identity system can be used 00:02:45.433 --> 00:02:47.247 in different ways and in many contexts 00:02:47.247 --> 00:02:49.323 including the lab's website, business cards, 00:02:49.323 --> 00:02:51.229 and in any other media. 00:02:51.229 --> 00:02:52.855 It forms a beautiful identity that is 00:02:52.855 --> 00:02:54.264 synonymous with the Media Lab's 00:02:54.264 --> 00:02:55.542 approach to the ever changing 00:02:55.542 --> 00:02:57.012 nature of technology. 00:02:57.920 --> 00:02:59.180 In addition to the kind of work 00:02:59.180 --> 00:03:00.639 we're looking at already, 00:03:00.639 --> 00:03:02.076 there's sculpture, fashion design, 00:03:02.076 --> 00:03:03.551 architecture, products, jewelry, 00:03:03.551 --> 00:03:05.712 pottery, much much more. 00:03:05.712 --> 00:03:07.025 What does writing software have 00:03:07.025 --> 00:03:08.807 to do with these physical objects? 00:03:08.807 --> 00:03:09.837 Everything. 00:03:09.837 --> 00:03:12.398 It's an area of exciting and emerging possibility. 00:03:12.398 --> 00:03:13.871 New technologies make it possible 00:03:13.871 --> 00:03:15.591 to print objects. For example, it is now 00:03:15.591 --> 00:03:17.501 possible to design a ring in software 00:03:17.501 --> 00:03:19.755 and print it in plastic or metal. 00:03:19.755 --> 00:03:21.888 Let's look at three final examples before starting 00:03:21.888 --> 00:03:23.743 to learn how to code. 00:03:23.743 --> 00:03:25.478 This is the D.dress software by 00:03:25.478 --> 00:03:27.386 Mary Huang. Mary is an entrepreneur 00:03:27.386 --> 00:03:29.514 and designer working in New York. 00:03:29.514 --> 00:03:31.078 D.dress is a program written by Mary 00:03:31.078 --> 00:03:33.432 that allows a user to sketch a dress and 00:03:33.432 --> 00:03:35.591 it automates the pattern creation. 00:03:35.591 --> 00:03:37.840 It re-imagines the classic little black dress 00:03:37.840 --> 00:03:39.536 by changing the relationships between 00:03:39.536 --> 00:03:42.295 manufacturing, the designer, and the wearer. 00:03:42.886 --> 00:03:44.384 The Textile Room was created by the 00:03:44.384 --> 00:03:46.389 architecture studio P-A-T-T-E-R-N-S, 00:03:46.389 --> 00:03:48.058 founded by Georgina Huljich 00:03:48.058 --> 00:03:50.783 and Marcelo Spina. Georgina and Marcelo 00:03:50.783 --> 00:03:52.981 are architects working in Los Angeles, 00:03:52.981 --> 00:03:54.669 The Textile Room is an experimental 00:03:54.669 --> 00:03:57.014 media space where carbon fiber textiles 00:03:57.014 --> 00:03:59.502 are augmented with a video colleague. 00:04:00.378 --> 00:04:02.563 This is Cell Cycle by Nervous System, 00:04:02.563 --> 00:04:04.472 a design studio founded by Jessica Rosenkrantz 00:04:04.472 --> 00:04:06.692 and Jesse Louis-Rosenberg. 00:04:06.692 --> 00:04:08.350 Jessica and Jesse are entrepreneurs 00:04:08.350 --> 00:04:10.421 and designers living in Boston. 00:04:10.421 --> 00:04:11.952 Cell Cycle is a program that allows 00:04:11.952 --> 00:04:13.765 people to design their own jewelry 00:04:13.765 --> 00:04:15.956 and then 3D print it. 00:04:15.956 --> 00:04:17.873 All of these projects we just looked at 00:04:17.873 --> 00:04:19.661 are created with a software environment 00:04:19.661 --> 00:04:21.786 called Processing. Processing is a way 00:04:21.786 --> 00:04:23.598 to program invented by artists 00:04:23.598 --> 00:04:24.723 and designers to be used by 00:04:24.723 --> 00:04:26.098 artists and designers. 00:04:26.098 --> 00:04:27.760 Processing is for making visual media. 00:04:27.760 --> 00:04:29.363 It focuses on writing programs to draw 00:04:29.363 --> 00:04:30.996 create animation, and to build 00:04:30.996 --> 00:04:33.313 interactive experiences like video games. 00:04:33.313 --> 00:04:35.002 Hopefully you're going to have a good 00:04:35.002 --> 00:04:36.693 experience learning to program 00:04:36.693 --> 00:04:38.286 and I'm already having fun just talking to you 00:04:38.286 --> 00:04:39.569 even though I don't really know 00:04:39.569 --> 00:04:41.228 who you are yet cause you're not here. 00:04:41.228 --> 00:04:42.638 There's a camera there. Okay. 00:04:42.638 --> 00:04:43.891 I'll talk to you later. Bye.