หน้านี้เปิดแบบ http — กล้องในเบราว์เซอร์ยังเลือกรูปได้ แต่ AR (WebXR) และพาโนรามาต้องใช้ https: รันเซิร์ฟเวอร์ด้วย node server.mjs --lan แล้วเปิด https://<IP>:8151/
SI

SiteInspect

ตรวจหน้างานด้วยรูปถ่าย พาโนรามา 360° วัดระยะ และซ้อนโมเดล — ใส่รหัสที่ได้รับเพื่อเข้าใช้งาน

โครงการ

ตั้งจุดอ้างอิงหน้างาน
เลือก R1 และ R2 สองจุดที่หาเจอง่ายทั้งในแบบและหน้างาน (มุมเสา มุมผนัง หมุด) ห่างกันมาก ๆ — แล้วแตะสองจุดเดียวกันนี้ในรูป (โหมด 🧊 โมเดล) หรือในโหมด AR ระบบจะวางแบบให้ตรงหน้างาน (เหมือนการซ้อน 2 จุดของ TenantCheck)
แตะรูปเพื่อบันทึกประเด็น วัดระยะ ตั้งกล้อง และซ้อนโมเดล · ภาพ 🌐 เปิดในตัวดู 360°

วัดอย่างไร บนเครื่องไหน

iPhone / iPad (Safari, Chrome บน iOS)Android (Chrome + ARCore)
วัด AR สด (WebXR hit-test)✗ ยังไม่มี WebXR AR ใน iOS — เว็บเข้าถึง ARKit ไม่ได้✓ แท็บ 📱 วัด AR
สเกลจากระยะเทป A–B✓✓
สี่เหลี่ยมรู้ขนาด 4 จุด (ระนาบเอียงได้)✓✓
จุดหาย 2–3 แกน → กล้อง → วัด 3 แกน✓✓
ซ้อนโมเดลบนรูป / ทดลองกล่อง-ผนังใหม่✓✓ (และเห็นเส้นโมเดลใน AR)

1. สเกล A–B (ง่ายที่สุด)

ขึงเทปวัดระยะที่รู้ค่า เช่น 1.000 ม. บนผนัง ถ่ายรูปให้ หน้ากล้องตั้งฉากกับผนัง แล้วในโหมด 📏 วัด ลาก A→B ใส่ความยาว จากนั้นวัดระยะอื่น บนระนาบเดียวกัน ได้ ถ้าถ่ายเฉียง ผลจะคลาด (ยิ่งไกลจาก A–B ยิ่งคลาด)

2. สี่เหลี่ยม 4 จุด

ถ้ามีสี่เหลี่ยมที่รู้ขนาดบนระนาบนั้น (กระเบื้อง 60×60 ประตู 0.9×2.1 หรือวางกระดาษ A3) แตะ 4 มุมแล้วใส่ขนาด จะวัดบนระนาบนั้นได้ถูกแม้ถ่ายเฉียง

3. จุดหาย (Vanishing points) — วัดได้ 3 แกน

ในโหมด 🎯 กล้อง ลากเส้นทับขอบที่ขนานกันในจริง แกนละอย่างน้อย 2 เส้น (เช่น ขอบพื้นกับขอบฝ้าแนวยาว = X, แนวขวาง = Y, เสา/วงกบ = Z) ใช้ 2 แกนก็ได้ 3 แกนจะเสถียรขึ้น จากนั้นแตะ ⊕ จุดกำเนิดบนพื้น และ ⟷ จุดที่รู้ระยะตามแกน (หรือใส่ความสูงกล้อง) ระบบจะหาทางยาวโฟกัส มุม และตำแหน่งกล้อง แล้ววัดได้ทั้งบนพื้น ความสูง และบนผนัง ถ้ารูปมี EXIF ของมือถือ (เลนส์เทียบ 35 มม.) จะใช้ค่านั้นให้อัตโนมัติ

เคล็ดลับ: ลากเส้นยาว ๆ ห่างกัน ใช้แว่นขยายที่มุมจอ ถ่ายเฉียง ~30–60° ให้เห็นทั้งสองแนว และอย่าใช้โหมดมุมกว้างพิเศษ (เลนส์บิดเบี้ยว) ค่าคลาดปกติราว 1–3% ของระยะ

4. ซ้อนโมเดลบนรูป

หลังตั้งกล้อง ไปโหมด 🧊 โมเดล เลือกแบบ/โมเดล แตะ R1 และ R2 บนพื้นในรูป โมเดลจะซ้อนลงในรูปพร้อมแถบความทึบ ใช้ ▣ กล่องใหม่ / ▬ ผนังใหม่ ทดลองต่อเติมหรือแก้แบบบนรูปจริง พร้อมขนาด

5. พาโนรามา 360° (🌐 ในแท็บ รูป)

มือถือ: เลือก 180° / 360° / ทรงกลมเต็ม แล้วยืนที่เดิม หมุนโทรศัพท์ไปที่จุดสีส้มทีละจุด — เมื่อวงกลมกลางจอทับจุดและนิ่ง ระบบถ่ายให้เองพร้อมบันทึกมุม (yaw / pitch / roll) จากไจโร ภาพที่ถ่ายแล้วจะค้างอยู่ตรงตำแหน่งจริงรอบตัว จากนั้นระบบต่อภาพ: ใช้มุมจากไจโร แล้วจับคู่จุดเด่นระหว่างภาพที่ติดกันเพื่อแก้มุมและหาเลนส์ ปรับแสงให้เท่ากัน ผสมรอยต่อ ได้ไฟล์ JPG แบบ equirectangular พร้อม GPano (เปิดใน Google Photos / Facebook / โปรแกรมดู 360° อื่นได้)

ข้อควรระวัง: หมุนรอบตัวโทรศัพท์ ไม่ใช่เหวี่ยงแขนรอบตัวเรา (ยิ่งของอยู่ใกล้ยิ่งเห็นรอยต่อ — มีคำเตือน parallax) · ผนังเรียบไม่มีลายจับคู่ได้น้อย · คนเดินผ่านจะเป็นเงา

คอมพิวเตอร์: ต่อจากรูปที่ถ่ายไว้แล้ว (เรียงตามเวลา หมุนไปทางเดียว ซ้อนกัน ~1/3) หรือ 🔁 ต่อใหม่จากภาพย่อยที่มือถือถ่ายด้วยความละเอียดสูงกว่า · รูป 360° ที่มี GPano อยู่แล้วเลือกเข้ามาได้เลย · ในภาพ 360° กด 📍 แล้วแตะจุดเพื่อปักหมุดประเด็น (เปิดต่อใน ▭ แบบแผ่นเพื่อวาดเมฆ/ข้อความได้)

เปิดบนมือถือ

บนคอมพิวเตอร์รัน node siteinspect/server.mjs --lan (มือถือกับคอมต้องอยู่ Wi-Fi เดียวกัน) แล้วเปิด https://<IP คอม>:8151/ บนมือถือ กดยอมรับใบรับรองครั้งแรก (Android: ขั้นสูง → ดำเนินการต่อ · iPhone: แสดงรายละเอียด → เยี่ยมชมเว็บไซต์)