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

3 Deutche Bank Media Wall [Universal Everything]

4 VA For Ever [Universal Everything]

5 “unnamed soundsculpture” by Daniel Franke & Cedric Kiefer / Kinect 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:

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 processing processing All of the previous examples are possible in Processing with the help of toxiclib oads/ oads/

9 ToxicJS 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 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

11 Resources 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