36
Digital inspiration Creative coding and special displays

Digital Inspiration #2 - Creative Coding

Embed Size (px)

DESCRIPTION

A number of examples of creative coding using openframeworks and processing to create visual experiences of various kinds.

Citation preview

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