Getting started with the Toxiclibs.js library
Toxiclibs, made by Karsten Schmidt, is probably the most widely used Processing library. It has some really good classes to work with 2D and 3D geometry, physics, colors, audio, and more. In this recipe, we'll take a look at the JavaScript port made by Kyle Philips. You can find out more about Toxiclibs.js at http://haptic-data.com/toxiclibsjs/.
Getting ready
Before we start coding, you need to download the toxiclibs.js library. You can find it on GitHub, at https://github.com/hapticdata/toxiclibsjs/.
Find the toxiclibs.min.js file and place it in the js folder of a new project. The directory structure for this recipe looks like this:
How to do it...
The HTML code for this sketch is very straightforward. It just links the toxiclibs.js and Processing.js libraries, the CSS files we've used throughout this chapter, and a Processing sketch.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Getting...
