SteevePommier
Theme
Menu background
Background pattern
Reveal
Reveal size 10
Density 50
Colour
Menu position
Analytics

Motion291

Generative sketches, kinetic type and shader studies. Made in p5.js and GLSL, all running in real time in the browser with editable parameters 🤓

Thumbnails

Rings 10

Iridescent tori seen from inside the circuit, one filling the frame as the camera threads it, on black.
Rings v1 — Flythrough
Iridescent tubes wrapping glyph outlines, one letter open in the distance as another sweeps past the camera, on black.
Rings v2 — Letters
A single glyph drawn as an iridescent tube, held still at the centre of a black frame.
Rings v3 — Letter orbit
A glyph of iridescent liquid tube caught between two letters, on black.
Rings v4 — Letter morph
Glyph rings scattered through a dark three-dimensional cloud, the camera's path passing through them.
Rings v5 — Constellation
A glyph of iridescent tube stretched out of shape by dragged handles, on black.
Rings v6 — Letter sculpt
Drawn cursors gripping the handles of an iridescent glyph and pulling them outward, on black.
Rings v7 — Hyper interactive
Cursors caught mid-conversion between two words written in iridescent tube, on black.
Rings v8 — Morph
A cursor stretching one point of an iridescent word out towards the canvas edge before releasing it, on black.
Rings v9 — Flick reveal
A ring formation of drawn cursors sweeping over an iridescent word without touching it, on black.
Rings v10 — Magnetic fly-by

Photo trail 02

Still frame of Photo trail v1.
Photo trail v1
Still frame of Photo trail v2 — Echo.
Photo trail v2 — Echo

Photo segmentation 02

Still frame of Photo segmentation v1 — Mask.
Photo segmentation v1 — Mask
Still frame of Photo segmentation v2 — Noise reveal.
Photo segmentation v2 — Noise reveal

Photo 21

Still frame of Dominant colors block switch.
Dominant colors block switch
Still frame of Photo — 3d cylinder.
Photo — 3d cylinder
Still frame of Photo — 3d sphere.
Photo — 3d sphere
Still frame of Photo — Ballons collision.
Photo — Ballons collision
Still frame of Photo — Balloons.
Photo — Balloons
Still frame of Photo — Dice.
Photo — Dice
Still frame of Photo — Exif.
Photo — Exif
Still frame of Photo — Grid.
Photo — Grid
Still frame of Photo — Grid with blurry photo as background.
Photo — Grid with blurry photo as background
Still frame of Photo — Grid with photo switch overlay.
Photo — Grid with photo switch overlay
Still frame of Photo — In arc.
Photo — In arc
Still frame of Photo — In circle.
Photo — In circle
Still frame of Photo — Stack.
Photo — Stack
Still frame of Photo — Stack top bottom.
Photo — Stack top bottom
Still frame of Photo — Switch.
Photo — Switch
Still frame of Photo — Switch blurry background.
Photo — Switch blurry background
Still frame of Photo — Switch letter mask.
Photo — Switch letter mask
Still frame of Photo — Switch tiles.
Photo — Switch tiles
Still frame of Photo — Unzoom bounce.
Photo — Unzoom bounce
Still frame of Photo — Zoom point.
Photo — Zoom point
Still frame of Photo — Swap collage.
Photo — Swap collage

Flowers shaders 05

Layered petals built from hundreds of fused discs, shaded like an oil slick, on black.
Flowers shaders v1 — Melted
A bundle of solid iridescent pipes winding helically around a vertical axis, on black.
Flowers shaders v2 — Pipes
Iridescent tubes grown one per finger, following a hand held in front of the camera, on black.
Flowers shaders v3 — Hand pipes
Glossy spheres falling down the axis of an iridescent pipe funnel, the pipes bulging around them.
Flowers shaders v4 — Pearls
Glossy spheres corkscrewing around the outside of an iridescent pipe funnel, printing a spiral wave onto it.
Flowers shaders v5 — Orbit pearls

Braid 06

