Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

애니메이션 비트맵은 지정된 태그의 값에 따라 화면에 표시된 이미지의 움직임을 제어할 수 있는 기능입니다. XpanelDesigner 내에 저장된 다양한 애니메이션 비트맵을 통하여 현장의 상황에 따른 움직임을 표현할 수 있습니다. 또한 별도의 편집 기능을 활용하여 새로운 이미지를 만들어낼 수 있습니다.

※ 애니메이션 ※    애니메이션 편집 기능에 대한 자세한 사항은 애니메이션 편집 도움말을 참조해주시기 바랍니다.

NOTE52를 바랍니다.

(blue star)

  • 본 도움말은 XpanelDesigner V2.

  • 53을 기준으로 작성되었습니다. 사용 중인 XpanelDesigner 버전에 따라 지원하는 기능에 차이가 있을 수 있는 점 유의하시기 바랍니다.

  • 많은 수의 애니메이션 비트맵 오브젝트가 프로젝트 내부에 등록되었을 경우, 프로젝트의 동작이 느려질 수 있습니다. 프로젝트의 원활한 동작을 위하여, 애니메이션 비트맵 오브젝트를 과도하게 등록하지 않도록 유의해주시기

설정 화면

[편집] - [애니메이션 비트맵 삽입]을 선택하면 아래와 같은 화면이 표시됩니다. 이 곳에서 사용자의 설정에 따라 다양한 애니메이션을 프로젝트에 추가할 수 있습니다.

...

항목

...

설명

...

그룹 이름

...

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으로 초기화됩니다.

...