Check out this super cool web tool making waves in the design community called DRIFT. Built on p5.js, this interactive app lets anyone create mesmerizing, ever-evolving generative motion art in real time using standard bitmap images. Users can easily upload their own photos from a computer or grab a random shot from Unsplash to kickstart their creativity.

How DRIFT works is incredibly simple, yet it delivers a massive visual punch. Using a mouse or touchpad, users can select and resize any area of the original image. With a quick click, the algorithm generates a custom shape and clones the selected image area right into it. From there, the system continuously duplicates, moves, and transforms that shape based on settings in the Form and Animation panels, creating an endless dance of visuals.

Right when the page loads, the tool automatically pulls a random photo from Unsplash, applies one of its built-in motion presets, and drops about ten random shapes to showcase what it can do. Want to use a custom image? Just hit the “Upload Image” button. Keep in mind that swapping in a new photo will completely reset the current canvas and clear out any active shapes. Feel free to experiment with different presets and click anywhere on the screen to add fresh shapes. Since these presets load as JSON files, they might take a brief moment to load, but there’s a handy status bar to keep track of the progress.

Adjusting the selection size is a breeze directly with a mouse or touchpad. Touchpad users can simply use a two-finger gesture to change the selection size. For mouse users, just hold down the right mouse button while moving around. There is also a slider in the control panel that works beautifully for fine-tuning the size. One thing to note: the current version doesn’t support mobile or tablet gestures just yet. To speed up the workflow, hotkeys are an absolute game-changer. Pressing the H key pulls up a full list of shortcuts right on the screen.

The real-time motion algorithm relies heavily on the parameters inside the Animation section. Right now, the tool serves up 8 different interaction modes, including shifting shapes along the X/Y axes, moving the image inside the shape, rotating, scaling, and adjusting transparency or tinting. Each mode comes with deeper customization options like movement type, maximum amplitude, and frequency. Even cooler, the “Parameters Randomization” feature can randomize these settings every time a new shape drops.

Once a perfect effect is dialed in, users can save the configuration as a JSON file to their computer using the import/export preset feature, making it ready to reload at any time. These custom creations will pop up right under the “User Preset” list.

DRIFT supports capturing motion at a smooth 60 FPS and can export directly to WebM or MP4 video formats, or as a sequence of JPG, PNG, or WebP images. Users also have full control over the duration and quality of the final export.

While it excels at motion, this tool is also a powerhouse for designing stunning abstract still art. At any moment, hitting the P key pauses the animation, and pressing the D key (or using the interface button) instantly downloads a crisp PNG of the still frame.

The tool is completely open for anyone to explore online with all features fully accessible. However, exports from the free version will include a watermark. To remove the watermark and unlock the rights for commercial projects, users can purchase a license key via Gumroad.