Top Banner
Digital inspiration Creative coding and special displays
36

Digital Inspiration #2 - Creative Coding

May 16, 2015

Download

Technology

Erik Arvedson

A number of examples of creative coding using openframeworks and processing to create visual experiences of various kinds.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Digital Inspiration #2 - Creative Coding

Digital inspiration

Creative coding and special displays

Page 2: Digital Inspiration #2 - Creative Coding

Open frameworks

Page 3: Digital Inspiration #2 - Creative Coding

A c++ library designed to assist the creative process by providing a simple and intuitive framework for experimentation.

Page 4: Digital Inspiration #2 - Creative Coding

Simply put, openFrameworks is a tool that makes it much easier to make custom visual things via code.

Page 5: Digital Inspiration #2 - Creative Coding

Visualising data

Page 6: Digital Inspiration #2 - Creative Coding

Nike+ Paint With Your Feet by YesYesNo http://yesyesno.com/nike-collab-paint

Page 7: Digital Inspiration #2 - Creative Coding

For the launch of the Nike Free Run+ 2 City Pack series, runners were invited to create dynamic paintings with their feet using their Nike+ GPS run data.

Page 8: Digital Inspiration #2 - Creative Coding
Page 9: Digital Inspiration #2 - Creative Coding
Page 10: Digital Inspiration #2 - Creative Coding

Using custom software, the run data is turned into a visual piece of art.

Page 11: Digital Inspiration #2 - Creative Coding
Page 12: Digital Inspiration #2 - Creative Coding
Page 13: Digital Inspiration #2 - Creative Coding
Page 14: Digital Inspiration #2 - Creative Coding

The runner's name, the distance they ran and their run path was laser etched onto a custom fabricated shoe box.

Page 15: Digital Inspiration #2 - Creative Coding
Page 16: Digital Inspiration #2 - Creative Coding
Page 17: Digital Inspiration #2 - Creative Coding

Analysing video

Page 18: Digital Inspiration #2 - Creative Coding

OpenFrameworks is also very powerful for analysing video data, which can then be used to modify the image or to control other things. Microsoft Kinect adds a depth dimension to the video which opens up a lot of possibilities.

Page 19: Digital Inspiration #2 - Creative Coding
Page 20: Digital Inspiration #2 - Creative Coding

Kinect Dance Shoot by Mike Heavers https://vimeo.com/49045688

Page 21: Digital Inspiration #2 - Creative Coding

Kinect + PrimeSense + GLSL Shaders by Ben Gotow https://vimeo.com/22830954

Page 22: Digital Inspiration #2 - Creative Coding

Puppet Parade by Design I/O https://vimeo.com/34824490

Page 23: Digital Inspiration #2 - Creative Coding
Page 24: Digital Inspiration #2 - Creative Coding

Physical displays

Page 25: Digital Inspiration #2 - Creative Coding

A display is basically just a grid of pixels. Pixels can be made out of anything: light, water, wood, …

Page 26: Digital Inspiration #2 - Creative Coding

Scattered Light by Jim Campbell https://vimeo.com/19020575

Page 27: Digital Inspiration #2 - Creative Coding

Bit.Fall by Julius Popp https://vimeo.com/16166852

Page 28: Digital Inspiration #2 - Creative Coding

Weave Mirror by Daniel Rozin https://vimeo.com/7067089

Page 29: Digital Inspiration #2 - Creative Coding

Electromagnet Dot Display for TNT's "Perception” by Breakfast http://www.youtube.com/watch?v=x3jkoIyJgoc

Page 30: Digital Inspiration #2 - Creative Coding

Proejction mapping

Page 31: Digital Inspiration #2 - Creative Coding

A display doesn’t have to be flat - it can take any form.

Page 32: Digital Inspiration #2 - Creative Coding

Sony Realtime Projection Mapping by Marshmallow Laser Feast https://vimeo.com/34021153

Page 33: Digital Inspiration #2 - Creative Coding

Eels 3D by b-reel https://vimeo.com/31952864

Page 34: Digital Inspiration #2 - Creative Coding

Bonus stuff

Page 35: Digital Inspiration #2 - Creative Coding

Life of George by Hello Monday for Lego http://www.youtube.com/watch?v=1DHZwSOVKBY

Page 36: Digital Inspiration #2 - Creative Coding

Eyewriter https://vimeo.com/6376466