애니메이션 비트맵은 지정된 태그의 값에 따라 화면에 표시된 이미지의 움직임을 제어할 수 있는 기능입니다. XpanelDesigner 내에 저장된 다양한 애니메이션 비트맵을 통하여 현장의 상황에 따른 움직임을 표현할 수 있습니다. 또한 별도의 편집 기능을 활용하여 새로운 이미지를 만들어낼 수 있습니다.
※ 애니메이션 편집 기능에 대한 자세한 사항은 애니메이션 편집 도움말을 참조해주시기 바랍니다.
NOTE |
|
설정 화면
[편집] - [애니메이션 비트맵 삽입]을 선택하면 아래와 같은 화면이 표시됩니다. 이 곳에서 사용자의 설정에 따라 다양한 애니메이션을 프로젝트에 추가할 수 있습니다.
항목 | 설명 |
그룹 이름 | XpanelDesigner에 등록되어 있는 애니메이션 그룹의 목록입니다. 그룹 이름을 선택하면 각 그룹에 속한 애니메이션 비트맵의 이름이 [파일 이름] 리스트에 나열됩니다. |
파일 이름(*.cmani) | [그룹 이름]에서 선택한 그룹에 속한 애니메이션 비트맵의 목록입니다. 각 애니메이션 비트맵 파일은 *.cmani형식을 취하며, C:\CIMON\”XpanelDesigner 버전”\AniLib 경로에 그룹 별로 저장되어 있습니다. |
미리보기 | 각 애니메이션 비트맵을 선택하면 설정 화면의 우측에 애니메이션 미리보기가 썸네일 형태로 제공됩니다. 하단에는 오브젝트의 크기가 표시됩니다. |
그룹 삭제 | 선택한 애니메이션 그룹을 삭제합니다. 이 때, 그룹 내에 있던 모든 애니메이션 비트맵 역시 삭제됩니다. 삭제한 항목은 저장 경로에서도 삭제되므로, 그룹 폴더를 백업 후 삭제하여 주시기 바랍니다. |
애니메이션 삭제 | 선택한 애니메이션 비트맵을 삭제합니다. 삭제한 항목은 저장 경로에서도 삭제되므로, 파일을 백업 후 삭제하여 주시기 바랍니다. |
확인 | 선택한 애니메이션 비트맵을 페이지에 추가합니다. |
취소 | 애니메이션 비트맵을 추가하지 않고 페이지로 돌아갑니다. |
그림 설정
애니메이션 비트맵은 그림 설정이 가능합니다. 그림 설정이란, 오브젝트의 위치, 크기, 색상 등과 출몰, 점멸 등의 제어 기능을 부여하기 위한 기능입니다. 페이지에 추가된 애니메이션 비트맵을 더블클릭하거나 우클릭하여 [그림 설정]을 선택하면 아래와 같은 화면이 표시됩니다.
항목 | 설명 |
이름 | 오브젝트의 이름을 설정합니다. 공백으로 지정할 수 없습니다. |
종류 | 오브젝트의 종류가 나타납니다. Animate Bitmap으로 구분됩니다. |
항목 | 설명 |
그림 구성 | 위치/크기, 선/채우기 탭으로 구성되어 있습니다. |
출몰 | 태그의 값에 따라 오브젝트를 보이게 하거나 숨기는 기능입니다. |
점멸 | 태그의 값에 따라 오브젝트를 지정된 주기마다 점멸 시키는 기능입니다. |
수직/수평이동 | 태그의 값에 따라 오브젝트를 위, 아래로 이동시키는 기능입니다. |
회전 | 입력한 태그에 따라 오브젝트를 지정된 각도만큼 회전시키는 기능입니다. |
터치 | 마우스 등을 사용하여 오브젝트를 누르거나 뗄 때 정의된 동작을 실행하는 기능입니다. |
데이터 입력 | 마우스 등을 사용하여 오브젝트를 선택하면 나타나는 윈도우 입력 창을 활용하여 데이터를 입력할 수 있는 기능입니다. |
Animate Bitmap | 애니메이션 비트맵을 변경할 수 있는 화면을 나타냅니다. |
※ 그림 설정에 관한 자세한 내용은 그림 설정 도움말을 참조해주시기 바랍니다.
항목 | 설명 | |
동작태그이름 | 애니메이션 비트맵의 재생 상태를 제어하는 어드레스 또는 태그를 등록합니다. | |
어드레스 | 어드레스를 사용하여 제어할 경우 사용합니다. BIT 또는 WORD 단위의 데이터를 선택할 수 있으며, 우측의 버튼을 통해 ‘디바이스 어드레스 입력’ 화면에서 대상 장비의 어드레스를 입력할 수 있습니다. | |
태그이름 | 아날로그 태그와 디지털 태그를 지정할 수 있습니다. 태그 값이 0인 경우, 애니메이션 비트맵 동작이 정지합니다. 태그 값이 0이 아닌 경우, Play 횟수에 설정된 값만큼 반복 재생합니다. | |
Play 횟수 | 애니메이션 비트맵의 반복 재생 횟수를 지정합니다. 최소 0 ~ 최대 32767의 값을 지정할 수 있습니다. | |
0 | 애니메이션 비트맵이 무한대로 동작합니다. | |
1 | 애니메이션 비트맵이 1회 동작한 뒤 정지합니다. 1 이상의 값을 지정할 시 해당되는 횟수만큼 재생됩니다. | |
Play 간격 | 애니메이션 비트맵의 각 프레임 별 표시 시간을 설정합니다. 단위는 초당 100msec입니다. 최소 1(100msec) ~ 최대 32767( 3276700msec) 사이의 값을 지정할 수 있습니다. |
사용 예제
본 예제는 기능을 설명하기 위해 삽입된 예제입니다. 실제 사용 시 사용자의 환경에 맞게 설정하여 사용해주십시오. |
사용 예제 : 애니메이션 비트맵을 이용한 동작 표현 |
애니메이션 비트맵을 이용하여, 컨베이어 벨트 위를 이동하는 오브젝트의 움직임을 표현합니다.
a) 데이터베이스에서 디지털 태그와 아날로그 태그 각각 1개 씩을 생성합니다.
b) [편집]-[애니메이션 비트맵 삽입]을 클릭하여 컨베이어 오브젝트를 선택합니다.
c) 페이지에 2개의 오브젝트를 등록합니다. [그림설정]에서 동작태그를 디지털 태그로 지정합니다. 재생 횟수를 0으로 입력하고, 재생 간격을 1(100msec)로 지정합니다.
d) [정렬]-[수평대칭]을 선택하여 두 개의 컨베이어 오브젝트를 하나로 연결하여 배치합니다.
e) [그림]-[라이브러리]에서 박스 오브젝트를 선택하여 페이지에 등록합니다. 오브젝트의 크기는 60x60으로 지정합니다.
f) [그림설정]에서 수평이동 기능을 설정합니다. 움직임을 제어할 태그를 아날로그 태그로 지정하고, 데이터 변화 영역은 최소 0부터 최대 30까지 입력합니다.
g) [이동기준설정] 탭에서 이동 기준 설정을 왼쪽으로 선택합니다. 이동 거리는 380으로 입력합니다.
h) [도구]-[스크립트]를 클릭하여 정주기 스크립트를 생성합니다. 주기는 1로 설정하고, 내용을 다음과 같이 작성합니다.
i) [그림]-[스위치/램프]를 선택하여 비트 스위치를 생성합니다.
j) 프로젝트를 Xpanel 또는 시뮬레이터로 실행하여 동작을 확인합니다. 디지털 태그의 값이 ON 되었을 때 컨베이어 오브젝트가 작동되며, 박스가 30초 동안 왼쪽에서 오른쪽 방향으로 이동합니다. 아날로그 태그가 30이 되면 다시 0으로 초기화됩니다.