โปรแกรมดู glTF ออนไลน์ฟรี
ลากไฟล์ .glb หรือ .gltf พร้อม .bin และรูปภาพ (เลือกพร้อมกันหรือใส่ zip) เพื่อดูวัสดุ PBR ภายใต้แสงสตูดิโอ และตรวจสอบจำนวนสามเหลี่ยม วัสดุ และขนาดจริง รองรับไฟล์ Draco และ meshopt ด้วย ฟรี ไม่มีการอัปโหลด
- .gltf + .bin หรือ .glb
- Draco + meshopt
- ลากไฟล์ .zip หนึ่งไฟล์
- ไม่อัปโหลด
วิธีดูไฟล์ glTF ออนไลน์
- 01
ลาก .gltf หรือ .glb
ลากไฟล์ไปที่ตัวดูด้านบน หรือคลิก เลือกไฟล์ ไฟล์ .glb มีข้อมูลครบในไฟล์เดียว ส่วน .gltf ที่มี.binและไฟล์รูปภาพแยกกันจะเปิดได้เมื่อเลือกพร้อมกัน ลากมาพร้อมกันทั้งหมด หรือลากไฟล์ .zip ของโฟลเดอร์ ลองตัวอย่าง จะโหลดโมเดลตัวอย่าง - 02
ตรวจสอบวัสดุและเมช
หมุน ซูม และแพน โมเดลจะได้รับแสงจากสภาพแวดล้อมสตูดิโอเพื่อให้ค่าความเป็นโลหะและความหยาบแสดงผลถูกต้อง โหมด Clay ซ่อนพื้นผิว wireframe แสดงโครงสร้างตาข่าย auto-rotate หมุนเป็นแท่นแสดง และปุ่มกล้องบันทึกเป็น PNG - 03
ตรวจสอบสถิติ
จำนวนสามเหลี่ยม จุดยอด ขนาดไฟล์ เมช วัสดุ และพื้นผิว รวมถึงกล่องขอบเขต glTF กำหนดหน่วยเป็นเมตร ดังนั้นตัวละครสูง 1.8 ม. จะอ่านได้ 180 ซม. ขั้นตอนถัดไป ลิงก์ไปยัง glTF เป็น GLB, glTF เป็น OBJ และ glTF เป็น STL
ตัวดูไฟล์ glTF นี้รองรับอะไรบ้าง
ตัวโหลดคือ GLTFLoader ของ three.js ซึ่งเป็นโค้ดเดียวกับที่เว็บ 3D หลายแห่งใช้ ดังนั้นสิ่งที่แสดงผลที่นี่จึงเป็นแนวทางที่ดีว่าทรัพยากรของคุณจะทำงานบนเว็บอย่างไร
วัสดุ PBR
Draco และ meshopt
KHR_draco_mesh_compression หรือ EXT_meshopt_compression และเมชแบบ quantized จะถูกถอดรหัสในเบราว์เซอร์จำนวนพื้นผิว
เมชและวัสดุ
ขนาดจริง
ประมวลผลในเครื่องเท่านั้น
glTF กับ GLB และปัญหาของไฟล์ .bin แยก
glTF มีสองรูปแบบแพ็กเกจ GLB เป็นไฟล์ไบนารี: JSON, เรขาคณิต และรูปภาพอยู่ในไฟล์เดียว ส่วน .gltf เป็นไฟล์ JSON ที่ฝังข้อมูลไบนารีเป็นข้อความ base64 หรือชี้ไปยังไฟล์แยกกัน โดยปกติคือบัฟเฟอร์ .bin และโฟลเดอร์พื้นผิว PNG หรือ JPG
GLB ใช้ได้ด้วยตัวเองเสมอ และ .gltf ที่ฝังข้อมูลไว้ก็เช่นกัน สำหรับ .gltf ที่มีไฟล์แยก ให้ป้อน .gltf, .bin และรูปภาพให้ตัวดู glTF พร้อมกัน (เลือกหลายไฟล์ ลากมาทั้งหมด หรือลากไฟล์ .zip หนึ่งไฟล์; การลากโฟลเดอร์เองไม่ทำงาน) ไฟล์จะจับคู่ตามชื่อ ดังนั้นพาธโฟลเดอร์ใน JSON จึงไม่สำคัญ และแผงจะแสดงรายการไว้ใต้ Also read:
หากไม่มี .bin โมเดลจะสร้างไม่ได้ ตัวดูจะหยุดพร้อมข้อความ โมเดลนี้ต้องการไฟล์ที่ไม่ได้รวมมา: model.bin และระบุชื่อไฟล์ รูปภาพที่หายไปไม่ร้ายแรงเท่า: โมเดลจะเปิดได้และมีหมายเหตุสีเหลืองอำพัน ไม่ได้รวมมา: แสดงรายการไฟล์เหล่านั้น หากต้องการให้ .gltf มีข้อมูลครบในไฟล์เดียว ให้ส่งออก glTF Binary (.glb) จาก Blender หรือรัน gltf-transform copy model.gltf model.glb คู่มือ glTF กับ GLB ของเราอธิบายว่าการแพ็กเกจแบบใดเหมาะเมื่อไร
ข้อจำกัดอีกสองข้อที่ควรรู้: แอนิเมชันโหลดได้แต่ไม่เล่น (โมเดลจะแสดงท่าพัก) และพื้นผิว KTX2 / Basis Universal ไม่ถูกถอดรหัส
ตัวดู glTF ออนไลน์: ฟีเจอร์ที่รองรับ
| ฟีเจอร์ | รองรับ |
|---|---|
| .glb (binary glTF 2.0) | ใช่ |
| .gltf พร้อมบัฟเฟอร์ฝังในไฟล์ | ใช่ |
| .gltf พร้อม .bin และรูปภาพแยก | ใช่ เลือกพร้อมกันหรือลาก .zip |
| .bin หายไป | แสดงข้อผิดพลาดพร้อมชื่อไฟล์ที่หาย |
| วัสดุ PBR metallic-roughness | ใช่ |
| การบีบอัดเมช Draco | ใช่ |
| การบีบอัดและการทำ quantized ของ Meshopt | ใช่ |
| พื้นผิว PNG, JPG และ WebP | ใช่ |
| พื้นผิว KTX2 / Basis | ไม่ |
| การเล่นแอนิเมชัน | ไม่ แสดงเฉพาะท่าพัก |
| ขนาดไฟล์ | สูงสุด 200 MB |
เคล็ดลับตรวจ glTF ก่อนส่งมอบ
- ดูโมเดลในโหมด Clay เพื่อแยกปัญหาทางเรขาคณิตออกจากปัญหาพื้นผิว
- เก็บแอสเซ็ตเว็บให้ต่ำไม่กี่ MB บีบอัดพื้นผิวก่อน เพราะมักเป็นส่วนที่กินขนาดมากที่สุด
- ตรวจว่าโมเดลสินค้าอ่านขนาดจริงเป็นเมตรก่อนใช้ใน AR
- ใช้ ตัวดู GLB หรือหน้านี้สลับกันได้ ทั้งคู่เปิด .glb
- ลากเฉพาะ .gltf เมื่อโมเดลมี .bin แยก ต้องรวม .bin มาด้วย หรือ zip โฟลเดอร์
- อย่าคาดหวังการเล่นแอนิเมชันหรือรายงานตรวจสอบ glTF ที่นี่
- อย่าส่งพื้นผิว 8K ไปยังมือถือ พื้นผิว 2K เพียงพอสำหรับมุมมองเว็บส่วนใหญ่
- อย่าคิดว่าโมเดลที่ดูถูกต้องที่นี่จะเหมือนกันทุกเอนจิน ต้องตรวจในเอนจินเป้าหมายด้วย
เมื่อใดควรใช้ตัวดู glTF อื่น
พูดถึงทางเลือกอย่างยุติธรรม: หากคุณเป็นนักพัฒนาที่กำลังดีบักตัวส่งออก Khronos glTF Sample Viewer และ glTF Viewer ของ Don McCurdy ยอดเยี่ยมมาก ทั้งสองมี glTF Validator อย่างเป็นทางการ เล่นแอนิเมชัน และสลับระหว่างวัสดุแต่ละแบบ ใช้สำหรับดีบักระดับสเปก
ใช้ตัวนี้เมื่อคุณต้องการดูอย่างรวดเร็วและเป็นส่วนตัวพร้อมจำนวนสามเหลี่ยม วัสดุ และพื้นผิว ขนาดจริง การตรวจแบบ clay และ wireframe และแปลงได้ในคลิกเดียว จากที่นี่ โมเดลสามารถไปต่อเป็น OBJ สำหรับเครื่องมือเก่าหรือ STL สำหรับการพิมพ์
เครื่องมือ glTF ที่เกี่ยวข้อง
FAQ
คำถามที่พบบ่อย
ฉันจะเปิดไฟล์ glTF ได้อย่างไร?
ตัวดู glTF นี้ฟรีไหม?
ทำไมไฟล์ .gltf ของฉันไม่เปิด?
ตัวดูรองรับ GLB ที่บีบอัดด้วย Draco หรือไม่?
เล่นแอนิเมชัน glTF ที่นี่ได้ไหม?
ไฟล์ของฉันถูกอัปโหลดหรือไม่?
ตัวดู glTF กับตัวดู GLB ต่างกันอย่างไร?
เครื่องมือและคู่มือที่เกี่ยวข้อง
อ่านต่อ
เริ่มใช้ฟรี
ดู glTF ของคุณตอนนี้
ลาก .gltf หรือ .glb ไปที่ตัวดู glTF ด้านบน และตรวจสอบวัสดุ การบีบอัด และขนาดในเบราว์เซอร์ของคุณ
ฟรี · ใช้ได้ในเบราว์เซอร์ · ไม่ต้องสมัคร