1 / 11

Procedural Design & Toxiclibs.JS

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 algorithmic functions are used to create a combination of random and predefined media outcomes

kamil
Download Presentation

Procedural Design & Toxiclibs.JS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

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_Design

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

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

  5. “unnamedsoundsculpture” 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/

  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 reelhttp://benfry.com/writing/archives/category/processing • All ofthepreviousexamplesarepossible in Processing withthehelpoftoxiclib • http://hg.postspectacular.com/toxiclibs/downloads/

  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.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.

  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/toxiclibs

More Related