enuSpace

enuSpace professional 2016 기준

enuSpace 그래픽 저작기 타원 객체(Ellipse Object - SVG)

그래픽 편집기에서 Ellipse Object 생성 방법은 아래와 같다.

1. Ellipse Object를 생성할 Picture를 선택한다.

2. 그래픽 편집기 상단의 메뉴에서 “Ellipse” 버튼을 클릭한다.

3. “Ellipse” 버튼을 클릭하고 선택한 Picture에서 원하는 위치 및 길이만큼 마우스로 Drag하여 Ellipse Object를 생성한다.

4. 생성된 Ellipse Object는 그래픽 편집기 오른쪽에 위치한 “Property Window” 에서 설정한다.

아래 그림은 Line Object 생성 및 속성 설정 방법을 나타낸다.

아래 표는 Ellipse Object의 Property 항목 및 기능에 대한 설명을 나타낸다.

enuSpace professional 2016 기준

enuSpace 그래픽 저작기 원 객체(Circle Object - SVG)

그래픽 편집기에서 Circle Object 생성 방법은 아래와 같다.

1. Circle Object를 생성할 Picture를 선택한다.

2. 그래픽 편집기 상단의 메뉴에서 “Circle” 버튼을 클릭한다.

3. “Circle” 버튼을 클릭하고 선택한 Picture에서 원하는 위치 및 길이만큼 마우스로 Drag하여 Circle Object를 생성한다.

4. 생성된 Circle Object는 그래픽 편집기 오른쪽에 위치한 “Property Window” 에서 설정한다.

아래 그림은 Circle Object 생성 및 속성 설정 방법을 나타낸다.

아래 표는 Circle Object의 Property 항목 및 기능에 대한 설명을 나타낸다.

enuSpace professional 2016 기준

enuSpace 그래픽 저작기 폴리곤 객체(Polygon Object - SVG)

그래픽 편집기에서 Polygon Object 생성 방법은 아래와 같다.

1.      Polygon Object를 생성할 Picture를 선택한다.

2.      그래픽 편집기 상단의 메뉴에서 “Polygon” 버튼을 클릭한다.

3.      “Polygon” 버튼을 클릭하고 선택한 Picture에서 원하는 위치 및 길이만큼 마우스로 클릭하여 Polygon Object를 생성한다.

4.      생성을 완료하려면 “ESC” 버튼을 클릭하여 완료할 수 있다.

5.      생성된 Polygon Object는 그래픽 편집기 오른쪽에 위치한 “Property Window” 에서 설정한다.

아래 그림은 Polygon Object 생성 및 속성 설정 방법을 나타낸다.

아래 표는 Polygon Object의 Property 항목 및 기능에 대한 설명을 나타낸다.

enuSpace professional 2016 기준

enuSpace 그래픽 저작기 라인 객체(Polyine Object - SVG)

그래픽 편집기에서 Polyline Object 생성 방법은 아래와 같다.

1. Polyline Object를 생성할 Picture를 선택한다.

2. 그래픽 편집기 상단의 메뉴에서 “Polyline” 버튼을 클릭한다.

3. “Polyline” 버튼을 클릭하고 선택한 Picture에서 원하는 위치 및 길이만큼 마우스로 클릭하여 Polyline Object를 생성한다.

4. 생성을 완료하려면 “ESC” 버튼을 클릭하여 완료할 수 있다.

5. 생성된 Polyline Object는 그래픽 편집기 오른쪽에 위치한 “Property Window” 에서 설정한다.

아래 그림은 Polyline Object 생성 및 속성 설정 방법을 나타낸다.

Polyline Object Property List

enuSpace professional 2016 기준

enuSpace 그래픽 저작기 라인 객체(Line Object)

그래픽 편집기에서 Line Object 생성 방법은 아래와 같다.

1. Line Object를 생성할 Picture를 선택한다.

2. 그래픽 편집기 상단의 메뉴에서 “Line” 버튼을 클릭한다.

3. “Line” 버튼을 클릭하고 선택한 Picture에서 원하는 위치 및 길이만큼 마우스로 Drag하여 Line Object를 생성한다.

4. 생성된 Line Object는 그래픽 편집기 오른쪽에 위치한 “Property Window” 에서 설정한다.

아래 그림은 Line Object 생성 및 속성 설정 방법을 나타낸다.

Line Object Property List

enuSpace professional 2016 기준

enuSpace Picture page 속성 설정

Picture Layout은 현재 활성화된 Picture의 크기 및 배경색, 외곽선 색 등을 설정할 수 있으며, 생성된 Picture의 화면 이동을 지원한다. Page Layout은 그래픽 편집기 상단의 Tab 메뉴에서 “Page Layout” 메뉴를 클릭하면 나타난다.

아래 그림은 Picture Layout을 설정하는 메뉴를 나타낸 것이다.

Picture의 화면 크기 설정은 아래와 같은 방법으로 설정한다.

1. 편집기 상단의 “Page Layout” 메뉴를 클릭하고, 나타나는 하위 메뉴에서 “Canvas Size”버튼을 클릭한다.

2. “Canvas Size”버튼을 클릭하면 편집기 화면 중앙에 “Canvas Size” 이름의 다이얼로그 화면이 나타나며, Picture 화면 크기 설정은 Combo Box로 제공되는 화면 크기 중 하나를 선택하여 “확인” 버튼을 클릭하여 설정한다.

3. 사용자 정의로 Picture 화면 크기를 설정하려면 Width 와 Height에 원하는 크기를 설정하고 “확인” 버튼을 클릭하여 설정한다. 

4. Picture 화면의 가로 및 세로 설정은 크기 설정 오른쪽에 위치한 “Portrait”, “Landscape” 중 하나를 선택하고 “확인” 버튼을 클릭하여 설정한다.

