modules.md

Modules for Creative Coding

This workshop encourages students to make use of npm modules to build complex and interesting artworks.

If you find a module you want to use, like riso-colors, you can install it from your project folder like so:

npm install riso-colors

Below are some of the modules used in the workshop:

• riso-colors - Risograph color palettes
• paper-colors - paper color palettes
• pack-spheres - for sphere packing

Some other cool modules you might like:

• canvas-sketch-util – utilities for creative coding
• three-tube-wireframe - build volumetric wireframes from a THREE.Geometry
• three-geometry-data - get nested vertex & normal data from a THREE.Geometry
• three-quaternion-from-normal - to orient a mesh toward a normal vector
• load-asset - a utility to load images and other assets with async/await
• nice-color-palettes - a collection of 1000 beautiful color palettes
• chromotome - dozens of hand-picked color palettes
• poisson-disk-sampling - can be used for 2D and 3D object placements
• convex-hull - 2D and 3D convex hull generation
• delaunay-triangulate - 2D and 3D triangulation
• voronoi-diagram - for 2D and 3D voronoi diagrams
• svg-mesh-3d - convert SVG path string to a 3D mesh
• eases - a set of common easing functions
• load-asset - a utility to load images and other assets with async/await
• point-in-polygon - test if 2D point is within a polygon
• gl-matrix - 2D and 3D vector & matrix math utilities
• simplify-path - simplify a 2D polyline path
• chaikin-smooth - smooth a 2D polyline path
• earcut - fast 2D and 3D polygon triangulation
• eases - a set of common easing functions
• bezier-easing - create cubic bezier curve functions

GLSL modules

You can also use modules with GLSL and glslify.

• glsl-noise - noise functions as a GLSL module
• glsl-voronoi-noise - Voronoi noise
• glsl-worley - Worley noise
• glsl-hsl2rgb - HSL to RGB function as a GLSL module