Animation และรูปทรงต่างๆ

Animation บนหน้าจอ HMI

ตอนก่อนๆ ใช้ Control ที่แสดงสถานะหรือเปลี่ยนค่าตัวเลขทั่วไป ตอนนี้จะทำให้อะไรบางอย่างบนหน้าจอขยับหรือเปลี่ยนรูปตามข้อมูลที่เราสนใจ

เตรียมหน้าจอใหม่

1. ใน SKTool คลิกขวา Copy หน้า 002 Intermediate Controls แล้ว Paste
2. ลบ Control ในหน้าที่ Copy มาออกทั้งหมด เหลือไว้แค่หัวข้อ แล้วเปลี่ยนเป็น ADVANCED CONTROLS
3. คลิกขวาที่หน้าใหม่ กด Properties เปลี่ยนชื่อ Screen เป็น Advanced Controls (Screen 003)
4. กลับไปหน้า Main Copy ปุ่มที่ไปหน้า Intermediate Controls มาวางข้างกัน เปลี่ยนให้ไป Screen ID 3 และแก้ข้อความบนปุ่ม

Dynamic Circle — วงกลมเคลื่อนที่

Dynamic Circle เป็นวงกลมที่ขยับตำแหน่งหรือเปลี่ยนรัศมีได้ด้วยค่า 16-bit (หรือ 32-bit)

1. เลือก Dynamic Circle จาก Tool Box ด้านขวา
2. ที่ Controllable ติ๊กทั้ง Center และ Radius
3. ตั้ง Monitor Address เป็น LW4 แล้ววางวงกลมเล็กๆ ไว้บนหน้าจอ

เมื่อตั้งจุดเริ่มต้นที่ LW4 ตำแหน่งข้อมูลถัดไปจะถูกใช้ต่อกันดังนี้

ทดสอบด้วย Slider ที่ Write Address LW4 แล้ว Copy อีก 2 ตัวเป็น LW5 และ LW6 จากนั้น Offline Simulate เลื่อน LW4 ไปสุดที่ค่า 200 จุดกลางของวงกลมจะเคลื่อนไป 200 px บนหน้าจอ เลื่อน LW5 วงกลมวิ่งลงข้างล่าง และเลื่อน LW6 รัศมีจะเปลี่ยน

Dynamic Rectangle — สี่เหลี่ยมเปลี่ยนรูป

คอนเซปต์เดียวกับวงกลม แต่เป็นสี่เหลี่ยมผืนผ้า แทนที่จะมีรัศมีจะมีความกว้างและความสูง จึงใช้ข้อมูลเพิ่มอีกหนึ่งตำแหน่ง

1. เลือก Dynamic Rectangle ตั้ง Monitor Address เป็น LW4
2. ติ๊ก Position และ Size
3. Copy Slider เพิ่มอีกตัวเป็น LW7 (ข้อมูลตำแหน่งที่ 4)

ตอน Simulate สอง Slider แรก (LW4, LW5) ขยับตำแหน่ง ส่วนสองตัวล่าง LW6 ยืดความกว้างไปทางแกน X และ LW7 ยืดไปทางแกน Y

ตัวอย่างการใช้งานคือแสดงระดับน้ำในแท้งค์ หรือแสดงว่ากระบวนการทำไปแล้วกี่เปอร์เซ็นต์

Flowing Block — จำลองการไหล

ถ้างานเป็นเรื่องของไหลโดยเฉพาะ ใช้ Flowing Block จำลองการไหลของของเหลว โดยใช้แค่ข้อมูลเปิด-ปิด 1 บิตในการ Animate

จากนั้นวาง Bit Switch ที่คุม LB3 ตั้ง Function เป็น Invert เพื่อเปิด-ปิดการไหล ตอน Simulate กด Bit Switch แล้ว Block จะวิ่งให้เห็นเป็นการไหล เหมาะกับงานท่อและปั๊ม

Bar Graph — กราฟแท่ง

Bar Graph ใช้ค่าตัวเลข 16-bit หรือ 32-bit แทนการทำแท่งระดับด้วย Dynamic Rectangle ได้ ช่วยทุ่นแรงเพราะกำหนดทิศทางและช่วงค่าได้ในตัว

Direction เลือกได้ Upward, Downward, Leftward, Rightward สร้าง Slider ตัวใหม่ที่ Write Address LW8 แล้ว Simulate ตอน LW8 เป็น 0 แท่งจะไม่มีสีฟ้า พอเพิ่มค่า แท่งจะวิ่งขึ้นจนเต็ม ใช้แสดงผลการผลิตได้เช่นกัน

Pie Chart — กราฟวงกลม

1. เลือก Pie show จาก Tool Box
2. ระบุจำนวนชิ้นของ Pie ที่ช่อง Total status (Default 3 ชิ้น มากสุด 12) ในคลิปใช้ 3
3. ตั้ง Control Address เริ่มต้นเป็น LW4 — มี 3 ชิ้นจึงใช้ LW4, LW5, LW6 ไล่ขึ้นไป

ตอน Simulate เพิ่มค่า LW4 ตัวเดียว ทั้งวงจะเป็นสีเทาของ Data1 เพิ่ม LW5 ให้ใกล้กันจะเห็นเป็นคนละครึ่ง และถ้าให้ LW6 มากกว่า ชิ้นนั้นก็จะใหญ่ขึ้นตามสัดส่วน ใช้แสดงสัดส่วน OK/NG หรือข้อมูลการผลิตอื่นๆ ได้

Meter — เกจแสดงค่า

Meter หรือ Gauge ใช้แสดงความเร็ว ค่า OEE หรือค่าประสิทธิภาพอื่นๆ ปรับได้ตั้งแต่สีหน้าปัดจนถึงการแสดง Scale

ที่แท็บ Scale ตั้ง Scale เป็น 0–200 ให้ตรงกับช่วงค่า เอาตัวเลข Scale ออกให้เหลือแค่จุดเริ่มต้นกับจุดสุดท้าย เปลี่ยนสีตัวเลขเป็นสีดำ และปรับ Font Size ตามต้องการ เกจนี้ใช้ LW8 ตัวเดียวกับ Bar Graph พอเลื่อน Slider ของ LW8 เข็มก็จะวิ่งตาม

ทดสอบบนหน้าจอจริง

เขียนทุกอย่างเสร็จแล้ว เสียบสาย USB-C แล้ว Download ลงหน้าจอ เข้าหน้า Advanced Controls ทดสอบเปลี่ยน Center และรัศมีของวงกลม ดู Pie Chart การไหลของ Flowing Block แล้วเลื่อน Slider ตัวล่างสุดดู Bar Graph กับ Meter ทุกตัวทำงานตามที่ออกแบบ

สรุป

ตอนต่อไปจะดูเรื่อง Reserved Register หรือตำแหน่งข้อมูลสำคัญของหน้าจอ