아래 그림은 Picture Layout에서 페이지 크기를 설정하는 방법을 나타낸 것이다.

다음 Picture 화면으로 이동은 현재 활성화 되어 있는 창에 다음파일을 보여주고 없으면 현재 파일에 머물러 있게 된다. 단축버튼은 “PgDn” 버튼이다. 페이지의 순서는 현재 창에 열려있는 순서가 아니라 파일 리스트 상의 순서이며, 현재 활성화 되어 있는 창에 보여주는 것이므로 이전에 열린 창이 있으면 중복으로 열려있게 된다.

enuSpace professional 2016 기준

enuSpace 편집기 단축 명령어 기능

그래픽 편집기에서는 객체 편집 시 사용되는 Common Edit Command를 제공하며, 종류는 Copy, Cut, Paste, Delete, Select를 제공한다.

Copy는 Paste를 하기 전에 선택한 객체를 메모리에 복사하여 놓는다. 키보드 단축키로는 “Ctrl + C”를 눌러 할 수 있고 편집기 화면에서는 아래 그림의 3번 항목을 클릭하여 실행할 수 있다. 객체의 선택은 선택하고자 하는 객체를 영역을 드래그 함으로써 영역 내에 있는 모든 객체를 선택하는 방법과 원하는 객체를 Shift+클릭을 함으로써 추가 할 수 있다.

Cut은 Paste를 하기 전에 선택한 객체를 메모리에 복사하여 놓고 원래의 선택된 객체 또는 객체들을 삭제한다. 키보드 단축키는 “Ctrl + X”를 눌러 할 수 있으며, 편집기 화면에서는 아래 그림의 1번 항목을 클릭하여 실행할 수 있다. 객체의 선택은 선택하고자 하는 객체를 영역을 드래그 함으로써 영역 내에 있는 모든 객체를 선택하는 방법과 원하는 객체를 Shift+클릭을 함으로써 추가 할 수 있다.

Paste는 Copy 또는 Cut를 사용하여 메모리에 저장된 객체를 새로운 객체로 생성하는 것이다. 키보드 단축키는 “Ctrl + V”를 눌러 할 수 있고 편집기 화면에서는 아래 그림 1번 항목을 클릭하여 실행할 수 있다.

Delete는 선택한 객체를 삭제하며 키보드 단축키는 “Delete” 버튼을 눌러 실행할 수 있고, 편집기 화면에서는 4번 항목으로 실행할 수 있다.

Select는 객체를 선택할 때 사용되며 편집기에서는 단일 선택, 전체 선택 및 선택해제 기능을 지원한다. 전체선택은 Picture에 있는 모든 객체를 선택하며, 키보드 단축키는 “Ctrl + A”를 눌러 할 수 있다. 선택해제는 Picture에서 객체가 없는 빈 공간을 클릭함으로써 해제 할 수 있다.

아래 그림은 편집기에서 제공하는 Common Edit Command의 위치를 나타낸다.

enuSpace professional 2016 그래픽 편집기와 루아 스크립트

그래픽 편집기는 그래픽에 대한 속성들과 사용자 정의 전역 및 지역 변수 들을 가지고 있으며 현재의 값을 Lua Script에 전달하고 Lua Script에서 함수의 실행에 의해 바뀐 값을 그래픽 편집기의 그래픽 속성이나 전역 또는 지역변수에 전달하여 값을 변경시킨다. 모든 값을 변경시키는 행위는 프로그램이나 사용자의 마우스 이벤트 등에 의해 발생되며 현재 값의 전달 및 변경된 값의 반환이 함수의 실행 전과 실행 후에 각각 발생한다. 아래 그림은 그래픽 편집기에서 객체의 사용자 정의 함수인 GetColor()에 대한 예시를 나타낸 것이다.

아래 그림은 그래픽 편집기에서 객체의 사용자 정의 함수인 onmousedown()에 대한 예시를 나타낸 것이다.

Lua Script 내부에서만 실행되는 변수 및 함수는 별도로 User Interface가 지원되며Lua Script내부에서는 이벤트 또는 사용자 함수에 의해서 사용 가능하다.

그래픽 편집기에서 Lua Script를 사용하는 방법은 아래와 같다.

1. Lua Script 편집 창을 연다. 

2. Lua Script 편집 다이얼로크 창에서 편집된 내용을 Lua Script에 등록한다.

3. Lua Script에 등록된 변수의 값을 확인하거나 새로운 값을 할당하는 스크립트를 작성한다.

4. 3번 항목에서 작성된 스크립트를 Lua Script에서 실행한다.

5. COLOR 테이블을 Lua Script에 작성하는 스크립트.

6. COLOR 테이블에서 Red 필드.

7. 4번 항목에서 실행한 결과 값의 표현.

그래픽 편집기에서는 전역변수 및 각 객체의 속성 등 다양한 구조적 변수를 가지고 있으며 이러한 구조적 변수를 Lua State에 그대로 가지지 않는다. 모든 값의 변경은 Lua Script에 등록된 함수의 실행에 의해 이루어 지며, 사용되는 변수와 함수 스크립트는 Lua Script에 테이블을 생성하여 변수 및 함수로 등록한다. 이벤트 및 프로그램에 의해 실행되는 함수는 각 함수에 해당하는 Lua Script 테이블과 1:1 대응 관계에 있으며 변수의 인터페이스나 반환 값이 없는 경우 그래픽 편집기 함수는 Lua State에 등록되지 않는다. 아래 그림은 그래픽 편집기의 데이터 구조를 나타낸 것이다.

아래 그림은 Lua Script데이터 구조에 대해 나타낸 것이다.