Skip to content
@visionplayground

visionplayground

Vision Playground

by muneer320 Python 3.10+ TypeScript ready MediaPipe OpenCV 4.8+ actively building

πŸ‘οΈ Vision Playground

Ten ways to play with your webcam β€” because I like understanding how computers see the world, and I like turning that into things people actually want to run.

This is my personal playground of camera + computer-vision experiments. Each project here is a real, runnable thing: point your webcam at yourself and play β€” make the world glitch when you open your mouth, conduct a virtual orchestra with your arms, or turn a Rubik's Cube in front of your camera and watch it get solved.

Every project has two sides:

  • Play Mode β€” clean and fun, for anyone with a webcam.
  • Experiment Mode β€” press a key and see what the computer actually sees: landmarks, confidence, FPS, latency. For the curious (and great for demos).

✨ What do you want to play with?

🎭 Your Face

Project What it does Status
Vision Filters Effects driven by your face β€” open your mouth and the world glitches 🚧 building
MemeVision Turn yourself into a meme: expressions, gestures, sounds, captions πŸ—ΊοΈ on the map

βœ‹ Your Hands

Project What it does Status
GestureOS Control your computer with gestures β€” mouse, media, windows πŸ—ΊοΈ on the map
Vision Games The camera becomes a game controller πŸ—ΊοΈ on the map

🧍 Your Body

Project What it does Status
Motion Studio Pose estimation makes movement fun β€” reps, dance, boxing πŸ—ΊοΈ on the map
Vision Music Your body becomes a musical instrument β€” the AI Conductor πŸ—ΊοΈ on the map

πŸ“· The Camera

Project What it does Status
Creative Studio Create art with the camera β€” slit-scan, particles, fluid πŸ—ΊοΈ on the map
Vision Challenges Point the camera at a puzzle and solve it β€” Rubik's, chess, Sudoku πŸ—ΊοΈ on the map
Vision Lab The camera as a measuring tool β€” OCR, depth, scanning πŸ—ΊοΈ on the map

πŸ€– A Brain

Project What it does Status
AI Vision Give the camera a brain β€” private, local AI that sees you πŸ—ΊοΈ on the map

πŸ—ΊοΈ How the playground fits together

flowchart LR
    CAM[πŸ“· Your webcam] --> FACE[πŸ˜€ Face<br/>expressions & pose]
    CAM --> HANDS[πŸ–οΈ Hands<br/>gestures]
    CAM --> BODY[🧍 Body<br/>movement]
    CAM --> SCENE[🌍 Scene<br/>objects & depth]

    FACE --> FILTERS[Vision Filters]
    FACE --> MEMES[MemeVision]
    HANDS --> GESTURES[GestureOS]
    HANDS --> GAMES[Vision Games]
    BODY --> MOTION[Motion Studio]
    BODY --> MUSIC[Vision Music]
    SCENE --> ART[Creative Studio]
    SCENE --> PUZZLES[Vision Challenges]
    SCENE --> LAB[Vision Lab]
    CAM --> AI[AI Vision]

    CORE[🧱 shared core<br/>camera + tracking + smoothing + events] -.-> FILTERS
    CORE -.-> GAMES
    CORE -.-> MOTION
    CORE -.-> MUSIC
Loading

Everything shares one small, honest core β€” the parts that would be painful to rewrite (camera capture, tracking, smoothing, event handling) live once, and each project builds its own personality on top of it.


πŸ”§ For the technically curious

  • The boring engineering is the point. Interactions feel stable and intentional, not twitchy and demo-like: One-Euro smoothing, hysteresis, confidence gates, cooldowns, state machines. Most of the code is making signals behave, not detecting them.
  • Honest measurements. Where I measure (depth, distances, counting), I publish the error bars. Understanding what computer vision can't do is part of the craft.
  • Python and TypeScript, used where they fit. Python for the OS-level and heavy-CV work, the browser for the things you should be able to try with zero install.
  • Every project runs locally. Your camera feed stays on your machine.

🧭 Where this is going

  1. Now: Vision Filters β€” the landmark-driven Shader Lab is live; effects driven by your face (glitch on mouth-open, kaleidoscope on eyebrow-raise, and more coming).
  2. Next: Creative Studio, MemeVision, then AI Vision.
  3. Then: games, music, puzzles, and the rest β€” one fun, polished thing at a time.

The full roadmap and idea bank live in my private planning. This page grows with the work.


Made with curiosity by Muneer Alam β€” a BITS Pilani student who likes understanding how computers see the world.
MIT license

Popular repositories Loading

  1. .github .github Public

    Org profile and community health for Vision Playground

  2. vision-core vision-core Public

    Internal shared infrastructure for the Vision Playground collection (not a public flagship)

  3. vision-filters vision-filters Public

    Vision Filters - What can I do to the camera image? Landmark-driven webcam effects playground.

    Python

Repositories

Showing 3 of 3 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…