ตรวจสอบ Lottie JSON
ตรวจสอบและดูโครงสร้าง Lottie animation JSON - version, ขนาด, framerate, layer tree และ assets ทำงาน offline ในเบราว์เซอร์
Loading tool...
ตรวจสอบ Lottie JSON คืออะไร?
Lottie JSON Player & Validator ตรวจสอบโครงสร้างของ Lottie animation JSON: required fields, layer tree พร้อมชนิด, metadata dashboard และ asset count คำนวณในเครื่องทั้งหมดโดยไม่ใช้ dependency ภายนอก
ประโยชน์หลัก
- จับ missing field ก่อนนำไปใช้ในแอปจริง
- layer tree แสดงโครงสร้างโดยไม่ต้องเปิด After Effects
- metadata dashboard ให้ภาพรวมของ animation ทันที
- ใช้ offline ได้ ไม่ต้องมี dependency ภายนอก
กรณีการใช้งาน
- •ตรวจ Lottie export ก่อน shipping ขึ้น production
- •Debug โครงสร้างเมื่อ playback ไม่ทำงาน
- •จัดทำเอกสาร layer organization สำหรับ design handoff
- •ดู duration และความซับซ้อนของ animation แบบรวดเร็ว
- •ตรวจนับ asset ใน Lottie ไฟล์ขนาดใหญ่
ตรวจสอบ Lottie Animation
- วาง Lottie JSON: วาง Lottie animation JSON ที่ export จาก After Effects, LottieFiles หรือ editor ใดก็ได้
- ดูผลการตรวจสอบ: เครื่องมือตรวจ required fields (v, fr, ip, op, w, h, layers) และแจ้ง key ที่ขาด
- สำรวจ layer tree: แต่ละ layer แสดงชื่อและชนิด (Shape, Text, Solid, Image, Null, Pre-comp)
- ดู metadata: ขนาด framerate duration และ asset count ช่วยให้เห็นภาพรวมของ animation ได้เร็ว
คุณสมบัติหลัก
- ตรวจ required fields: v, fr, ip, op, w, h, layers
- แสดง layer tree พร้อมชื่อและชนิดที่อ่านง่าย
- dashboard: ขนาด, FPS, duration, layers, assets ครบในหน้าเดียว
- รายงาน parse error ละเอียด debug ได้เร็ว
- ไม่ใช้ lottie-web dependency - pure JSON analysis
- ทำงาน offline - ข้อมูล animation ไม่ออกจากเครื่อง