Neon Finger Draw — Vẽ Bằng Ngón Tay Với Hiệu Ứng Neon Phát Sáng

Neon Finger Draw là ứng dụng web sáng tạo cho phép người dùng
vẽ trực tiếp bằng ngón tay thông qua camera, sử dụng công nghệ
AI nhận diện bàn tay (MediaPipe Hands) kết hợp với thư viện đồ họa
p5.js. Không cần bút, không cần màn hình cảm ứng — chỉ cần giơ tay
trước camera là có thể tạo ra những nét vẽ neon rực rỡ phát sáng như lửa bốc cháy.

  • 🖊️ Vẽ đa tay: Cả hai ngón trỏ vẽ cùng lúc, độc lập nhau
  • 🎨 Chọn màu bằng tay: Đưa ngón trỏ vào bảng màu bên phải, giữ 0.5 giây để chọn
  • 📏 Điều chỉnh cỡ nét: Kéo ngón trỏ dọc theo vùng trái màn hình
  • Cầm & di chuyển: Chụm ngón trỏ và ngón cái để di chuyển nét vẽ
  • 💥 Hiệu ứng vỡ mảnh: Nắm tay rồi xòe 5 ngón — toàn bộ nét vỡ thành mảnh neon bay tứ tung

Ứng dụng chạy hoàn toàn trên trình duyệt web (HTML + JavaScript thuần),
không cần cài đặt, không cần server. Phù hợp cho trình diễn sáng tạo,
giáo dục tương tác, và khám phá công nghệ AI gesture recognition trong thực tế.

🎬 Video demo
Hướng dẫn prompt ứng dụng vẽ bằng ngón tay trực tiếp qua camera
🤖 Prompt AI 64 lượt dùng
Tạo một file HTML duy nhất tên "neon-draw.html" sử dụng hai thư viện: Ứng dụng là bảng vẽ bằng ngón tay trực tiếp qua camera, giao diện tối nền camera (opacity ~0.55), canvas p5.js trong suốt phủ lên. Font: Orbitron + Inter (Google Fonts). Màu chủ đạo: cyan #00f5ff và magenta #ff00ff. ## TÍNH NĂNG CẦN THỰC HIỆN: ### 1. Vẽ bằng ngón tay (MediaPipe Hands) - Track tối đa 2 bàn tay (maxNumHands: 2) - Ngón trỏ duỗi + ngón giữa thu → VẼ nét (cả 2 tay vẽ độc lập cùng lúc) - Đường vẽ có hiệu ứng NEON PHÁT SÁNG BỐC CHÁY: 4 lớp glow xếp chồng (stroke weight: sz*6,...

Đăng nhập để nhận Prompt AI miễn phí