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)