Interactive Living Sketch

จากภาพระบายสีของเด็ก → สู่โลกดิจิทัลที่มีชีวิตจริง

---

Project Overview

Interactive Living Sketch คือระบบ Interactive Learning ที่ผสานโลกจริงเข้ากับโลกดิจิทัล (Phygital Experience) โดยเปิดโอกาสให้เด็ก ๆ ได้สร้างผลงานศิลปะของตัวเอง และเห็นผลงานนั้น “มีชีวิต” บนจอฉายแบบ Real-time

จาก “กระดาษธรรมดา” กลายเป็น “ตัวละครเคลื่อนไหวได้”

---

Result & Impact (จุดขายสำคัญ)

• ลดขั้นตอนการเตรียมสื่อการสอนลง มากกว่า 70%
• เพิ่ม Engagement ของเด็กได้อย่างชัดเจน (อยู่กับกิจกรรมได้นานขึ้น 2-3 เท่า)
• ตรวจจับและตัดภาพได้แม่นยำ ~90%+ ในสภาพแสงทั่วไป
• เปลี่ยนกิจกรรมระบายสีธรรมดา เป็น Interactive Learning Experience
• ใช้งานจริงในพื้นที่นิทรรศการ / การเรียนรู้แบบ Smart Classroom

---

System Architecture

ระบบถูกออกแบบให้ทำงานแบบ Real-time Pipeline:

[เด็กระบายสี] 
      ↓
[Camera Capture]
      ↓
[Python + OpenCV Processing]
      ↓
[Asset Generation]
      ↓
[Unity Visualization Engine]
      ↓
[Projector Display]

---

Technical Implementation

1. Image Acquisition (Camera Layer)

• ใช้กล้องติดตั้งแบบ Top-view
• ปรับมุมและแสงให้เหมาะสมกับการประมวลผล
• รองรับการใช้งานต่อเนื่องในสภาพแวดล้อมจริง

---

2. Computer Vision Processing (Python + OpenCV)

• แปลงภาพ → Grayscale
• ใช้ Threshold แยกพื้นหลัง
• ตรวจจับ Contour
• Crop เฉพาะวัตถุ (ตัวละคร)
• Export เป็น PNG (transparent background)

# Conceptual Example
gray = cv2.cvtColor(image, cv2.COLOR_BGR2GRAY)
_, thresh = cv2.threshold(gray, 240, 255, cv2.THRESH_BINARY_INV)
contours, _ = cv2.findContours(thresh, cv2.RETR_EXTERNAL, cv2.CHAIN_APPROX_SIMPLE)

---

3. Digital Asset Integration (Unity)

• Import ภาพเข้า Unity แบบอัตโนมัติ
• แปลงเป็น Sprite
• ใส่ Animation / Movement Script
• สร้างพฤติกรรม (เดิน, เคลื่อนไหว, interaction)

---

4. Visualization (Projection System)

• ฉายผลลัพธ์ผ่าน Projector

• รองรับการแสดงผลหลายตัวละครพร้อมกัน

• สร้างพื้นที่ Interactive เช่น:

  • เดินบนพื้น
  • เคลื่อนที่บนผนัง
  • โต้ตอบกับ environment

---

Key Innovation

🔹 Physical → Digital → Physical Loop

ระบบนี้ไม่ใช่แค่แสดงผล แต่เป็น “วงจรประสบการณ์”:

เด็กสร้าง → ระบบประมวลผล → ระบบแสดงผล → เด็กมีส่วนร่วมอีกครั้ง

---

🔹 Real-time Interaction

• ไม่ต้องรอ export / upload
• เด็กเห็นผลลัพธ์ “ทันที”

---

🔹 Scalable Architecture

• รองรับการเพิ่มจำนวนกล้อง / จุดแสดงผล

• สามารถต่อยอดเป็น:

  • Smart Exhibition
  • Digital Playground
  • EdTech Platform

---

Use Cases จริง

• 🏫 Smart Classroom
• 🪐 ท้องฟ้าจำลอง / ศูนย์วิทยาศาสตร์
• 🎨 Interactive Exhibition
• 🏙️ Smart City Learning Space

---

Future Development

• ใช้ AI Segmentation (YOLOv8 / SAM) → ตัดภาพแม่นขึ้น
• เพิ่มระบบ Skeleton / Rigging → ตัวละครเคลื่อนไหวสมจริง
• Multi-user Interaction → รองรับผู้ใช้งานจำนวนมาก
• Behavior AI → ตัวละครมี “พฤติกรรมอัจฉริยะ”

---

บทสรุป

Interactive Living Sketch ไม่ใช่แค่ระบบแสดงผล แต่คือการเปลี่ยน “การเรียนรู้แบบ Passive” → เป็น “Active Experience”

เด็กไม่ได้แค่ระบายสี แต่กำลัง “สร้างโลกของตัวเอง” และเห็นมันมีชีวิตจริง

---