eHMI ウォーター プラントのデモ
皆さん、こんにちは。この夏、私は初めて PLCnext テクノロジを使用しました。その成果を共有したいと思います。具体的には、PLCnext Engineer で eHMI テクノロジを使用しました。私のように芸術的才能のない人がいる場合は、画面をゼロから作成するのではなく、グラフィック デザイナーまたは同様の人物によって作成された一連の画像を使用することをお勧めします。ここから始めました。
グラフィック デザイナーによって既にデザインされたさまざまな SVG 画像を含むフォルダーが与えられました。ご存じない方のために説明すると、SVG はスケーラブル ベクター グラフィックスです。画像のサイズは画像の品質に影響しないため、これは特別な種類の画像です。そのため、拡大すると通常の画像がピクセル化されますが、SVG 画像はその品質を保持します。
ただし、次の部分では、問題が発生する可能性があります。 PLCnext Engineer にインポートされた画像には、詳細なアニメーションを含めることはできません。たとえば、タンクのイメージをインポートした場合、タンクの輪郭を選択して、満杯のときにその色を緑に変更することができませんでした。 HMI でアニメーション化したい要素は、PLCnext Engineer で描画する必要があります。
したがって、私は妥協しなければなりませんでした。 Inkscape と呼ばれる無料の外部リソースを使用することで、与えられた画像を操作して、必要な給水プラント システムを作成することができました。その後、PLCnext Engineer で描画する必要のあるアニメーション要素を選択して削除することができました。以下に示す詳細レイヤーと呼ばれるもので終了しました:
パイプを満たす水もアニメーション化したかったので、水のアニメーション化に使用した背景要素を非表示にするために、詳細なレイヤーの後ろにあるクリップ パスまたはカットアウト レイヤーを作成しました。
上記の画像をインポートし、PLCnext Engineer でアニメーション要素を作成した後、次の HMI 画面で終了しました:
このプロジェクトは、作成方法の詳細な説明とボーナス プロジェクトとともに、私の GitHub で見つけることができます:plcnextusa/eHMI_water_plant_demo:High Graphic Water Plant Animation (github.com)
産業技術