Shaping ideas into stunning digital experiences using AI tools
Generative Graphics (g2) experiments.
A living lab of UX and AI experiments in generative graphics. Testing, breaking, and reimagining visuals through code.
A lot of these experiments are brand new and built using Cursor and Antigravity, while quiet a few of these are my old code written in Processing and now I converted them to p5.js.
Note: These experiments are my design studies in generative graphics. Do not expect them to be perfect in anyway. The idea is to make something creative and explore how far can we push the limits by combining human imagination with AI.
Contour Fonts
This experiment creates a 3D contour effect on text by manipulating horizontal lines. The text is rendered with a painter's algorithm style, creating depth and visual interest through distortion and contour effects.
Particle Repulsion
Use your laptop camera to detect hand gestures and create particle repulsion effects. Move your hand in front of the camera to push particles away, creating dynamic fluid-like interactions with real-time hand skeleton tracking.
Blob Grid
This experiment creates a grid pattern using circular arcs and lines. Each cell in the grid randomly displays one of two arc patterns, creating an organic, flowing design.
Gradient Lines
This experiment creates flowing patterns using particles that follow Perlin noise flow fields. Particles start at the bottom of the canvas and move upward, creating organic, gradient-like patterns.
Grid Designer
Generate intricate grid patterns using lines and arcs. Each cell follows a rule that combines straight lines with curved arcs, creating sophisticated geometric designs.
Urban Linescape
Generate organic pattern that resembled a city layout or an urban architecture. Lines start from the edges of the canvas and grow inward, sampling colors from your image to create a unique visual representation.
Max Bill Experiment
This experiment recreates and extends Max Bill's iconic spiral painting. It generates two intertwined spirals that expand and contract from the center, creating dynamic geometric patterns.
Max Bill: OhneTitel
This experiment recreates Max Bill's "OhneTitel" composition, featuring multiple nested squares that create dynamic patterns through color cycling and continuous rotation.
Bridget Riley : Blaze
This experiment recreates Bridget Riley's iconic "Blaze" series from 1962, which exemplifies the Op Art movement through dynamic optical illusions. The original work features concentric circles composed of black zigzag lines that create a pulsating effect, giving the illusion of movement and depth.
Merging Curves
This experiment divides the canvas into multiple rectangular and square shapes, then fills each shape with nested concave curves. The curves create organic, flowing patterns that merge and flow across the divided canvas.