Camera Tools

A small workspace for browser-based camera experiments.

Projects

Signal Lens

signal-lens/ is a React + Vite app that uses the webcam and local MediaPipe hand tracking to recognize two-hand pinch gestures.

• Raise both hands to get recognition feedback.
• Pinch with both hands.
• Move the two pinch points farther apart to zoom in.
• Move them closer together to zoom out.
• Gesture smoothing, dead zones, clamping, and short tracking coasting keep the zoom from feeling jumpy.

Orbit Snap

orbit-snap/ is a React Three Fiber experiment that turns hand snaps into a 360 camera perspective around a fixed glass plane.

• A firm held snap is required before control starts, which keeps casual finger movement from flickering.
• One snap behaves like mouse-down drag orbit around the plane.
• Fast snap movement throws the camera farther, so quick arm motion can carry the view all the way around.
• A second snap is treated as a click pulse, not a zoom handle.

Run Signal Lens

npm install
npm run dev:signal-lens

Then open http://127.0.0.1:5173/ and allow camera access.

Useful Commands

npm run test:signal-lens
npm run build:signal-lens
npm run dev:orbit-snap
npm run test:orbit-snap
npm run build:orbit-snap

Workspace Layout

camera-tools/
  signal-lens/       # Finished two-hand pinch zoom camera app
  orbit-snap/        # R3F snap-controlled 360 camera perspective
  next-tool/         # Empty folder for a future camera tool