title
0.5: Processing Examples - Processing Tutorial

description
This video walks through a few examples that come with Processing, looks at how libraries work with Processing, and shows some projects made with Processing. Support this channel on Patreon: https://patreon.com/codingtrain Contact: https://twitter.com/shiffman Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Link to code on Github: https://github.com/CodingTrain/Rainbow-Code Links discussed in this video: http://processing.org/exhibition/ Chronograph: http://reas.com/iperimage.php?section=works&view=&work=chronograph Beluga: https://vimeo.com/47124314 Replica: https://vimeo.com/19007123 Belly full of eels: http://www.phlea.tv/molly_blogolly/?p=462 Just landed: http://blog.blprnt.com/blog/blprnt/just-landed-processing-twitter-metacarta-hidden-data D.dress: http://www.continuumfashion.com/D.php Mud tub: http://tomgerhardt.com/mudtub/ Scrollables: http://www.filippovanucci.com/work/scrollables/ Processing: http://processing.org Processing Foundation: https://processingfoundation.org/ Learning Processing Book: http://learningprocessing.com/ For More Processing Tutorials: https://www.youtube.com/user/shiffman/playlists?view=50&sort=dd&shelf_id=2 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

detail
{'title': '0.5: Processing Examples - Processing Tutorial', 'heatmap': [{'end': 92.784, 'start': 53.297, 'weight': 0.784}, {'end': 362.771, 'start': 327.856, 'weight': 0.862}], 'summary': 'The tutorial covers fundamental programming concepts using processing, emphasizing visual design and simulation. it explores 3d rendering, extensibility through libraries, and large-scale projects. additionally, it discusses extending processing with java libraries, various projects, and its applications in data visualization, 3d designs, print, jewelry, and physical computing projects.', 'chapters': [{'end': 450.781, 'segs': [{'end': 92.784, 'src': 'heatmap', 'start': 19.561, 'weight': 0, 'content': [{'end': 22.905, 'text': "But here, we're going to use processing.", 'start': 19.561, 'duration': 3.344}, {'end': 25.666, 'text': 'What advantages does processing give us?', 'start': 23.525, 'duration': 2.141}, {'end': 28.367, 'text': 'What kinds of things can we make with processing?', 'start': 26.066, 'duration': 2.301}, {'end': 32.849, 'text': "What is the lens that we're going to look through to learn the fundamental concepts of programming?", 'start': 28.427, 'duration': 4.422}, {'end': 35.27, 'text': 'And this is key.', 'start': 32.869, 'duration': 2.401}, {'end': 38.491, 'text': "It's not my intention here for you to learn processing.", 'start': 35.33, 'duration': 3.161}, {'end': 43.493, 'text': "It's my intention for you to learn the fundamental tools of computation.", 'start': 38.651, 'duration': 4.842}, {'end': 46.754, 'text': "We're going to use processing as the environment to learn those tools.", 'start': 43.713, 'duration': 3.041}, {'end': 52.917, 'text': 'But those tools, those concepts, will go across any programming language or environment that you choose to use in the future.', 'start': 47.035, 'duration': 5.882}, {'end': 56.958, 'text': "So as I said, processing, it's a thing we download.", 'start': 53.297, 'duration': 3.661}, {'end': 57.879, 'text': 'We can open it.', 'start': 57.179, 'duration': 0.7}, {'end': 63.481, 'text': "One of the first things you might do yourself, and I'll kind of do this for you, is take a look through the examples.", 'start': 57.959, 'duration': 5.522}, {'end': 69.723, 'text': "So you can see here there's a little window that you can pop up that has examples, and you can kind of look through these basics.", 'start': 63.861, 'duration': 5.862}, {'end': 72.964, 'text': 'And some of these basic things will give you a sense of what is processing doing.', 'start': 69.763, 'duration': 3.201}, {'end': 77.368, 'text': 'You could learn about color, you could learn about form, you could learn about math.', 'start': 72.984, 'duration': 4.384}, {'end': 82.854, 'text': "so if, for example, if I just go here and let's say we want to learn about hue with processing,", 'start': 77.368, 'duration': 5.486}, {'end': 89.46, 'text': "I can run this particular example and you can see that what it's doing here is, as I move the mouse back and forth across the screen,", 'start': 82.854, 'duration': 6.606}, {'end': 92.784, 'text': "it's changing the hue of a color that I'm drawing.", 'start': 89.46, 'duration': 3.324}], 'summary': 'Using processing to learn fundamental programming concepts with examples and practical applications.', 'duration': 43.92, 'max_score': 19.561, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI19561.jpg'}, {'end': 110.94, 'src': 'embed', 'start': 82.854, 'weight': 3, 'content': [{'end': 89.46, 'text': "I can run this particular example and you can see that what it's doing here is, as I move the mouse back and forth across the screen,", 'start': 82.854, 'duration': 6.606}, {'end': 92.784, 'text': "it's changing the hue of a color that I'm drawing.", 'start': 89.46, 'duration': 3.324}, {'end': 100.511, 'text': "so there's a range of examples and you'll notice These examples, generally speaking, have a visual design component.", 'start': 92.784, 'duration': 7.727}, {'end': 105.595, 'text': "So, if you're interested in design, animation, images,", 'start': 100.831, 'duration': 4.764}, {'end': 110.94, 'text': 'creative applications of software processing is a good environment to explore ideas in that area.', 'start': 105.595, 'duration': 5.345}], 'summary': 'Processing software allows for creative design and animation, offering a range of visual examples and applications for exploring ideas in design and creative software processing.', 'duration': 28.086, 'max_score': 82.854, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI82854.jpg'}, {'end': 171.658, 'src': 'embed', 'start': 143.439, 'weight': 2, 'content': [{'end': 148.26, 'text': "So one of the nice things about processing is there's a, when you download it, there's a wide range of examples.", 'start': 143.439, 'duration': 4.821}, {'end': 152.381, 'text': 'And to get a sense of what can I do, what are some ideas of things I might try to make?', 'start': 148.3, 'duration': 4.081}, {'end': 156.242, 'text': 'you could spend a whole day just clicking through and running all of the examples.', 'start': 152.381, 'duration': 3.861}, {'end': 161.366, 'text': 'The other thing that I will just mention is that Processing has,', 'start': 157.742, 'duration': 3.624}, {'end': 168.034, 'text': 'in addition to the sort of 2D drawing engine which allows you to draw simple and kind of complex shapes and animations in 2D,', 'start': 161.366, 'duration': 6.668}, {'end': 171.658, 'text': 'you can do a lot of stuff in three dimensions as well.', 'start': 168.034, 'duration': 3.624}], 'summary': 'Processing offers a wide range of examples for 2d and 3d drawing and animations.', 'duration': 28.219, 'max_score': 143.439, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI143439.jpg'}, {'end': 204.789, 'src': 'embed', 'start': 180.667, 'weight': 4, 'content': [{'end': 187.553, 'text': 'But here we can see this nice little demonstration of how you can do 3D rendering and processing as well.', 'start': 180.667, 'duration': 6.886}, {'end': 195.561, 'text': 'And you can see, you can do all sorts of different kinds of camera stuff, lighting stuff, textures,', 'start': 189.055, 'duration': 6.506}, {'end': 198.023, 'text': 'all the things that you might find in a 3D computer graphic environment.', 'start': 195.561, 'duration': 2.462}, {'end': 201.706, 'text': 'That stuff you can do with the processing environment as well.', 'start': 198.243, 'duration': 3.463}, {'end': 204.789, 'text': 'So This is, I just closed everything.', 'start': 202.066, 'duration': 2.723}], 'summary': '3d rendering and processing demonstrated in the processing environment.', 'duration': 24.122, 'max_score': 180.667, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI180667.jpg'}, {'end': 272.017, 'src': 'embed', 'start': 241.654, 'weight': 5, 'content': [{'end': 245.176, 'text': 'but also you can build fairly large-scale, sophisticated projects in it.', 'start': 241.654, 'duration': 3.522}, {'end': 249.098, 'text': "And one of the reasons for this is you aren't learning the processing language.", 'start': 245.496, 'duration': 3.602}, {'end': 250.479, 'text': "Yes, you're using the processing environment.", 'start': 249.138, 'duration': 1.341}, {'end': 256.541, 'text': 'Yes, there is a set of processing functions that are native to processing itself.', 'start': 250.719, 'duration': 5.822}, {'end': 259.363, 'text': "But really, the language you're writing code in is Java.", 'start': 256.622, 'duration': 2.741}, {'end': 261.426, 'text': 'Now, Java is probably about.', 'start': 259.764, 'duration': 1.662}, {'end': 267.132, 'text': "Unfortunately, right now, in the era that we live in, in 2013, it's probably, like, the least cool thing you could learn.", 'start': 261.426, 'duration': 5.706}, {'end': 272.017, 'text': "Like, it's much cooler to learn JavaScript or Ruby, and there's lots of great stuff you could do.", 'start': 267.172, 'duration': 4.845}], 'summary': 'Processing allows building large-scale projects in java, considered less cool in 2013.', 'duration': 30.363, 'max_score': 241.654, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI241654.jpg'}, {'end': 365.192, 'src': 'heatmap', 'start': 317.43, 'weight': 6, 'content': [{'end': 320.332, 'text': "You'll find a Java library out there for just about anything.", 'start': 317.43, 'duration': 2.902}, {'end': 324.555, 'text': "So processing, because it's built on Java, is incredibly extendable.", 'start': 320.352, 'duration': 4.203}, {'end': 327.856, 'text': 'through libraries.', 'start': 325.015, 'duration': 2.841}, {'end': 329.977, 'text': 'now, what are these libraries?', 'start': 327.856, 'duration': 2.121}, {'end': 334.819, 'text': 'and you can see I meant to if I go back to that examples window.', 'start': 329.977, 'duration': 4.842}, {'end': 338.941, 'text': 'looking through those examples, there was topics I could go down and start to look at libraries,', 'start': 334.819, 'duration': 4.122}, {'end': 342.343, 'text': "one of which I'll just demonstrate really briefly to you right now is video.", 'start': 338.941, 'duration': 3.402}, {'end': 352.868, 'text': "so under capture, I'm gonna look at one of these examples, gonna run this mirror example, And I think this will work.", 'start': 342.343, 'duration': 10.525}, {'end': 357.69, 'text': "This is where we would edit, because it's taking a minute to run.", 'start': 355.009, 'duration': 2.681}, {'end': 360.911, 'text': "So here we can see, oh look, what's interesting is this is a green screen.", 'start': 358.01, 'duration': 2.901}, {'end': 362.771, 'text': 'So you can see the green wall in the actual camera.', 'start': 360.951, 'duration': 1.82}, {'end': 365.192, 'text': 'So the camera here is reading my image.', 'start': 362.971, 'duration': 2.221}], 'summary': 'Java processing is extendable through libraries. example: video capture with green screen.', 'duration': 47.762, 'max_score': 317.43, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI317430.jpg'}, {'end': 430.794, 'src': 'embed', 'start': 401.939, 'weight': 7, 'content': [{'end': 406.401, 'text': 'so The video library is something that comes with Processing when you download it.', 'start': 401.939, 'duration': 4.462}, {'end': 411.763, 'text': 'but Processing itself has a huge has a large community of people making libraries.', 'start': 406.401, 'duration': 5.362}, {'end': 416.084, 'text': 'And I downloaded one, an arbitrary one called the Yahoo Weather Library.', 'start': 412.083, 'duration': 4.001}, {'end': 417.864, 'text': "We can see, I'll just open up this example.", 'start': 416.104, 'duration': 1.76}, {'end': 423.986, 'text': 'This library allows you to connect to Yahoo Weather data.', 'start': 418.724, 'duration': 5.262}, {'end': 430.794, 'text': 'And you can see here that this processing sketch has grabbed the weather information from the city of Berlin.', 'start': 425.452, 'duration': 5.342}], 'summary': 'Processing includes a video library and a large community producing libraries. an example is the yahoo weather library, enabling connection to yahoo weather data.', 'duration': 28.855, 'max_score': 401.939, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI401939.jpg'}], 'start': 1.303, 'title': 'Processing for programming', 'summary': "Introduces fundamental programming concepts using processing, emphasizing its visual design components and simulation capabilities. it also explores processing's 3d rendering, extensibility through libraries, and its use for large-scale projects.", 'chapters': [{'end': 161.366, 'start': 1.303, 'title': 'Introduction to processing for programming', 'summary': 'Introduces the fundamental concepts of programming using processing as the environment, highlighting its advantages and providing examples to showcase its visual design components and simulation capabilities.', 'duration': 160.063, 'highlights': ['Processing emphasizes learning fundamental tools of computation rather than the language itself, allowing the concepts to be applied across various programming languages and environments.', 'The examples in Processing primarily focus on visual design components, making it ideal for exploring ideas in design, animation, and creative applications of software.', 'Processing offers a wide range of examples, including simulations of physics elements, providing users with a diverse set of ideas for potential projects and applications.', 'The ability to change the hue of a color based on mouse movement is demonstrated as an example of what can be achieved with Processing, showcasing its interactive and dynamic capabilities.']}, {'end': 450.781, 'start': 161.366, 'title': 'Exploring 3d and extensibility in processing', 'summary': 'Explores the flexibility of processing, showcasing its capabilities in 3d rendering, use of java for large-scale projects, and extensibility through libraries, such as video and yahoo weather, enabling connections to hardware and external data sources.', 'duration': 289.415, 'highlights': ['Processing demonstrates 3D rendering and processing capabilities, including camera techniques, lighting effects, and texture manipulation. Processing showcases its 3D rendering and processing features, offering a demonstration of camera techniques, lighting effects, and texture manipulation.', "Processing allows for large-scale, sophisticated projects through the use of Java as the underlying programming language, providing extensive capabilities for various applications. Processing's use of Java enables the development of large-scale, sophisticated projects, leveraging the extensive capabilities of the language for diverse applications.", "The extensibility of Processing is highlighted through the availability of libraries, such as the video library, enabling connections to hardware like cameras and manipulation of image data. Processing's extensibility is showcased through the video library, facilitating connections to hardware like cameras and the manipulation of image data.", 'The Yahoo Weather Library is used as an example to demonstrate the connection to external data sources, showcasing the ability to retrieve and visualize weather information within a Processing sketch. The demonstration of the Yahoo Weather Library illustrates the capability of Processing to connect to external data sources, exemplifying the retrieval and visualization of weather information within a Processing sketch.']}], 'duration': 449.478, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI1303.jpg', 'highlights': ['Processing emphasizes learning fundamental tools of computation rather than the language itself, allowing the concepts to be applied across various programming languages and environments.', 'The examples in Processing primarily focus on visual design components, making it ideal for exploring ideas in design, animation, and creative applications of software.', 'Processing offers a wide range of examples, including simulations of physics elements, providing users with a diverse set of ideas for potential projects and applications.', 'The ability to change the hue of a color based on mouse movement is demonstrated as an example of what can be achieved with Processing, showcasing its interactive and dynamic capabilities.', 'Processing demonstrates 3D rendering and processing capabilities, including camera techniques, lighting effects, and texture manipulation.', 'Processing allows for large-scale, sophisticated projects through the use of Java as the underlying programming language, providing extensive capabilities for various applications.', 'The extensibility of Processing is highlighted through the availability of libraries, such as the video library, enabling connections to hardware like cameras and manipulation of image data.', 'The Yahoo Weather Library is used as an example to demonstrate the connection to external data sources, showcasing the ability to retrieve and visualize weather information within a Processing sketch.']}, {'end': 758.452, 'segs': [{'end': 499.871, 'src': 'embed', 'start': 471.991, 'weight': 0, 'content': [{'end': 476.292, 'text': 'if we go back to the processing website and go to libraries,', 'start': 471.991, 'duration': 4.301}, {'end': 490.487, 'text': 'you can see there is a nice list of tons and tons of libraries and you can also get them which I this is not through through this library manager that comes with the processing software itself.', 'start': 476.292, 'duration': 14.195}, {'end': 499.871, 'text': 'So we can go through this list of libraries and if I want this library, which is a lightweight library for creating animations and transitions,', 'start': 490.547, 'duration': 9.324}], 'summary': 'The processing website offers a wide range of libraries, including a lightweight library for creating animations and transitions.', 'duration': 27.88, 'max_score': 471.991, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI471991.jpg'}, {'end': 593.427, 'src': 'embed', 'start': 558.182, 'weight': 4, 'content': [{'end': 559.223, 'text': 'This is showing it more quickly.', 'start': 558.182, 'duration': 1.041}, {'end': 563.946, 'text': 'But you can see this idea of abstract visuals projected on the side of a building.', 'start': 559.443, 'duration': 4.503}, {'end': 565.767, 'text': 'This is all generative, procedural.', 'start': 564.266, 'duration': 1.501}, {'end': 570.51, 'text': "This is a piece of software that generates this content that's projected on the side of a building.", 'start': 566.007, 'duration': 4.503}, {'end': 573.052, 'text': "This is something that's done a lot with processing.", 'start': 570.53, 'duration': 2.522}, {'end': 579.436, 'text': 'I teach a class here at ITP where the students create work for a large video wall.', 'start': 574.113, 'duration': 5.323}, {'end': 582.218, 'text': 'Here are a couple examples of projects there.', 'start': 579.896, 'duration': 2.322}, {'end': 583.799, 'text': 'This is a project called Beluga.', 'start': 582.278, 'duration': 1.521}, {'end': 593.427, 'text': "I'm skipping the sound but this was a dance performance and you can see that there are these dancers that are moving and jumping on trampolines.", 'start': 584.179, 'duration': 9.248}], 'summary': 'Generative visuals projected on building, created by software. examples include dance performance project.', 'duration': 35.245, 'max_score': 558.182, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI558182.jpg'}, {'end': 619.924, 'src': 'embed', 'start': 595.629, 'weight': 2, 'content': [{'end': 606.099, 'text': "It's about 12 feet high and the visuals were generative this seascape and they responded to the movements of these dancers who are bouncing up and down on trampolines.", 'start': 595.629, 'duration': 10.47}, {'end': 607.2, 'text': 'So this was actually.', 'start': 606.359, 'duration': 0.841}, {'end': 614.222, 'text': "It's using processing, but there are three separate computers running three processing sketches, each controlling a section of the video wall.", 'start': 607.8, 'duration': 6.422}, {'end': 619.924, 'text': 'So even these types of large-scale 3D graphics for performance are made with processing.', 'start': 614.422, 'duration': 5.502}], 'summary': '12-foot high generative seascape visuals with dancers on trampolines, controlled by three separate computers running processing sketches.', 'duration': 24.295, 'max_score': 595.629, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI595629.jpg'}, {'end': 734.885, 'src': 'embed', 'start': 707.995, 'weight': 3, 'content': [{'end': 715.794, 'text': 'Okay, another, Another popular use of processing is for data visualization.', 'start': 707.995, 'duration': 7.799}, {'end': 719.236, 'text': 'I will show you a well-known project by Jer Thorpe.', 'start': 715.814, 'duration': 3.422}, {'end': 722.057, 'text': 'This here is a visualization.', 'start': 720.236, 'duration': 1.821}, {'end': 730.583, 'text': "It's grabbing data from Twitter and looking for people who said, who were very excited about the fact that I just landed in Hawaii, for example.", 'start': 722.438, 'duration': 8.145}, {'end': 734.885, 'text': 'So anyone who posted, just landed in Hawaii, if it was me, I wish I had gone to Hawaii.', 'start': 731.023, 'duration': 3.862}], 'summary': 'Processing is used for data visualization, demonstrated with a twitter data project by jer thorpe.', 'duration': 26.89, 'max_score': 707.995, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI707995.jpg'}], 'start': 451.141, 'title': 'Extending processing and projects', 'summary': 'Discusses extending processing with java libraries, highlighting the availability of numerous libraries on the processing website and the process of installing and utilizing libraries. it also explores various processing projects, including chronograph, beluga, and data visualization from twitter by jer thorpe.', 'chapters': [{'end': 518.215, 'start': 451.141, 'title': 'Extending processing with java libraries', 'summary': 'Discusses extending the processing software through the use of java libraries, highlighting the availability of numerous libraries on the processing website and the process of installing and utilizing libraries within the processing development environment.', 'duration': 67.074, 'highlights': ['The processing software is extendable through various Java libraries, allowing users to enhance its functionality and capabilities.', 'The processing website offers a wide array of libraries available for use, accessible through the library manager that comes with the processing software itself.', 'Users can install specific libraries, such as the lightweight library for creating animations and transitions, to incorporate additional functionality into their code.']}, {'end': 758.452, 'start': 518.215, 'title': 'Processing projects and applications', 'summary': 'Discusses various projects made with processing, including large-scale installations and animations, such as chronograph, a time-lapse projection onto a building, beluga, a generative visual for a dance performance on a 120-foot wide video wall, and data visualization from twitter by jer thorpe.', 'duration': 240.237, 'highlights': ['Processing is used for large-scale installations and animations, such as the Chronograph project, a time-lapse projection onto the New World Center building in Miami, Florida. The Chronograph project, created by Casey Reese and Tal Rosner, demonstrates the use of processing for large-scale installations through generative, procedural abstract visuals projected onto the building.', 'Beluga, a project involving generative visuals for a dance performance on a 120-foot wide video wall, utilized processing to control three separate computers running three processing sketches. The Beluga project showcased generative visuals responding to the movements of dancers on trampolines, controlled by processing on three separate computers, highlighting the use of processing for large-scale 3D graphics in performances.', "Data visualization from Twitter, created by Jer Thorpe, uses processing to visualize people's flight-related tweets, drawing arc paths from origin to landing locations. Jer Thorpe's data visualization project utilized processing to parse and visualize Twitter data, specifically showcasing flight-related tweets and their corresponding locations through arc paths, demonstrating processing's application in data visualization."]}], 'duration': 307.311, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI451141.jpg', 'highlights': ['The processing website offers a wide array of libraries available for use, accessible through the library manager.', 'Users can install specific libraries, such as the lightweight library for creating animations and transitions, to incorporate additional functionality into their code.', 'Beluga project showcased generative visuals responding to the movements of dancers on trampolines, controlled by processing on three separate computers.', "Data visualization from Twitter, created by Jer Thorpe, uses processing to visualize people's flight-related tweets, drawing arc paths from origin to landing locations.", 'The Chronograph project demonstrates the use of processing for large-scale installations through generative, procedural abstract visuals projected onto the building.']}, {'end': 1130.229, 'segs': [{'end': 907.857, 'src': 'embed', 'start': 816.897, 'weight': 0, 'content': [{'end': 823.461, 'text': 'So if you want to do print design, checking out the work of Rune Mattson and a course he teaches called Printing Code.', 'start': 816.897, 'duration': 6.564}, {'end': 828.184, 'text': "There's a tremendous suite of examples of using computation to generate print designs.", 'start': 823.481, 'duration': 4.703}, {'end': 836.733, 'text': 'This is a project that Mary Wong made to create fashion designs through a generative process.', 'start': 828.925, 'duration': 7.808}, {'end': 838.314, 'text': 'So you can see here the mouse.', 'start': 836.773, 'duration': 1.541}, {'end': 844.961, 'text': 'this is a processing sketch running, where the mouse is able to draw over the figure of the human form and that,', 'start': 838.314, 'duration': 6.647}, {'end': 853.559, 'text': 'And what the mouse is drawing is then made into geometry, which is used to generate the design for a dress.', 'start': 845.976, 'duration': 7.583}, {'end': 858.241, 'text': 'And Mary actually created these dresses and physically fabricated them and wore them as well.', 'start': 853.659, 'duration': 4.582}, {'end': 864.483, 'text': 'And so a lot of stuff is being done with processing in terms of taking a look at the work at nervous system.', 'start': 858.561, 'duration': 5.922}, {'end': 865.924, 'text': "I'll include a link to that as well.", 'start': 864.543, 'duration': 1.381}, {'end': 867.845, 'text': 'for making jewelry designs.', 'start': 866.264, 'duration': 1.581}, {'end': 872.648, 'text': 'You can generate stuff for a MakerBot with processing to do 3D printing.', 'start': 868.345, 'duration': 4.303}, {'end': 881.153, 'text': "This is something that you could explore as an idea that you might do throughout if you're following along with all of these videos.", 'start': 872.968, 'duration': 8.185}, {'end': 886.316, 'text': 'Also creating physical computing interfaces.', 'start': 882.334, 'duration': 3.982}, {'end': 888.317, 'text': 'This is a project called the MudTub.', 'start': 886.356, 'duration': 1.961}, {'end': 898.569, 'text': "which kind of answers that question, what's the thing that you might want to get least near your computer? A big pile of mud.", 'start': 890.703, 'duration': 7.866}, {'end': 899.93, 'text': 'This is by Tom Gerhardt.', 'start': 898.609, 'duration': 1.321}, {'end': 907.356, 'text': "And so this is kind of also interesting to say we don't need What you're learning here.", 'start': 900.991, 'duration': 6.365}, {'end': 907.857, 'text': 'might not,', 'start': 907.356, 'duration': 0.501}], 'summary': 'Using computation for print and fashion designs, 3d printing, and physical computing interfaces.', 'duration': 90.96, 'max_score': 816.897, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI816897.jpg'}, {'end': 1042.8, 'src': 'embed', 'start': 1012.075, 'weight': 4, 'content': [{'end': 1014.216, 'text': "So of course, we're all familiar with touchscreens.", 'start': 1012.075, 'duration': 2.141}, {'end': 1021.461, 'text': "But here we have this physical device, which has real tactile, tangible qualities, real paper that you're scrolling.", 'start': 1015.757, 'duration': 5.704}, {'end': 1025.584, 'text': 'And you can see as you scroll back and forth, you can play, for example, the game Pong.', 'start': 1021.501, 'duration': 4.083}, {'end': 1033.391, 'text': 'And this ink effect was created through an algorithm in processing and control through the physical interface.', 'start': 1025.644, 'duration': 7.747}, {'end': 1037.035, 'text': 'so you know this is very, very,', 'start': 1033.391, 'duration': 3.644}, {'end': 1042.8, 'text': "a really really quick and dirty kind of I don't know if I missed anything key that I wanted to show you really kind of quick and dirty,", 'start': 1037.035, 'duration': 5.765}], 'summary': 'Physical device with tactile paper interface allows interactive gaming through ink effects.', 'duration': 30.725, 'max_score': 1012.075, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI1012075.jpg'}, {'end': 1076.52, 'src': 'embed', 'start': 1053.836, 'weight': 5, 'content': [{'end': 1063.949, 'text': 'so if you look at the exhibition link, there is a ton of projects that you can see historically and you can actually go all the way back,', 'start': 1053.836, 'duration': 10.113}, {'end': 1064.891, 'text': 'if on the bottom here.', 'start': 1063.949, 'duration': 0.942}, {'end': 1069.715, 'text': 'Oh boy, this is getting awkward.', 'start': 1067.834, 'duration': 1.881}, {'end': 1076.52, 'text': 'On the bottom here, if you click on number one, you can actually see stuff that was posted from the Processing Exhibition from over ten years ago.', 'start': 1070.096, 'duration': 6.424}], 'summary': 'Exhibition link showcases historical projects, including items from over ten years ago.', 'duration': 22.684, 'max_score': 1053.836, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI1053836.jpg'}], 'start': 758.452, 'title': 'Processing in visualization & physical computing projects', 'summary': 'Explores processing for data visualization, 3d visualizations, and generative fashion designs, as well as its applications in print, jewelry design, and 3d printing. it also delves into creative physical computing projects such as mudtub and scrollables, showcasing the use of physical interfaces and sensors for interactive experiences.', 'chapters': [{'end': 881.153, 'start': 758.452, 'title': 'Processing for data visualization & design', 'summary': 'Explores the use of processing for data visualization and design, including creating 3d visualizations and generative fashion designs, and its applications in print design, jewelry design, and 3d printing.', 'duration': 122.701, 'highlights': ["Mary Huang's project for creating fashion designs through a generative process using processing. Mary Huang created fashion designs using a generative process with processing, which involved the mouse drawing over the human form to create geometry used in dress design, resulting in physically fabricated dresses.", "Rune Mattson's course 'Printing Code' and its applications in generating print designs using computation. Rune Mattson's course 'Printing Code' utilizes computation to generate print designs, showcasing the potential of processing in print design applications.", 'Applications of processing in creating jewelry designs and 3D printing, including its potential for exploration throughout the presented videos. Processing is utilized for creating jewelry designs, 3D printing, and potential explorations throughout the presented videos, highlighting its diverse applications.']}, {'end': 1130.229, 'start': 882.334, 'title': 'Creative physical computing projects', 'summary': 'Explores creative physical computing projects made using processing, including mudtub and scrollables, demonstrating the use of physical interfaces and sensors for interactive experiences.', 'duration': 247.895, 'highlights': ['The MudTub project by Tom Gerhardt uses sensors to measure the weight of mud, allowing the mud to become a controller for interactive experiences, showcasing the unconventional use of physical computing interfaces.', 'The Scrollables project by Filippo Vannucci involves creating an ink effect animation using an algorithm in processing and controlling it through physical paper scrolling, demonstrating the tangible and interactive qualities of physical interfaces.', 'The chapter encourages exploring the exhibition on the Processing website to see historical projects and gain a better understanding of the landscape and potential of Processing for creating interactive experiences.']}], 'duration': 371.777, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/_F_qZBWmjyI/pics/_F_qZBWmjyI758452.jpg', 'highlights': ["Mary Huang's project for creating fashion designs through a generative process using processing, resulting in physically fabricated dresses.", "Rune Mattson's course 'Printing Code' utilizes computation to generate print designs, showcasing the potential of processing in print design applications.", 'Processing is utilized for creating jewelry designs, 3D printing, and potential explorations throughout the presented videos, highlighting its diverse applications.', 'The MudTub project by Tom Gerhardt uses sensors to measure the weight of mud, allowing the mud to become a controller for interactive experiences, showcasing the unconventional use of physical computing interfaces.', 'The Scrollables project by Filippo Vannucci involves creating an ink effect animation using an algorithm in processing and controlling it through physical paper scrolling, demonstrating the tangible and interactive qualities of physical interfaces.', 'The chapter encourages exploring the exhibition on the Processing website to see historical projects and gain a better understanding of the landscape and potential of Processing for creating interactive experiences.']}], 'highlights': ['Processing emphasizes learning fundamental tools of computation rather than the language itself, allowing the concepts to be applied across various programming languages and environments.', 'Processing offers a wide range of examples, including simulations of physics elements, providing users with a diverse set of ideas for potential projects and applications.', 'The ability to change the hue of a color based on mouse movement is demonstrated as an example of what can be achieved with Processing, showcasing its interactive and dynamic capabilities.', 'Processing demonstrates 3D rendering and processing capabilities, including camera techniques, lighting effects, and texture manipulation.', 'The extensibility of Processing is highlighted through the availability of libraries, such as the video library, enabling connections to hardware like cameras and manipulation of image data.', 'The Yahoo Weather Library is used as an example to demonstrate the connection to external data sources, showcasing the ability to retrieve and visualize weather information within a Processing sketch.', 'The processing website offers a wide array of libraries available for use, accessible through the library manager.', 'Beluga project showcased generative visuals responding to the movements of dancers on trampolines, controlled by processing on three separate computers.', "Data visualization from Twitter, created by Jer Thorpe, uses processing to visualize people's flight-related tweets, drawing arc paths from origin to landing locations.", 'The Chronograph project demonstrates the use of processing for large-scale installations through generative, procedural abstract visuals projected onto the building.', "Mary Huang's project for creating fashion designs through a generative process using processing, resulting in physically fabricated dresses.", "Rune Mattson's course 'Printing Code' utilizes computation to generate print designs, showcasing the potential of processing in print design applications.", 'Processing is utilized for creating jewelry designs, 3D printing, and potential explorations throughout the presented videos, highlighting its diverse applications.', 'The MudTub project by Tom Gerhardt uses sensors to measure the weight of mud, allowing the mud to become a controller for interactive experiences, showcasing the unconventional use of physical computing interfaces.', 'The Scrollables project by Filippo Vannucci involves creating an ink effect animation using an algorithm in processing and controlling it through physical paper scrolling, demonstrating the tangible and interactive qualities of physical interfaces.', 'The chapter encourages exploring the exhibition on the Processing website to see historical projects and gain a better understanding of the landscape and potential of Processing for creating interactive experiences.']}