Draw on Hand

เจ้าของผลงานเล่าไว้แบบนี้

https://draw-on-hand.vercel.app # 🎨 Draw on Hand วาดภาพกลางอากาศด้วยมือของคุณเอง — เว็บแอปพลิเคชันที่พัฒนาด้วย React แบบไม่มีระบบหลังบ้าน (Zero-Backend) ขับเคลื่อนด้วยระบบตรวจจับและติดตามมือ [MediaPipe Hand Landmarker](https://ai.google.dev/edge/mediapipe/solutions/vision/hand_landmarker) ประมวลผลบนเบราว์เซอร์ทั้งหมดผ่าน WASM และ GPU ปลอดภัย ไร้เซิร์ฟเวอร์ และไม่มีการส่งข้อมูลใดๆ ออกนอกอุปกรณ์ของคุณ ## วิธีการใช้งาน - **🤏 การจีบนิ้ว (Pinch)** — แตะปลายนิ้วโป้งและนิ้วชี้เข้าด้วยกันเพื่อเริ่มวาดภาพ และปล่อยนิ้วออกจากกันเพื่อหยุดวาด ระบบจะตรวจสอบระยะห่างในพื้นที่ 3 มิติจริง (World Landmarks) ทำให้ไม่เกิดการสั่งงานผิดพลาดเมื่อเอียงมือ **และรองรับการทำงานพร้อมกันทั้งสองมือ** - **Radial dock (เมนูวงกลม)** — ปุ่มวงกลมตรงกลางด้านล่างสุดจะเปิดเมนูเครื่องมือสามวงซ้อนกัน: วงในเป็นสไตล์แปรง 8 แบบ (ปากกา / พู่กันหมึกที่หนาบางตามความเร็วมือ / นีออน / มาร์กเกอร์ / สายรุ้ง / จุดไข่ปลา / สเปรย์ / ยางลบ), วงกลางเป็นเครื่องมือรูปทรงสมบูรณ์แบบ (เส้นตรง / ลูกศร / สี่เหลี่ยม / วงรี — วาดจากจุดเริ่มถึงจุดปล่อยนิ้ว ได้รูปทรงเป๊ะแม้มือสั่น) และเลเซอร์พอยเตอร์ (เส้นเรืองแสงชั่วคราวสำหรับพรีเซนต์ ไม่ถูกบันทึกลงภาพ), วงนอกเป็นสีและขนาดเส้น สามารถทำท่าจีบที่เมนูเพื่อย่อ/ขยาย หรือกดค้างแล้วลากเพื่อย้ายตำแหน่งได้ - **โหมดสมมาตร (Symmetry)** — สลับได้ 3 โหมดจากแถบเมนูการทำงาน: ปิด / กระจกซ้าย–ขวา / คาไลโดสโคป 4 ทิศ พร้อมเส้นไกด์แกนสมมาตรบนจอ ทั้งการวาดและการลบจะสะท้อนตามโหมดโดยอัตโนมัติ และผลลัพธ์คงอยู่ครบทั้งตอน Undo/Redo และบันทึกรูป - **เล่นย้อนการวาด (Replay)** — ปุ่ม ▶ ในแถบเมนูจะวาดผลงานซ้ำทีละเส้นเป็นแอนิเมชันสั้นๆ - **บันทึกอ

โดย Ninlapat5G · ดูโพสต์ต้นทาง