Skip to content

Repository files navigation

Flowfield Studio

An interactive flow-field playground you can run locally in your browser. Particles ride a Perlin-noise vector field, leaving luminous trails you can sculpt with simple controls.

Run it

  1. Open index.html in any modern browser (double-click it or drag it into the browser).
  2. Tweak sliders to change particle count, flow scale, speed, fade, and hue.
  3. Click the canvas or hit Pulse to inject a burst of particles.
  4. Use Randomize Colors for a new palette or Save Snapshot to download a PNG of the current frame.

No build tools or installs required.

iOS app

  1. Install deps: npm install
  2. Copy the web assets and sync them into the native shell: npm run sync:ios
  3. Open the Xcode project: npm run open:ios
  4. Build/run from Xcode on a simulator or device.

Touching the canvas in the iOS app triggers the same behavior as clicking in the browser.

About

Interactive flow-field playground for browser and iOS (Capacitor).

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages