Demo Tanaman Air eHMI

Halo Semuanya, musim panas ini adalah pertama kalinya saya bekerja dengan teknologi PLCnext dan saya ingin berbagi apa yang dapat saya lakukan. Lebih khusus lagi, saya bekerja dengan teknologi eHMI di PLCnext Engineer. Jika ada di antara Anda yang seperti saya dan tidak memiliki kemampuan artistik, Anda mungkin tidak ingin menggambar layar dari awal dan lebih suka menggunakan serangkaian gambar yang sudah dibuat untuk Anda oleh seorang desainer grafis atau orang yang serupa. Jadi, dari sinilah saya memulai.

Saya diberi folder dengan banyak gambar SVG berbeda yang sudah dirancang oleh seorang desainer grafis. Bagi mereka yang tidak tahu, SVG adalah Grafik Vektor yang Dapat Diskalakan. Ini adalah jenis gambar khusus karena ukuran gambar tidak akan mempengaruhi kualitas gambar. Jadi, di mana gambar normal ketika diperbesar akan menjadi piksel, gambar SVG akan mempertahankan kualitasnya.

Namun, bagian selanjutnya adalah di mana hal-hal bisa menjadi rumit. Gambar apa pun yang diimpor ke PLCnext Engineer tidak dapat memiliki animasi detail. Misalnya, jika Anda mengimpor gambar tangki, Anda tidak dapat memilih garis luar tangki dan mengubah warnanya menjadi hijau saat penuh. Elemen apa pun yang ingin Anda animasikan di HMI harus digambar di PLCnext Engineer.

Oleh karena itu saya harus berkompromi. Dengan menggunakan sumber luar gratis yang disebut Inkscape, saya dapat memanipulasi gambar yang saya berikan ke dalam sistem tanaman air yang saya inginkan. Kemudian saya dapat memilih elemen animasi yang perlu digambar di PLCnext Engineer dan menghapusnya. Saya mengakhiri dengan apa yang saya sebut lapisan rinci yang ditunjukkan di bawah ini:

Saya juga ingin menganimasikan air yang mengisi pipa jadi saya membuat clip-path atau layer cutout yang akan berada di belakang layer detail untuk menyembunyikan elemen latar belakang yang saya gunakan untuk menganimasikan air:

Setelah mengimpor gambar di atas dan membuat elemen animasi di PLCnext Engineer, saya mengakhiri dengan layar HMI berikut:

Proyek ini dapat ditemukan di GitHub saya bersama dengan penjelasan terperinci tentang cara pembuatannya dan proyek bonus:plcnextusa/eHMI_water_plant_demo:Animasi Tanaman Air Grafis Tinggi (github.com)