Generative Art Codes
Paper.js sketches and interaction experiments collected as visual examples.
Animation
Control animation with Paper.js code.
Colored lines goes around
Colored lines goes around v4
Circles with shadow
Jumping lines
Spinner
Spinner v2
Jellyfish
Jellyfish 2 - more flexible
Hypnoses Spin
Inverted hypnoses spin
Jumping lines v2
Spirograph movement with copies
Huawei Watch animation blob
Colored sunflower pattern
Move path to random point - normalized speed
Step animation following point
Dash circle animation
Dash circle animation with gradient
Sold objects with colored background
Animated Spirograph Star
Simple star sky, remove after delay
Colored circles dance
Animated objects group
Animated circles around center with blend mode
Analogue clock by PaperJS
Import SVG and animate
Rainbow infinity sign animation
Rainbow infinity sign animated v2
Rainbow infinity sign animated, backwards
Animated circles grid
Spirograph
Spirograph v2
Spirograph v3
Spirograph v4
Spirograph v5
Spirograph v6
Spirograph v7
Ferris wheel
Ferris wheel v2
Spirograph star
Colored flower
Random curves animated
Heart gradient animation
Animated circles from the center to outside
Animated circles from the center to outside
Animated circles from the center to outside v2
Rainbow circles animation
Wave
Wave path
Cone sin wave
Digits made of circles
Rainbow drawing sin wave
Colored Arcs Array
Bouncing ball
Sunflower animation
Animated circles from the center to outside
Animated circles
Hexagons
Smart assistant animation
Animated circles from the center to outside
Animated circles from the center to outside v2
Animated circles from the center to outside v3
Animated circles from the center to outside v4
Animated circles from the center to outside v5
Purple rect grid circles animation wave
Spinner v3
Spinner v4
Spinner v5
Spinner v6
Hand fan
Non-linear animation
Infinite Sign by Circles
Cursor
Mouse and pointer interactions.
Lightsaber
Rainbow drawing
Rainbow drawing sin
Animated cursor size & color based on moving speed
Drawing with time func
Color drops when mouse is moved
Laser cursor
Right way to move objects
Shadow control
Array rotated to mouse move
Rainbow rotated to mouse move
Rainbow circles follows cursor
Rotate around circle
Path handles control
Drag to update animation
Color HUE of objects animated on distance
Draw vector curves, find closer path
Vector drawing tool
Select object and move it, change cursor type
Cursor Move with Delta
Worm cursor
Calculate angle
Curve move to attach segment
3 chars animation
Array of objects animation on click
getDistance
HitResults
Circle inside circle boundaries
Scroll to Zoom
Animation drawing strokes
Collision detection
Ball as Class with reaction function
Nearest Point
Modify pattern by moving points
Wiggle drawing
Select path segment on click
Draw rects and circles
Follow the cursor
Path
Creative vector and path experiments.
Circle made of points
Lines made of points
Pacman
Flower pattern
Circles pattern
Dash by lines
Quick Squircle
Fake blur
Sunflower
Circles Pattern Hole Center
Circles Sin Radius
Circles Sin Radius
Circles Pattern Hole in Center
Spiral
Color linear interpolation
Rainbow along the path, hue
Colored pie chart
Triangular Mesh
Rotate copies around center by using Math.PI
