Halftone Cloud

Images rebuilt as a halftone of flying shapes
one HTML file · runs in the browser · no install · free and open source

Open Halftone Cloud · Run it · More tools

---

Drop an image and it turns into a cloud of small shapes: brightness becomes size. Drop several and they become a story, one picture flowing into the next.

Use it for

• a halftone portrait or product shot that moves
• a story of images morphing one into the next
• print-style texture for a poster or a cover

What it does

• Any image: drop a file, paste a URL or start from a built-in shape
• Halftone: cell, steps, minimum and maximum size, background cut, edge feather and fade
• Story beats: several images in a row with direct, scatter, fall or cycle transitions; Loop plays the queue
• Swarm motion between beats, with collisions so shapes never overlap
• Export: PNG and a JSON config

Run it

Open robvagin.github.io/halftone-cloud, or download index.html and open it from your disk. It is the whole tool: no build step, no dependencies, no network. Press H to hide the panel.

Made by a designer

I'm a designer. I build small tools like this for my own work, with AI agents: I make the decisions, Claude Code writes the code. The panels follow one grammar across the whole set.

Take it if you want it.

More tools

• GONE · a macOS player for the thirty minutes before a DJ set
• PSP Engine · a native engine that runs a PS2 game on the PSP. Not an emulator
• Gravity Mesh · masses raise a grid into peaks, the heavier the higher
• Particle Dance · particles that dance along patterns and 3D forms
• Bro Gamepad · a PS4 controller as an effects pad for Bitwig Studio
• XYZ Cube · your data as points in a 3D cube on axes you name
• Pack Label · coffee bag labels, checked and ready for print
• Line Engine · engraved line patterns in motion: Lissajous, rosettes, waves
• PSP Menu Art · menu artwork for a PSP game: crop, see it on the XMB, convert video and sound
• Layer Type · type any three letters: one 3D body, each side reads a different one
• Image Shuffler · your screenshots flying in 3D, recorded as a video
• Sunburst · a hierarchy as a 3D sunburst chart with height
• Motion Primer · bodies that swarm, orbit, fall and gather into a word
• Musevis · a music visualizer: shapes that dance to your sound, live
• Particles 3D · a living cloud of particles that flows like smoke or a flock
• Thinking Sphere · a glass sphere with soft shapes drifting inside
• Orbital · data as orbits, axes or a bending mesh
• Metaballs · soft masses that merge, split and leave holes
• Logomachine · seeded generative marks: one seed, one pattern, always
• Ellipse Sphere · a sphere built from stacked discs that fan open and assemble
• Hexbin · a point cloud counted into 3D hexagon towers
• Chart 3D · pie, bars, polar and area charts in 3D, with an entrance
• Voronoi · points that share space as cells, inside any shape
• Motion Pad · one pad for the character of motion

License

MIT © 2026 Robert Vagin