Skip to content
Project
Arcnode

ArcFlux

Live

Real-time color tracking and physics for projection mapping.

Real-timeGraphicsSimulation
ArcFlux: a camera-driven physics canvas

Overview

About this project

ArcFlux is a real-time color tracking and physics simulation engine built for projection mapping. It tracks color in a live feed and drives a physics simulation from it, producing responsive visuals that can be projected onto real surfaces.

Capabilities

Highlights

  • OpenCV.js HSV color detection with adjustable tolerance
  • Matter.js physics, with bouncing balls or a reflective laser mode
  • Corner-pin calibration for projection-mapping alignment
  • Webcam support up to 4K with a glass-morphism control panel
  • Runs entirely in the browser at flux.arcnode.dev

Walkthrough

Demo video

Gallery

Screenshots

A camera-driven physics canvas
Live tracking and physics
Tracking a colored surface
Reflective laser mode

FAQ

Questions about ArcFlux

What is ArcFlux?
ArcFlux is a real-time color tracking and physics simulation engine built for projection mapping. It tracks color in a live feed and drives a physics simulation from it, producing responsive visuals that can be projected onto real surfaces.
What can ArcFlux do?
OpenCV.js HSV color detection with adjustable tolerance Matter.js physics, with bouncing balls or a reflective laser mode Corner-pin calibration for projection-mapping alignment Webcam support up to 4K with a glass-morphism control panel Runs entirely in the browser at flux.arcnode.dev
How do I access ArcFlux?
ArcFlux runs in the browser and is available at https://flux.arcnode.dev. No installation is required.