Presentation is loading. Please wait.

Presentation is loading. Please wait.

Procedural Design & Toxiclibs.JS. Real World Procedural Design Procedural design is art or design created from code. It is a form of generative art where.

Similar presentations


Presentation on theme: "Procedural Design & Toxiclibs.JS. Real World Procedural Design Procedural design is art or design created from code. It is a form of generative art where."— Presentation transcript:

1 Procedural Design & Toxiclibs.JS

2 Real World Procedural Design Procedural design is art or design created from code. It is a form of generative art where algorithmic functions are used to create a combination of random and predefined media outcomes Learning procedural design can be confusing and hard work with problem solving being the biggest issue. So its important to see some real world examples of procedural design in action. http://wikis.lib.ncsu.edu/index.php/Procedural_D esign http://wikis.lib.ncsu.edu/index.php/Procedural_D esign

3 Deutche Bank Media Wall [Universal Everything] http://mediatectureblog.com/inspiration/deutsche-bank-media-wall

4 VA For Ever [Universal Everything] http://universaleverything.com/276

5 “unnamed soundsculpture” by Daniel Franke & Cedric Kiefer / Kinect http://www.creativeapplications.net/processing/unnamed-soundsculpture-by-daniel- franke-cedric-kiefer-kinect-processing/

6 Extending Processing Processing is designed to be simple It can quickly become limiting with the basic in built features Processing is also designed to be extended with libraries (or libs) A list of libs can be found here: http://processing.org/reference/libraries/ http://processing.org/reference/libraries/

7 Libraries Adding a lib is easy libraries must be installed in a folder named 'libraries' inside the 'sketchbook' folder. Import the lib: import toxi.math.waves.*;

8 Toxiclibs Show reel http://benfry.com/writing/archives/category/ processing http://benfry.com/writing/archives/category/ processing All of the previous examples are possible in Processing with the help of toxiclib http://hg.postspectacular.com/toxiclibs/downl oads/ http://hg.postspectacular.com/toxiclibs/downl oads/

9 ToxicJS http://haptic-data.com/toxiclibsjs/ Toxiclibs.js is an open-source computational design library ported to javascript by Kyle Phillips originally written by Karsten Schmidt for Java and Processing. Examples of the original library can be found at http://toxiclibs.orgKyle PhillipsKarsten Schmidt Processinghttp://toxiclibs.org Toxiclibs.js works great with Canvas, with SVG or any ordinary DOM element. Examples below pair with such fine libraries as: Processing.js, Three.js, or Raphael.js for SVG.Processing.jsThree.jsRaphael.js

10 ProcessingJS & ToxicJS Examples http://haptic-data.com/toxiclibsjs/

11 Resources http://toxiclibs.org/2011/05/tutorials-galore/ https://github.com/shiffman/The-Nature-of- Code/tree/master/chp5_physicslibraries/toxicl ibs https://github.com/shiffman/The-Nature-of- Code/tree/master/chp5_physicslibraries/toxicl ibs


Download ppt "Procedural Design & Toxiclibs.JS. Real World Procedural Design Procedural design is art or design created from code. It is a form of generative art where."

Similar presentations


Ads by Google