หน้าแรกคู่มือHMIออกแบบหน้าจอวาดท่อน้ำและทำ Animation

บทที่ 3 จาก 18 ใน ออกแบบหน้าจอ

HMIเริ่มต้น · Beginner1 นาที

วาดท่อน้ำและทำ Animation

วิธีวาดท่อด้วย Pipeline ใน SKTool และทำ Animation บนหน้าจอ HMI Samkoon เปลี่ยนสีท่อ ทำท่อกระพริบ และเอฟเฟกต์น้ำไหล ด้วยบิตของ Control Word ตัวเดียว

วาดท่อด้วย Control ชื่อ Pipeline ใน SKTool แล้วผูก Control Word (ในคลิปใช้ LW0) บิต 0 และบิต 1 เปลี่ยนสีท่อ บิต 2 ทำให้ท่อกระพริบ และบิต 3 เปิดเอฟเฟกต์น้ำไหล

อัพเดทล่าสุด: 26 ตุลาคม 2569

ชุดอุปกรณ์สำหรับบทความนี้

SK-070QEV3
SK-070QEV3
฿2,490

ราคาชุดอุปกรณ์

฿2,490

วาดท่อน้ำพร้อม Animation บน HMI

ท่อบนหน้าจอ HMI ไม่จำเป็นต้องเป็นรูปนิ่ง SKTool มี Control ชื่อ Pipeline ที่วาดท่อได้ตามใจ และเปลี่ยนสี กระพริบ หรือแสดงน้ำไหลได้ตามค่าของ Control Word ตัวเดียว

ขั้นตอนการตั้งค่า

1. วาดท่อ

  1. เปิดโปรแกรม SKTool
  2. ในแผง Control หา Pipeline แล้วกดเลือก
  3. วาดท่อบนหน้าจอ ลากเส้นทางได้ตามต้องการ

2. เลือก Animation ที่จะใช้ (แท็บ General)

ดับเบิลคลิกที่ตัวท่อ แล้วติ๊ก Animation ที่ต้องการ ในคลิปติ๊กทั้งหมด หน้าต่างบอกไว้ว่าแต่ละตัวใช้บิตไหนของ Control Word

ตัวเลือกในแท็บ Generalบิตของ Control Word
Body/Content color changeable: สี #2Bit 0
Body/Content color changeable: สี #3Bit 1
Blink controlBit 2
Flow effect controlBit 3

3. กำหนด Control Word

ในกรอบ Control Word เลือก Size เป็น Word แล้วใส่ Address ในคลิปใช้ LW0 หรือจะใช้ค่า D จาก PLC ก็ได้

4. ติ๊ก Flow Effect ให้ท่อแต่ละท่อน (แท็บ Pipe)

  1. ไปที่แท็บ Pipe จะเห็นท่อแต่ละท่อนเรียงเป็นแถว
  2. เลือกท่อทีละท่อน แล้วติ๊ก Flow Effect
  3. อย่าลืมติ๊ก Flow Effect ให้ทุกท่อนที่ไม่ใช่ข้อต่อ
  4. กด OK

ผลลัพธ์เมื่อเปลี่ยนค่า Control Word

ในคลิปมีช่องแสดงค่า LW0 ทั้งเลขฐานสิบและเลขฐานสองบนหน้าจอ เพื่อให้เห็นว่าบิตไหนติด (บิต 0 คือบิตขวาสุด)

ค่า LW0 (ฐานสิบ)ฐานสองผลบนหน้าจอ
00สีท่อตั้งต้น
11บิต 0 ติด ท่อเปลี่ยนเป็นสีที่ 2
210บิต 1 ติด ท่อเปลี่ยนเป็นสีที่ 3
5101บิต 2 ติดพร้อมบิต 0 (หรือบิต 1) ท่อกระพริบ
81000บิต 3 ติด มีเอฟเฟกต์น้ำไหลในท่อ

สรุป

Pipeline ใน SKTool ใช้ Control Word ตัวเดียวคุมได้ทั้งสีท่อ การกระพริบ และเอฟเฟกต์การไหล ตั้งบิตใน LW หรือ D จาก PLC ตามตารางข้างบน แล้วอย่าลืมติ๊ก Flow Effect ให้ท่อนที่ไม่ใช่ข้อต่อในแท็บ Pipe

บทถัดไป

วิธีสร้าง Flowchart แสดงการทำงานบน HMI ด้วย SKTool

1 นาทีเริ่มต้น · Beginner