Nghệ thuật dây Neon điều khiển bằng AI

🔧 Công Nghệ

Ứng dụng sử dụng MediaPipe Hands của Google — mô hình AI nhận diện 21 điểm khớp trên mỗi bàn tay theo thời gian thực, hỗ trợ đồng thời lên đến 4 bàn tay. Hình ảnh được render bằng p5.js kết hợp Canvas API gốc, toàn bộ chạy hoàn toàn trên trình duyệt — không cần cài đặt phần mềm hay plugin bên ngoài.

✨ Hiệu Ứng

Khi đưa 2 tay trước camera, hệ thống tự động tạo 18 dây kết nối neon giữa các ngón tay với 4 lớp gradient màu khác nhau (Cyan–Magenta, Orange–Purple, Green–Blue, White–Blue). Mỗi dây mô phỏng trọng lực qua đường cong Bézier, với hiệu ứng glow động thay đổi theo khoảng cách giữa hai tay — tạo cảm giác như đang cầm những sợi tơ ánh sáng trong không trung.

📱 Tính Ứng Dụng

Ngoài giá trị nghệ thuật, công nghệ này hoàn toàn ứng dụng được vào trình diễn sân khấu (không cần thiết bị đeo), giáo dục STEM (minh họa mô hình AI thị giác máy tính), hay tích hợp vào triển lãm tương tác tại bảo tàng — nơi khách tham quan chỉ cần giơ tay để tạo tác phẩm nghệ thuật kỹ thuật số.

🚀 Hướng Phát Triển

Trong tương lai, dự án có thể mở rộng sang tạo âm nhạc theo cử chỉ (đàn piano AI, hiệu ứng âm thanh theo khoảng cách tay), tích hợp nhận diện cử chỉ nâng cao (bàn tay mở/nắm, OK gesture) để điều khiển game hoặc ứng dụng, và phát triển thành bộ SDK mã nguồn mở cho cộng đồng sáng tạo.

🎬 Video demo
Chia sẻ prompt tạo hiệu ứng điều khiển khớp tay
🤖 Prompt AI 20 lượt dùng
Use this Prompt: Create a single-file HTML/JavaScript application that uses the MediaPipe Hands library and p5.js to create an interactive 'cat's cradle' string animation. Requirements: 1. Access the Web Camera: Request permission and display the video feed (mirrored) as the background. 2. Hand Tracking: Track both hands simultaneously using MediaPipe. 3. Vis...

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