สร้าง Animation ใน HMI
เรียนรู้การสร้าง Animation ใน HMI ด้วยไฟล์ GIF จาก LottieFiles นำเข้าสู่ SKTool ตั้งค่า Memory Bit และทดสอบการทำงาน พร้อมเคล็ดลับเพิ่มประสิทธิภาพ
อัพเดทล่าสุด: 11/2/2569
ราคาชุดอุปกรณ์
การสร้าง Animation ใน HMI
การใส่ Animation ใน HMI เป็นวิธีที่ช่วยทำให้หน้าจอมีความน่าสนใจและเข้าใจง่ายขึ้น โดยวิธีที่ง่ายและยอดนิยมที่สุดคือการใช้ไฟล์ GIF
การหาไฟล์ GIF Animation
ขั้นตอนการค้นหาและดาวน์โหลด
- เข้าไปที่เว็บไซต์ lottiefiles.com
- ใช้ Search Bar ค้นหาคำสำคัญที่ต้องการ เช่น:
Gear(สำหรับเฟือง)Motor(สำหรับมอเตอร์)Water(สำหรับน้ำ)- หรือคำอื่นๆ ตามความต้องการ
- เลือกไฟล์ที่ต้องการและดาวน์โหลดฟรี
คำแนะนำ: เลือกไฟล์ GIF ที่มีขนาดไม่ใหญ่เกินไป เพื่อให้ HMI ทำงานได้อย่างราบรื่น
การนำ GIF มาใช้ใน HMI
ขั้นตอนการ Import GIF
- เปิดโปรแกรม SKTool (HMI Software)
- ค้นหาส่วน GIF Display ในเมนู Components
- วาง Component GIF Display ลงในหน้าจอ HMI
- คลิกที่ Component แล้วเลือกปุ่ม Folder เพื่อ Import ไฟล์
- เลือกไฟล์ GIF ที่ดาวน์โหลดมาแล้ว
การตั้งค่า Trigger Animation
- ในหน้าต่าง Gif Displat ไปที่ Advanced
- เลือก By Bit Control และกำหนด Control Bit
- ระบุว่าให้แสดง Animation เมื่อมีค่าเป็น 1 หรือ 0 ด้วย Available State
เพื่อให้ Animation ทำงานตามเงื่อนไข:
- สร้าง Control Bit (เช่น LB0) สำหรับควบคุม Animation
- ตั้งค่า Trigger เป็น Invert Mode ถ้าต้องการให้ทำงานเมื่อสถานะเป็น OFF
- กำหนด Memory Address ที่ Component GIF Display
การทดสอบ Animation
ขั้นตอนการทดสอบ
- ทำการ Offline Simulate เพื่อทดสอบการทำงาน
- เปลี่ยนสถานะของ Memory Bit (เช่น LB0) เพื่อดู Animation
ผลลัพธ์: เมื่อ Memory Bit มีสถานะตามที่กำหนด Animation GIF จะเริ่มทำงาน
เคล็ดลับการใช้งาน
- ขนาดไฟล์: เลือก GIF ที่มีขนาดไม่เกิน 1MB เพื่อประสิทธิภาพที่ดี
- ความเร็ว: ปรับ Frame Rate ให้เหมาะสมกับการใช้งานจริง
- จำนวน Animation: หลีกเลี่ยงการใส่ Animation มากเกินไปในหน้าเดียวกัน
- Memory Usage: ตรวจสอบการใช้ Memory ของ HMI เมื่อมี Animation หลายตัว
สรุป
การสร้าง Animation ใน HMI โดยใช้ไฟล์ GIF เป็นวิธีที่ง่ายและมีประสิทธิภาพ โดยเริ่มจากการหาไฟล์ GIF จากเว็บไซต์ LottieFiles แล้วนำมา Import ใน SKTool ผ่าน Component GIF Display จากนั้นตั้งค่า Memory Bit สำหรับควบคุมการแสดงผล การทดสอบด้วย Offline Simulate จะช่วยให้มั่นใจว่า Animation ทำงานได้ตามต้องการ
มีคำถาม? ติดต่อทีมงาน