Iridescent tubes entering loose at one end and plaiting into a tight rope at the other, on black.
Braid v1 — Progressive
A plain-weave mesh of iridescent wires, straight below the weaving line and crimped over-under above it, on black.
Braid v2 — Wire mesh
Dense chainmail of interlocking iridescent rings filling the frame, each row tilted against the next, on black.
Braid v3 — Chainmail
A closed rope ring, cable-laid from iridescent strands, floating on black.
Braid v4 — Torus knot
A Turk's head knot: iridescent rope woven over and under around a ring, on black.
Braid v5 — Turk's head
A Turk's head knot bent out of round, its woven rope following a hand-moved spline, on black.
Braid v6 — Interactive ring

ASCII pulse 01

Still frame of ASCII pulse v1 — Komputery.
ASCII pulse v1 — Komputery

Physics type 01

Still frame of Physics type v1 — Letter drop.
Physics type v1 — Letter drop

Shader loops 01

A full-frame kaleidoscope of rainbow bands radiating from a small flower at the centre.
Shader loops v1 — Hypnotic

Dragon corridor 03

The Three.js port: the same iridescent snake flying down a dark square corridor.
Dragon corridor v1 (Three.js)
An iridescent snake of fused tubes flying down a dark corridor lit by magenta edge lines.
Dragon corridor v1
The iridescent snake lining itself up with a hole in a plate blocking the dark corridor.
Dragon corridor v2 — Threading the needle

36 Days of Type 2023 09

Still frame of 36 Days of Type 2023 0.
36 Days of Type 2023 0
Still frame of 36 Days of Type 2023 1.
36 Days of Type 2023 1
Still frame of 36 Days of Type 2023 2.
36 Days of Type 2023 2
Still frame of 36 Days of Type 2023 3.
36 Days of Type 2023 3
Still frame of 36 Days of Type 2023 4.
36 Days of Type 2023 4
Still frame of 36 Days of Type 2023 5.
36 Days of Type 2023 5
Still frame of 36 Days of Type 2023 6.
36 Days of Type 2023 6
Still frame of 36 Days of Type 2023 7.
36 Days of Type 2023 7
Still frame of 36 Days of Type 2023 8.
36 Days of Type 2023 8

Animated text points 12

Still frame of Animated text points v0 — Flower.
Animated text points v0 — Flower
Still frame of Animated text points v1 — Grid.
Animated text points v1 — Grid
Still frame of Animated text points v2 — Dotted.
Animated text points v2 — Dotted
Still frame of Animated text points v3 — Glitch.
Animated text points v3 — Glitch
Still frame of Animated text points v4 — Wavy a.
Animated text points v4 — Wavy a
Still frame of Animated text points v5 — Wavy b.
Animated text points v5 — Wavy b
Still frame of Animated text points v6 — Black.
Animated text points v6 — Black
Still frame of Animated text points v7 — Normal material.
Animated text points v7 — Normal material
Still frame of Animated text points v9 — Warping.
Animated text points v9 — Warping
Still frame of Animated text points v10 — Asterisk.
Animated text points v10 — Asterisk
Still frame of Animated text points v12 — Counter.
Animated text points v12 — Counter
Still frame of Animated text points v12 — More warping.
Animated text points v12 — More warping

Audio 06

Still frame of Audio — Features.
Audio — Features
Still frame of Hand theremin.
Hand theremin
Still frame of Motion foley.
Motion foley
Still frame of Ping pong.
Ping pong
Still frame of Voice portrait.
Voice portrait
Still frame of Wavetable v1.
Wavetable v1

Background 04

Still frame of Background — Crosses.
Background — Crosses
Still frame of Background — Dots.
Background — Dots
Still frame of Background — Grid.
Background — Grid
Still frame of Background — Lines.
Background — Lines

Sketches 03

Still frame of Censored v9 — Wave.
Censored v9 — Wave
Still frame of Mask v1.
Mask v1
Still frame of Neon graffiti.
Neon graffiti

Churros 13

Still frame of Churros v1 — Circle.
Churros v1 — Circle
Still frame of Churros v2 — String.
Churros v2 — String
Still frame of Churros v3 — Loop.
Churros v3 — Loop
Still frame of Churros v4 — Line.
Churros v4 — Line
Still frame of Churros v5 — Serpent.
Churros v5 — Serpent
Still frame of Churros v6 — Scarf.
Churros v6 — Scarf
Still frame of Churros v7 — Pasta.
Churros v7 — Pasta
Still frame of Churros v8 — Pasta guided.
Churros v8 — Pasta guided
Still frame of Churros v9 — Pasta fixer.
Churros v9 — Pasta fixer
Still frame of Churros v9 — Pasta rgb fixer.
Churros v9 — Pasta rgb fixer
Still frame of Churros v9 — Pasta scanner.
Churros v9 — Pasta scanner
Still frame of Churros v10 — Tracer.
Churros v10 — Tracer
Still frame of Churros v11 — Perspective.
Churros v11 — Perspective

