Innovative Real-Time Air Drawing App Using Computer Vision

Innovative Real-Time Air Drawing App Using Computer VisionInnovative Real-Time Air Drawing App Using Computer Vision

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Syed Asad Iftikhar

• Apr 23

I developed a real-time Air Drawing Application that uses Computer Vision to transform hand gestures into digital input. By utilizing a standard webcam, the app allows users to draw, erase, and select colors in mid-air without any physical contact with the screen.

Key Technical Features:

Hand Tracking: Integrated MediaPipe to track 21 specific hand landmarks with high precision and near-zero latency.

Gesture Logic: Programmed custom state-switching—using a single index finger for "Drawing Mode" and a two-finger gesture for "Selection Mode" to navigate the UI.

Real-time Rendering: Leveraged OpenCV for video processing and to create a dynamic, responsive canvas overlay.

This project demonstrates my ability to build Human-Computer Interaction (HCI) tools and implement real-time AI solutions using Python.

AI Application Development Software Development AI Engineer OpenCV Python

Webshocker Matjaz Valentar

pro

• Apr 22

In-app animations I created for Paynura app.

Adobe After Effects Autodesk 3ds Max Motion Design Animation 3D Animation

Lortist Editor

• Apr 22

Clean💫🔥

Vikiiing CQ

pro

• Apr 21

If you could go back to 1984 and turn on a Macintosh, what might happen inside and outside the screen?🧠

For the #fusercocreate challenge, I used Gemini-generated images as early visual reference, then combined them with Creative Code Node to create a black-and-white retro interactive experience centered around the Macintosh 128K. I went through 36 iterations and, through natural language conversations with Opus 4.6, gradually pushed it from a static concept into a small world with interactions happening both inside and outside the screen.

All things you can try:🚀

1. Click the desktop icons

2. Play Game: Snake or Pong

3. Grab a coffee and take a break

4. Look around and find hidden easter eggs

🙌 Link:https://app.fuser.studio/view/3244969e-43ee-434b-92ae-1a6d2f0ea822

fusercocreate creativecoding vibecoding Vibe Coding AI 3D Modeling Interaction Design Fuser

kolawole Bukola

• Apr 25

This is very well put together—the clarity and structure show that every decision was intentional. It’s the kind of work that looks simple on the surface but clearly required strong judgment behind the scenes. When you were building this, how did you decide what to prioritize and what to leave out?