Hawa_me_likho 是一个基于浏览器的空中画板,利用 MediaPipe 手部追踪技术,让用户通过摄像头用手指在空气中绘画和书写。

Stars

8

7 天增长

暂无数据

Fork 数

0

开放 Issue

0

开源协议

暂无数据

最近更新

2026-07-28

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它将实时 AI 手部追踪与赛博朋克视觉风格和直观手势控制相结合,完全在客户端运行,无需任何安装。

适合谁使用

  • 探索浏览器端计算机视觉的开发者
  • 创意编程者与数字艺术家
  • 寻找互动教学工具的教育工作者
  • 对手势控制应用感兴趣的爱好者

典型使用场景

  • 远程教学与在线白板演示
  • 无需触控笔的数字艺术创作
  • 演示中的免触笔记记录
  • 为行动不便者提供无障碍绘画工具

项目优势

  • 基于 MediaPipe 的零延迟手部关键点检测
  • 智能提笔/落笔检测实现自然的连续书写分离
  • 可自定义的霓虹笔刷颜色与动态线条粗细
  • 通过捏合手势擦除、张开手掌清空画布

使用前须知

  • 需要摄像头和良好光线才能可靠追踪
  • 在低性能设备上可能出现卡顿
  • 当前仅支持食指绘画,其他手指未纳入

README 快速开始

✍️ Hawa_me_likho

Write in the air! An interactive, browser-based Air Canvas powered by real-time AI hand tracking and computer vision.


🌟 What is Hawa_me_likho?

Hawa_me_likho turns your standard webcam into an air-writing tablet. Using Google's MediaPipe Hands library and the HTML5 Canvas API, the app tracks the precise 3D position of your index finger in real time, allowing you to sketch, write notes, and draw shapes directly on screen—no touchscreens or special stylus hardware required!


🔥 Key Features

  • Instant Air Tracking: Ultra-fast, zero-latency hand keypoint detection using MediaPipe.
  • Smart Pen-Up / Pen-Down Detection: Smoothly handles dotting your is, crossing ts, and writing separate letters without unwanted connecting lines.
  • Cyberpunk Visual Canvas: Neon glowing strokes with customizable brush colors and dynamic line thickness.
  • Gesture Controls: * ☝️ Index Pointing: Draw on the air canvas.
    • 🤏 Pinch Gesture: Dynamic eraser mode.
    • Open Palm: Clear the board.
  • 100% In-Browser: Runs entirely on the client side using standard Web APIs—no server-side rendering or heavy installation required.

🛠️ Tech Stack

  • Frontend: HTML5, CSS3 (Cyberpunk UI design), Vanilla JavaScript (ES6+)
  • Computer Vision / AI: Google MediaPipe Hands API (@mediapipe/hands)
  • Graphics: HTML5 2D Canvas API

🚀 Quick Start

  1. Clone the repository:
    git clone [https://github.com/YOUR_USERNAME/Hawa_me_likho.git](https://github.com/YOUR_USERNAME/Hawa_me_likho.git)
    cd Hawa_me_likho
    

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

ViffyGwaanl
精选
ViffyGwaanl GitHub avatar

kimi-k3-learn

An interactive learning system that turns the 47-page Kimi K3 technical report into a single offline HTML file with running algorithms, 3D visualizations, spaced repetition quizzes, and a smart highlighting QA tool.

AI 与机器学习
15
osama-fawad
osama-fawad GitHub avatar

Pekingman

Pekingman is a multimodal agent system that integrates perception, long-term memory, human-like reasoning, emotional consistency, and real-time action to create believable NPC behavior.

HTML
933
syabro
syabro GitHub avatar

neat-annotations

A CSS-only library for adding hand-drawn arrows and handwritten labels to any webpage using a single self-contained stylesheet, no JavaScript or build tools required.

HTML
378