Face capture 01

Still frame of Face mesh v1.
Face mesh v1

Flowers 06

Still frame of Flowers v0 — Turbine.
Flowers v0 — Turbine
Still frame of Flowers v1 — Recursive.
Flowers v1 — Recursive
Still frame of Flowers v2 — Triple.
Flowers v2 — Triple
Still frame of Flowers v3 — Petals flapping.
Flowers v3 — Petals flapping
Still frame of Flowers v4 — Easing curves.
Flowers v4 — Easing curves
Still frame of Flowers v5 — Spiral.
Flowers v5 — Spiral

Hand capture 16

Still frame of Hand tracking v0 — Move.
Hand tracking v0 — Move
Still frame of Hand tracking v1 — Attract.
Hand tracking v1 — Attract
Still frame of Hand tracking v2 — Repulse.
Hand tracking v2 — Repulse
Still frame of Hand tracking v3 — Restore.
Hand tracking v3 — Restore
Still frame of Hand tracking v4 — Text.
Hand tracking v4 — Text
Still frame of Hand tracking v5 — Catch.
Hand tracking v5 — Catch
Still frame of Hand tracking v6 — Slice.
Hand tracking v6 — Slice
Still frame of Hand tracking v7 — Echo.
Hand tracking v7 — Echo
Still frame of Hand tracking v8 — Growing.
Hand tracking v8 — Growing
Still frame of Hand tracking v9 — Smear.
Hand tracking v9 — Smear
Still frame of Hand tracking v10 — Finger echo.
Hand tracking v10 — Finger echo
Still frame of Hand tracking v11 — Hand cutout.
Hand tracking v11 — Hand cutout
Still frame of Hand tracking v12 — Mosaic.
Hand tracking v12 — Mosaic
Still frame of Hand tracking v13 — Point cloud.
Hand tracking v13 — Point cloud
A grid of opaque cells over a webcam feed, wiped open into a white-outlined hole where hands have passed.
Hand tracking v14 — Reveal
Still frame of Hand tracking v15 — Puppet type.
Hand tracking v15 — Puppet type

Text 06

Still frame of Hello world.
Hello world
Still frame of Text — Animated points.
Text — Animated points
Still frame of Text — Animation typein typeout.
Text — Animation typein typeout
Still frame of Text — Dice.
Text — Dice
Still frame of Text — Layered spline.
Text — Layered spline
Still frame of Text — Mask with noise strips.
Text — Mask with noise strips

Kinetic 03

Still frame of Kinetic — Grid spheres.
Kinetic — Grid spheres
Still frame of Kinetic — Letters.
Kinetic — Letters
Still frame of Kinetic — Plane.
Kinetic — Plane

Letter grid 04

Still frame of Letter grid v1 — Spell.
Letter grid v1 — Spell
Still frame of Letter grid v2 — Extrude.
Letter grid v2 — Extrude
Still frame of Letter grid v3 — Leap.
Letter grid v3 — Leap
Still frame of Letter grid v4 — Trail.
Letter grid v4 — Trail

Letter trace 03

Still frame of Letter trace v0 — Scribe.
Letter trace v0 — Scribe
Still frame of Letter trace v1 — Reveal.
Letter trace v1 — Reveal
Still frame of Letter trace v2 — Current.
Letter trace v2 — Current

Metaballs 04

Still frame of Metaballs v1 — Field.
Metaballs v1 — Field
Still frame of Metaballs v2 — Marching squares.
Metaballs v2 — Marching squares
Still frame of Metaballs v3 — Blobs.
Metaballs v3 — Blobs
Still frame of Metaballs v4 — Contours.
Metaballs v4 — Contours

Neon 07

