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.
Type: Web-based Tool
Medium: Generative Art
Software: P5.js / JavaScript
BLUUR is a versatile web tool designed to generate abstract graphics and animations. It allows you to work with both built-in geometric shapes and custom SVGs, offering adjustable blur effects, GLSL-powered grainy noise textures, multiple blending modes, and the option to use either custom color palettes or procedurally generated gradients.
The main concept of the tool’s visualization is to create the illusion of shapes merging into one another through varying levels of blur. This dynamic blending is further enriched by each shape's color shifting throughout the animation cycle, based on a procedurally generated color palette.
The main concept of the tool’s visualization is to create the illusion of shapes merging into one another through varying levels of blur. This dynamic blending is further enriched by each shape's color shifting throughout the animation cycle, based on a procedurally generated color palette.