Type: Web-based Tool
Medium: Physics Simulation
Software: P5.js
BOIDS Tool is a parametric, generative engine for exploring emergent flocking behavior in p5.js.
Built on top of Daniel Huang’s original Boids demo, it uses a parameter-driven approach: each agent (“boid”) applies simple local rules every frame: separation, alignment, and cohesion - based solely on its nearest neighbors, producing complex, organic motion without any centralized control.
Built on top of Daniel Huang’s original Boids demo, it uses a parameter-driven approach: each agent (“boid”) applies simple local rules every frame: separation, alignment, and cohesion - based solely on its nearest neighbors, producing complex, organic motion without any centralized control.
Type: Web-based Tool
Medium: Generative Patterns
Software: P5.js / Paper.js
FLAKE is a parametric tool for creating complex symmetrical patterns and generative textures based on vector custom shapes.
Built with p5.js, it uses a grid-based layout and a parameter-driven approach inspired by Signed Distance Function techniques: the distance from each point to the center of a tile is used to control the scale, color, and transformation of shapes across the canvas.
Built with p5.js, it uses a grid-based layout and a parameter-driven approach inspired by Signed Distance Function techniques: the distance from each point to the center of a tile is used to control the scale, color, and transformation of shapes across the canvas.
Type: Web-based Tool
Medium: Typographic Art
Software: P5.js / Paper.js
SAMPL is a feature-rich, generative typography tool that transforms text into dynamic visual compositions by converting glyphs into a set of points sampled from their vector contours. These points serve as anchors for shapes that can be manipulated, animated, and modified in various ways.
Users can choose a font from Google's vast library or seamlessly import any custom fonts on the canvas through drag-and-drop functionality.
Users can choose a font from Google's vast library or seamlessly import any custom fonts on the canvas through drag-and-drop functionality.
Type: Web-based Tool
Medium: Typographic Art
Software: P5.js / Paper.js
TEXTR is a feature-rich web-based creative tool for generating typographic art and animations. It converts user text into vector paths, allowing artists to duplicate and distribute it as words or individual letters across the canvas with extensive transformation controls.
Users can choose a font from Google's vast library or seamlessly import any custom fonts on the canvas through drag-and-drop functionality.
Users can choose a font from Google's vast library or seamlessly import any custom fonts on the canvas through drag-and-drop functionality.
Type: Web-based Tool
Medium: Generative Art
Software: P5.js / Paper.js
SPLITX is a versatile web-based tool for creating generative graphics and animations, designed to transform built-in vector shapes or custom SVG graphics into dynamic compositions.
At its core, SPLITX provides tools for users to manipulate vector shapes through duplication, offsetting, scaling, rotation, and other modifications driven by noise and trigonometric function algorithms to animate the transformation of the vector shape on the canvas.
One of its key features is the ability to load custom vector shapes in SVG format simply by dragging the file onto the canvas.
At its core, SPLITX provides tools for users to manipulate vector shapes through duplication, offsetting, scaling, rotation, and other modifications driven by noise and trigonometric function algorithms to animate the transformation of the vector shape on the canvas.
One of its key features is the ability to load custom vector shapes in SVG format simply by dragging the file onto the canvas.