Still frame of Neon v0 — Legacy.
Neon v0 — Legacy
Still frame of Neon v1 — Graffiti.
Neon v1 — Graffiti
Still frame of Neon v2 — Polar.
Neon v2 — Polar
Still frame of Neon v3 — Can.
Neon v3 — Can
Still frame of Neon v4 — Dots.
Neon v4 — Dots
Still frame of Neon v5 — Atoms.
Neon v5 — Atoms
Still frame of Neon v6 — Sticks offset.
Neon v6 — Sticks offset

Noise grid 12

A grid of coloured dots pushed off their cell centres by a noise field, on black.
Noise grid v1 — Basic
A grid of noise-driven dots whose sizes swell and shrink along an easing curve, on black.
Noise grid v2 — Eased
Still frame of Noise grid v3 — Basic with holes.
Noise grid v3 — Basic with holes
Still frame of Noise grid v4 — Pulse.
Noise grid v4 — Pulse
A field of short rotated sticks aligned to a noise flow, overlapping into currents, on black.
Noise grid v5 — Stick
A dot field growing outward from the centre and faded away by a noise-modulated wave edge, on black.
Noise grid v6 — Distance check
A dot field swollen by a bass-like pulse, the dots overlapping into blobs, on black.
Noise grid v7 — Pulse field
Dots blown far past their cells by an unclamped easing curve, stacking into canvas-filling discs, on black.
Noise grid v8 — Pulse easing
Still frame of Noise grid v9 — Drifting.
Noise grid v9 — Drifting
Sticks of breathing length aligned to a noise flow, their hue snapping through an overshooting curve, on black.
Noise grid v10 — Variable stick
A rotating field of noise-driven dots, the whole grid turning as it flows, on black.
Noise grid v11 — Rotation
Glowing orange and cyan contours dissolving into a fine dot grid on black, like a field seen through heat.
Noise grid v12 — Field on fire

Noise lines 02

Still frame of Noise lines — Circle.
Noise lines — Circle
Still frame of Noise lines — Circle colored.
Noise lines — Circle colored

Noise strips 03

Still frame of Noise strips v1.
Noise strips v1
Still frame of Noise strips v2.
Noise strips v2
Still frame of Noise strips v3 — Lava.
Noise strips v3 — Lava

Peaks shaders 02

A dense radial burst of dotted spikes in rainbow colours, converging on the centre of a black frame.
Peaks shaders — Cone
An ellipsoid covered in noise-driven dotted spikes, a rainbow sea urchin on black.
Peaks shaders — Sphere

Peaks 06

Still frame of Peaks — Cylinder.
Peaks — Cylinder
Still frame of Peaks — Grid.
Peaks — Grid
Still frame of Peaks — Grid new colors.
Peaks — Grid new colors
Still frame of Peaks — Plane.
Peaks — Plane
Still frame of Peaks — Sphere.
Peaks — Sphere
Still frame of Peaks — Tunnel.
Peaks — Tunnel

Pulse 23

Still frame of Pulse v1 — Guts.
Pulse v1 — Guts
Still frame of Pulse v2 — Kraken.
Pulse v2 — Kraken
Still frame of Pulse v3 — Asterix.
Pulse v3 — Asterix
Still frame of Pulse v4 — Trinity.
Pulse v4 — Trinity
Still frame of Pulse v5 — Flower.
Pulse v5 — Flower
Still frame of Pulse v6 — Sonar.
Pulse v6 — Sonar
Still frame of Pulse v7 — Scan.
Pulse v7 — Scan
Still frame of Pulse v7 — Scan asterix.
Pulse v7 — Scan asterix
Still frame of Pulse v7 — Scan bar.
Pulse v7 — Scan bar
Still frame of Pulse v7 — Scan churros.
Pulse v7 — Scan churros
Still frame of Pulse v7 — Scan folding.
Pulse v7 — Scan folding
Still frame of Pulse v7 — Scan up down.
Pulse v7 — Scan up down
Still frame of Pulse v7 — Torsade.
Pulse v7 — Torsade
Still frame of Pulse v7 — Turbine.
Pulse v7 — Turbine
Still frame of Pulse v7 — Turbine butterfly.
Pulse v7 — Turbine butterfly
Still frame of Pulse v7 — Turbine eccentric.
Pulse v7 — Turbine eccentric
Still frame of Pulse v7 — Turbine eccentric squid.
Pulse v7 — Turbine eccentric squid
Still frame of Pulse v7 — Turbine flower.
Pulse v7 — Turbine flower
Still frame of Pulse v7 — Turbine grid.
Pulse v7 — Turbine grid
Still frame of Pulse v7 — Turbines familly.
Pulse v7 — Turbines familly
Still frame of Pulse v8 — Mirror.
Pulse v8 — Mirror
Still frame of Pulse v8 — Quadra.
Pulse v8 — Quadra
Still frame of Pulse v9 — Curtain.
Pulse v9 — Curtain

