# visualizer[ko]
![컴포넌트-Visualizer][visualizer-01]

비주얼라이저는 일종의 3D 컴포넌트인 동시에, 다른 컴포넌트들을 내포할 수 있는 하나의 컨테이너이다. 사용자는 필요에 따라 이 컨테이너 안에 rack, rack-table 등 창고 관련 컴포넌트들을 추가하고 배치하여 원하는 레이아웃을 구성할 수 있다.  
비주얼라이저 안에 컴포넌트들을 정상적으로 추가하는 방법은, 모델링 화면에서 컴포넌트를 비주얼라이저의 테두리가 주황색으로 강조되도록 드래그하여 포함시키는 것이다. 미리보기 버튼을 클릭하여 3D 화면으로 확인할 수 있다.

- Category : WareHouse

## properties
1. FOV (Field Of View) : 한 화면에 어느 정도의 공간을 보여줄 것인지를 설정하는 값  
2. Near : 높을 수록 가까운 물체까지 표현함  
3. Far : 높을 수록 먼 물체까지 표현함  
4. Zoom : 화면 확대/축소  
5. 카메라X: 카메라 X수치
6. 카메라Y: 카메라 Y수치
7. 카메라Z: 카메라 Z수치
8. 감마인자: 
9. 정밀도 : 얼마나 정밀하게 표현할 것인가 결정  
10. 안티앨리어싱 : 3D 화면의 계단현상을 제거해 주는 기능  
11. 자동 회전 : 3D 화면이 일정한 회전수를 유지하는 상태 설정 기능  
12. 축 보이기 : 화면의 x, y, z 축 표시  
13. 3차원 모드 : 모델링 화면에서 직접 3D 화면 표시  
14. 디버그로깅 : 화면에 FPS (Frame per second) 표시  
15. Location Field : Visualizer에 넘어온 데이터 중 어떠한 필드를 랙의 Location으로 사용할지 결정  
16. Popup Scene: Rack을 클릭했을 때 Popup으로 보여줄 SCENE의 번호  
17. Legend Target : Rack의 상태값에 따른 색상을 결정하기 위해 참조할 Legend의 ID를 입력  
18. 회전 속도 : 3D 화면의 회전 속도 설정  
19. 빈 재고 숨김 : Rack의 재고가 없을 때 (데이터가 없을 때) 반투명하게 표현하는 기능  
20. Popup 위치 : POPUP Scene 위치

[visualizer-01]: ../images/visualizer-01.png

## 배치 및 바닥 배경 이미지 넣기 

1. Scene 모델러 좌측의 컴포넌트 툴바에서 Visualizer를 선택하여 배치한다.  
![visualizer 선택][select-visualizer]

1. 배치된 Visualizer를 클릭 후, 작업 예정인 관련 도면 이미지를 Visualizer의 [배경 이미지로 설정]({{ site.baseurl }}/{{site.lang | default: 'ko' }}/tutorials/#drag-n-drop-방법)한다.  
![visualizer 배경이미지 설정][visualizer-background-pattern]

1. 미리보기를 눌러 확인한다.
![미리보기][visualizer-preview-01]


[select-visualizer]: ../images/visualizer-select-visualizer-from-component-bar.png

[visualizer-background-pattern]: ../images/visualizer-background-pattern.png

[visualizer-preview-01]: ../images/visualizer-preview-01.png


## Rack table 배치하기

1. 컴포넌트 툴바에서 Rack-table을 선택하여 배치한다.  
![rack-table 선택][select-rack-table]

1. 배치된 Rack-table을 선택 후 배치된 Visualizer에 **포함**되도록(Visualizer의 테두리가 주황색으로 바뀌도록) 배치한다.  
![rack-table 배치][put-rack-table]


[select-rack-table]: ../images/visualizer-select-rack-table-from-component-bar.png

[put-rack-table]: ../images/visualizer-put-rack-table.png


## rack 배치하기 

1. Rack-table을 선택하여 도면의 Zone에 겹치도록 배치한다.  
(<span style="color:red">!주의</span> Rack-table은 배치한 테이블 기준으로 행에 대해서만 통로로 인식하므로, 도면상의 통로가 세로로 되어 있는 경우에는 90도 회전하여 배치한다.)  
![rack-table을 zone에 배치][put-rack-table-on-the-zone]

1. 도면을 참조하여 rack-table의 행과 열을 조정한다.  
![rack-table 행, 열 조정][set-row-col]

1. 도면을 참조하여 통로를 설정한다(통로에 해당하는 행 선택 후 속성의 is empty를 체크).  
![통로 지정][set-aisle]

1. Rack-table을 선택 후 Rack 선반 층수와, 선반 깊이를 입력한다.

1. (선택사항) 랙 기둥 숨기기 여부 및 Stock scale을 설정한다.

1. 미리보기를 통해 확인한다.  
![미리보기][visualizer-preview-02]


[put-rack-table-on-the-zone]: ../images/visualizer-put-rack-table-on-the-zone.png

[set-row-col]: ../images/visualizer-set-row-col.png

[set-aisle]: ../images/visualizer-set-aisle.png

[visualizer-preview-02]: ../images/visualizer-preview-02.png

## rack에 location 지정하기 

1. Rack-table을 선택하고 존과 위치패턴, 단패턴을 입력한다.    
![Rack-table에 존, 위치패턴, 단패턴 입력][set-zone-and-patterns]

1. 로케이션을 지정하고자 하는 셀을 드래그하여 선택 후 속성창의 로케이션 지정 기능을 통해 지정한다.  
(로케이션이 잘 지정되었는지 확인하려면 셀 위에 마우스를 올리면 된다.)  
![로케이션 지정][set-location-pattern]

[set-zone-and-patterns]: ../images/set-zone-and-patterns.png

[set-location-pattern]: ../images/visualizer-set-location-pattern.png

## 수동으로 단 구성하기 

1. rack을 선택한다.  
![rack 선택][config-shelf-select-rack]

1. 속성의 **단 로케이션** 입력란에 각 단의 ID를 입력한다. 각 단은 `,`로 구분한다. 왼쪽부터 1층으로 취급하고, ID를 입력하지 않은 층은 숨겨진다.  
![단 로케이션 설정][config-shelf-property]

1. 미리보기로 확인한다.  
![단 로케이션 미리보기][config-shelf-preview]

[config-shelf-property]: ../images/visualizer-config-shelves-00.png
[config-shelf-preview]: ../images/visualizer-config-shelves-01.png
[config-shelf-select-rack]: ../images/visualizer-config-shelves-02.png

## 셀 분할하기 

1. Rack을 선택하고 **Bin 로케이션** 입력란에서 각 단을 분할할 수 있다. `,`로 구분한다.  
![Bin 로케이션 기본설정][bin-config-basic]  

1. 가장 아랫줄부터 1층으로 취급하며, 분할을 사용하지 않을 층은 `.`으로 표시한다.  
![bin-config-no-apart]

1. 입력한 텍스트는 `.`일 때를 제외하고 로케이션 ID 뒤에 붙어 각 bin의 ID로 사용된다.

[bin-config-basic]: ../images/visualizer-config-bin-00.png
[bin-config-no-apart]: ../images/visualizer-config-bin-01.png