GitHub Dev: gabbisceglie

MotionGrid Architect

An interactive surface where your hand controls a dynamic grid in real time. Use your webcam, create shapes with gestures, and explore a cyber-style visual experience.

Gesture control

Pinch and fist let you add, drag, and erase grid elements without using a keyboard.

Visual feedback

Glow effects, mesh overlays, and indicators make every interaction clear even during fast motion.

Ready to use

Open the app and allow webcam access to start your interactive session immediately.

Control gestures

These are the main movements you can use in front of the webcam to control MotionGrid Architect.

Pinch (thumb + index) Instantly adds a square in the grid cell under your index finger.

Hold pinch (about 1 second) Enables continuous drawing: while moving your hand in pinch, you add squares along the path.

Fist Moves all previously created squares together in grid-step motion.

Two-hand erase combo Keep one hand in fist and the other in pinch for about 1.2 seconds, then pass the pinch over any square to remove it.

Enter the program Tip: use a well-lit environment for more stable tracking.