Ribbons 17

Still frame of Ribbons v1 — Invisible walls purple.
Ribbons v1 — Invisible walls purple
Still frame of Ribbons v1 — Invisible walls rainbow.
Ribbons v1 — Invisible walls rainbow
Still frame of Ribbons v2 — Circle.
Ribbons v2 — Circle
Still frame of Ribbons v3 — Caterpillar circle.
Ribbons v3 — Caterpillar circle
Still frame of Ribbons v3 — Caterpillar up down.
Ribbons v3 — Caterpillar up down
Still frame of Ribbons v4 — Petals.
Ribbons v4 — Petals
Still frame of Ribbons v5 — Flower.
Ribbons v5 — Flower
Still frame of Ribbons v6 — Flower dotted.
Ribbons v6 — Flower dotted
Still frame of Ribbons v7 — Travelling flower abrubt.
Ribbons v7 — Travelling flower abrubt
Still frame of Ribbons v8 — Globule.
Ribbons v8 — Globule
Still frame of Ribbons v9 — Atom.
Ribbons v9 — Atom
Still frame of Ribbons v10 — Blurry flower.
Ribbons v10 — Blurry flower
Still frame of Ribbons v11.
Ribbons v11
Still frame of Ribbons v12.
Ribbons v12
Still frame of Ribbons v13.
Ribbons v13
Still frame of Ribbons v14.
Ribbons v14
Still frame of Ribbons v15 — Gold.
Ribbons v15 — Gold

Semaphore 02

Still frame of Semaphore v0 — Dots.
Semaphore v0 — Dots
Still frame of Semaphore v1 — Lines.
Semaphore v1 — Lines

Signals 06

Still frame of Signals 01 — Serpent.
Signals 01 — Serpent
Columns of iridescent pipes twisting on a black Signals card, with its frame and specification lines.
Signals 02 — Braid
Columns of finely striped molten strands spiralling down a black Signals card, with its frame and specification lines.
Signals 03 — Torsade
Still frame of Signals 04 — Decode.
Signals 04 — Decode
Still frame of Signals 05 — Field.
Signals 05 — Field
Still frame of Signals 06 — Scribe.
Signals 06 — Scribe

Spline text 02

Still frame of Spline text v0 — Scribe.
Spline text v0 — Scribe
Still frame of Spline text v1 — Saccade.
Spline text v1 — Saccade

Splines 03

Still frame of Splines v0 — Chaikin.
Splines v0 — Chaikin
Still frame of Splines v1 — Interactive.
Splines v1 — Interactive
Still frame of Splines v2 — Draggable.
Splines v2 — Draggable

Text morphing 06

Still frame of Text morphing — Capitalize.
Text morphing — Capitalize
Still frame of Text morphing — Depth.
Text morphing — Depth
Still frame of Text morphing — Depth clock.
Text morphing — Depth clock
Still frame of Text morphing — Depth rising.
Text morphing — Depth rising
Still frame of Text morphing — Reveal.
Text morphing — Reveal
Still frame of Text morphing — Rotating scene.
Text morphing — Rotating scene

Text morphing mask 02

Still frame of Text morphing iris mask.
Text morphing iris mask
Still frame of Text morphing letter mask.
Text morphing letter mask

Torsade 15

