eHMI Water Plant Demo

Hallo zusammen, in diesem Sommer habe ich zum ersten Mal mit der PLCnext-Technologie gearbeitet und ich wollte Ihnen mitteilen, was ich kann. Genauer gesagt habe ich mit der eHMI-Technologie in PLCnext Engineer gearbeitet. Wenn jemand von Ihnen wie ich ist und keine künstlerischen Fähigkeiten hat, möchten Sie die Bildschirme vielleicht nicht von Grund auf neu erstellen und lieber eine Reihe von Bildern verwenden, die bereits von einem Grafikdesigner oder einer ähnlichen Person für Sie erstellt wurden. Also, hier habe ich angefangen.

Ich bekam einen Ordner mit vielen verschiedenen SVG-Bildern, die bereits von einem Grafikdesigner entworfen wurden. Für diejenigen, die es nicht wissen, SVGs sind skalierbare Vektorgrafiken. Dies ist eine besondere Art von Bild, da die Bildgröße die Bildqualität nicht beeinflusst. Wo also ein normales Bild beim Hochskalieren verpixelt wird, behält ein SVG-Bild seine Qualität.

Im nächsten Teil kann es jedoch schwierig werden. Jedes in PLCnext Engineer importierte Bild kann keine detaillierten Animationen enthalten. Wenn Sie beispielsweise ein Bild eines Tanks importiert haben, konnten Sie den Umriss des Tanks nicht auswählen und seine Farbe auf Grün ändern, wenn er voll ist. Jedes Element, das im HMI animiert werden soll, sollte in PLCnext Engineer gezeichnet werden.

Deshalb musste ich einen Kompromiss finden. Durch die Verwendung einer kostenlosen externen Ressource namens Inkscape konnte ich die Bilder, die ich erhielt, in das gewünschte Wasserpflanzensystem manipulieren. Dann konnte ich die zu zeichnenden animierten Elemente in PLCnext Engineer auswählen und löschen. Ich endete mit dem, was ich die unten gezeigte detaillierte Ebene nannte:

Ich wollte auch das Füllen der Rohre mit Wasser animieren, also habe ich einen Beschneidungspfad oder eine Ausschnittebene erstellt, die hinter der detaillierten Ebene liegen würde, um die Hintergrundelemente zu verbergen, die ich zum Animieren von Wasser verwendet habe:

Nach dem Importieren der obigen Bilder und dem Erstellen der animierten Elemente in PLCnext Engineer endete ich mit dem folgenden HMI-Bildschirm:

Dieses Projekt finden Sie auf meinem GitHub zusammen mit einer detaillierten Erklärung, wie es erstellt wurde, und einem Bonusprojekt:plcnextusa/eHMI_water_plant_demo:High Graphic Water Plant Animation (github.com)