← Back to Blog

Fun with AI Computer Vision Tutorial for Non-Coders

Discover how to create interactive hand-tracking experiences, 3D model playgrounds, and mind-bending visual effects—no coding experience required.

Imagine controlling a 3D dragon with just your hands. Or making music by waving in front of your camera. Or exploring a rotating globe with pinch gestures. These aren't science fiction—they're real projects you can run on your computer today, even if you've never written a line of code. Let me show you how.

Key Takeaways

  • Fun with Computer Vision is a $10 resource that gives you lifetime access to interactive AI projects
  • No coding experience required—just follow the setup steps
  • Projects include hand tracking, 3D manipulation, music creation, and visual effects
  • Works on MacBook (and likely other computers with minor adjustments)
  • Use ChatGPT to troubleshoot any technical issues you encounter
  • All projects run locally in your browser via localhost
  • What You'll Be Able to Create

    Before we dive into the setup, here's a taste of what's possible:
    • Change bubble sizes with hand movements
    • Control 3D shaders with fist gestures
    • Manipulate 3D models with voice commands and hand gestures
    • Make music with an AR-powered drum machine
    • Explore planets using pinch and drag controls
    • Create visual effects that respond to your movements
    • Getting Started

      Step 1: Purchase Access

    • Go to funwithcomputervision.com
    • You'll see various tutorials on the homepage
    • Pricing:
    • - $10 for lifetime access to all code - $99 for lifetime access + priority support

      Note: I receive zero affiliate income—I'm sharing this because it's genuinely cool, especially for educational purposes.

      Step 2: Accept Your Invitation

      After purchase:
    • Check your email for a receipt from Stripe (arrives within minutes)
    • Wait for the GitHub invitation email (took about 10 minutes for me)
    • Click "View Invitation" in the email
    • If you don't have a GitHub account, create one (free, just need email and password)
    • Step 3: Clone the Repository

      This is where it might feel technical, but stick with me.

      On a Mac:

    • Press Command + Space
    • Type "terminal" and open it
    • You'll see a command-line interface

    If you're lost: Go to ChatGPT and say: "I have [your computer model and year]. What are the steps I need to take to clone this repository?" It will walk you through everything.

    In Terminal: ```bash

    git clone [repository URL]

    cd fun-with-computer-vision

    ls ```

    Step 4: Start the Local Server (The Easy Way)

    After two hours of trying to navigate individual projects, I discovered an easier method: access everything through your browser.

    Navigate to the tutorials directory: ```bash cd tutorials ```

    Start a Python server: ```bash python -m http.server ```

    If you get "command not found": This is common on newer Macs! They have Python 3, not Python. Simply use: ```bash python3 -m http.server ```

    Access the projects:

  • You'll see: "Serving HTTP on port 8000"
  • Open your browser
  • Go to: localhost:8000
  • You'll see a directory listing of all projects!
  • The Projects

    1. Handcrafted Shader

    What it does: Control frequency, amplitude, colors, and patterns with your hands and voice.

    How to use it:

  • Fist 1 (left hand): Controls frequency—lower = bigger, higher = smaller
  • Fist 2 (right hand): Controls amplitude
  • Pinch: Changes shader plane size
  • Voice commands: Say colors like "blue" or "red" to change the display
  • Note: Keep your hands a bit away from the camera for best tracking. Not all colors work yet (green wasn't available in my test).

    2. 3D Model Playground

    What it does: Manipulate a 3D animated model with gestures and voice.

    Voice commands:

  • "Drag" - activates drag mode
  • "Rotate" - activates rotation mode
  • "Scale" - activates scaling mode
  • "Animate" - triggers animations
  • Animations available:

  • Dance
  • Idle
  • Jump
  • Kick
  • Gestures:

  • Pinch to control drag and drop
  • Drop a new 3D model onto the page to import it
  • The founder mentions you can customize the animations, which opens up creative possibilities.

    3. AR-P Gator (Arpeggiator)

    What it does: Create music using hand gestures!

    Controls:

  • Raise hands to roof: Activates the system
  • First hand: Controls the arpeggio of notes
  • Pinch: Changes volume
  • Move up/down: Changes pitch
  • Second hand: Controls drums
  • Lift fingers: Changes the drum pattern
  • 4. Hand Tracking 101

    What it does: Basic computer vision setup with fun bubble effects.

    Features:

  • Make bubbles bigger or smaller based on hand position
  • Speed of hand movement affects animation speed
  • Great introduction to hand tracking concepts
  • 5. Planet Explorer

    What it does: Navigate a 3D globe with intuitive gestures.

    Controls:

  • Left hand pinch + move: Navigate position
  • Up/down: Zoom in and out
  • Right hand pinch + drag: Rotate the planet
  • Watching the world spin beneath your fingers is genuinely magical.

    6. Additional Projects

    The repository includes several more projects:
  • Shape Creator
  • 3D Editor
  • The Floor is Lava (dodge lava by jumping around your living room!)
  • Whirlpool Camera
  • Each project folder contains instructions specific to that project.

    Troubleshooting Tips

    Problem: Python command not found Solution: Use `python3` instead of `python`

    Problem: Projects don't track hands well Solution: Move your hands further from the camera

    Problem: Voice commands not working Solution: Speak clearly and check if that specific command is implemented

    Problem: Confused about any step Solution: Copy the error message, paste it into ChatGPT, and ask for help

    Why This Matters

    Computer vision is one of the most exciting areas of AI development. Being able to experiment with these technologies—without needing a computer science degree—democratizes innovation.

    These projects are perfect for:

  • Educators teaching AI concepts
  • Parents wanting to inspire kids about technology
  • Creators looking for interactive content ideas
  • Anyone curious about how gesture recognition works
  • Get Started Today

    For just $10, you get lifetime access to explore, learn, and create with computer vision technology. The barrier to entry has never been lower.

    Even if you hit roadblocks (I certainly did—spent two hours troubleshooting before finding the easier browser method), tools like ChatGPT can help you through any technical hurdles.

    ---

    Ready to explore? Watch the full tutorial on YouTube and subscribe to Shanee Moret's channel for more accessible AI tutorials and tech guides.

    Visit funwithcomputervision.com to get started.

    Want More Insights?

    Subscribe to the YouTube channel for weekly videos on AI, LinkedIn, and growing your business.

    Subscribe on YouTube →