Still frame of Torsade — Juggle.
Torsade — Juggle
Still frame of Torsade v0.
Torsade v0
Still frame of Torsade v1 — Unmelted.
Torsade v1 — Unmelted
Still frame of Torsade v2 — Chain.
Torsade v2 — Chain
Still frame of Torsade v3 — Leaping over.
Torsade v3 — Leaping over
Still frame of Torsade v4 — Calm.
Torsade v4 — Calm
Still frame of Torsade v5 — Flag.
Torsade v5 — Flag
Still frame of Torsade v6 — Horn.
Torsade v6 — Horn
A grid of molten double strands, thick fused ribbons shaded like soap film, on black.
Torsade v7 — Melted
Still frame of Torsade v8 — Chain.
Torsade v8 — Chain
Still frame of Torsade v9 — Dna spiral.
Torsade v9 — Dna spiral
Still frame of Torsade v10 — Rabbit hole.
Torsade v10 — Rabbit hole
Still frame of Torsade v11 — Infinite.
Torsade v11 — Infinite
Still frame of Torsade v12 — Gradient worms.
Torsade v12 — Gradient worms
Still frame of Torsade v13 — Medusa.
Torsade v13 — Medusa

Torsade shaders 03

Molten iridescent double strands winding down the frame in a regular grid, on black.
Torsade shaders v1 — Melted
A deep tunnel of concentric rings of coloured dots, leaning off-axis as it recedes, on black.
Torsade shaders v2 — Rabbit hole
A radial cluster of rounded iridescent tentacles spreading from the centre over faint concentric circles, on black.
Torsade shaders v3 — Medusa

Trace vectors 21

Still frame of Trace vectors — Sf height.
Trace vectors — Sf height
Still frame of Trace vectors — Sf height 2.
Trace vectors — Sf height 2
Still frame of Trace vectors v1 — Infinite.
Trace vectors v1 — Infinite
Still frame of Trace vectors v2 — Circle.
Trace vectors v2 — Circle
Still frame of Trace vectors v3 — Oscillation.
Trace vectors v3 — Oscillation
Still frame of Trace vectors v4 — Sample factor.
Trace vectors v4 — Sample factor
Still frame of Trace vectors v5 — Sample factor wave.
Trace vectors v5 — Sample factor wave
Still frame of Trace vectors v6 — Rainbow curves.
Trace vectors v6 — Rainbow curves
Still frame of Trace vectors v7 — Abc.
Trace vectors v7 — Abc
Still frame of Trace vectors v7 — Shiny.
Trace vectors v7 — Shiny
Still frame of Trace vectors v8 — 123 grid.
Trace vectors v8 — 123 grid
Still frame of Trace vectors v8 — Color changer line.
Trace vectors v8 — Color changer line
Still frame of Trace vectors v8 — Numbers grid.
Trace vectors v8 — Numbers grid
Still frame of Trace vectors v9 — 123 grid extended.
Trace vectors v9 — 123 grid extended
Still frame of Trace vectors v10 — Abc grid moving.
Trace vectors v10 — Abc grid moving
Still frame of Trace vectors v11 — 135 grid moving.
Trace vectors v11 — 135 grid moving
Still frame of Trace vectors v12 — Abc circular moving.
Trace vectors v12 — Abc circular moving
Still frame of Trace vectors v13 — Infinite.
Trace vectors v13 — Infinite
Still frame of Trace vectors v14 — Random.
Trace vectors v14 — Random
Still frame of Trace vectors v15 — Changing speed.
Trace vectors v15 — Changing speed
Still frame of Trace vectors v16 — Changing direction.
Trace vectors v16 — Changing direction

Tree 07

Still frame of Tree v1 — Whip.
Tree v1 — Whip
Still frame of Tree v2 — Linear.
Tree v2 — Linear
Still frame of Tree v3 — Eased.
Tree v3 — Eased
Still frame of Tree v4 — Bretzel.
Tree v4 — Bretzel
Still frame of Tree v5 — Cords.
Tree v5 — Cords
Still frame of Tree v5 — Sphere.
Tree v5 — Sphere
Still frame of Tree v6 — Walking.
Tree v6 — Walking

Video 07

Still frame of Video — Atlas.
Video — Atlas
Still frame of Video — Echo.
Video — Echo
Still frame of Video — Grid.
Video — Grid
Still frame of Video — Halftone.
Video — Halftone
Still frame of Video — Kaleidoscope.
Video — Kaleidoscope
Still frame of Video — Player.
Video — Player
Still frame of Video — Text.
Video — Text

Voronoi 03

Still frame of Voronoi v1 — Cells.
Voronoi v1 — Cells
Still frame of Voronoi v2 — Worley.
Voronoi v2 — Worley
Still frame of Voronoi v3 — Mosaic.
Voronoi v3 — Mosaic