^{📕 workshop-webgl-glsl → Modules for Creative Coding}

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:

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

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

^{← Back to README}