초대형 3D 모델을 웹 브라우저에서의 가시화 모듈인 VIZWide3D에 대한 기본 사용 예제 및 활용 코드를 공유하기 위한 목적입니다.
상세 API에 대한 설명 및 예제는 VIZWide3D Document ( https://www.softhills.net/SHDC/VIZWide3D/vizwide3d.html ) 를 참고 하시기 바랍니다.
-
VIZCore3D를 해당 파일에 적용 ( ※VIZCore3D 파일은 별도로 받아서 적용해야 합니다. )
-
샘플 파일(.html) 들을 실행시켜 해당 예제의 작동을 확인
- VIZCore3D : VIZWide3D 배포 폴더 ( 배포 받아서 사용 )
- MODEL : 예제에 활용되는 모델(*.vizw) 파일,
- Resource/js/UISideBar.js : 예제에 활용되는 좌측 NavigationBar UI
- Resource/css/UISideBar.css : 예제에 활용되는 좌측 NavigationBar UI의 css파일
- Resource/Review/Data.json : index_review.html 예제에서 활용되는 리뷰(.json)파일
- html : 웹 페이지로 하위 Examples 설명 참고
| 기능 | 샘플 파일 (.html) | 출력 형태 | 세부 기능 | 콜백 함수 | 기능 설명 |
|---|---|---|---|---|---|
| Initialize | index | 초기화 | onInit | 초기화 | |
| Configuration | index_configuration | 초기 환경 설정 변경 | onConfiguration | 초기 환경에 설정된 값을 변경 | |
| Toolbar | index_toolbar | View | 버튼 추가 | cbAddButton | toolbar에 버튼 추가 |
| View | 서브 버튼 추가 | cbAddSubButton | toolbar에 서브 버튼 추가 | ||
| View | 버튼 보이기/숨기기 | cbHideButton | toolbar에 버튼 보이기/숨기기 | ||
| View | index_view | View | 초기 화면 | cbReSetView | 초기화면 상태로 전환 |
| View | 화면을 모델에 맞춤 | cbFitAllView | 화면을 모델에 맞춤 | ||
| View | X-Ray 모드 적용 | cbRenderXray | X-Ray 모드 설정 | ||
| View | SSAO 설정 | cbEnvironmaSSAO | SSAO 설정 | ||
| View | 환경 조명 설정 | cbEnvironLight | 환경 조명 설정 | ||
| View | 조명 색상 변경 | cbLightColor | 조명 색상 변경 | ||
| View | 평행 모드 적용 | cbOrthographic | 평행 모드 적용 | ||
| View | 원근 모드 적용 | cbPerspective | 원근 모드 적용 | ||
| ContextMenu | index_contextmenu | View | 메뉴 추가 | cbAddMenu | contextmenu에 메뉴 추가 |
| View | 메뉴 숨기기 | cbHideMenu | contextmenu에 메뉴 숨기기 | ||
| File | index_file | View | 파일 열기 | cbOpenFile | 파일 열기 |
| View | 모델 닫기 | cbClose | 파일 닫기 | ||
| View | 파일 추가 | cbAddFiles | 파일 추가 | ||
| Console log | 바운드 박스 반환 | cbReturnBox | 바운드 박스 정보 반환 | ||
| Console log | 파일 목록 반환 | cbReturnFile | 현재 열려있는 파일 목록 반환 | ||
| View | 모델트리 개발자 정보 On/Off | cbDevelopInfo | 모델트리에 개발자 정보(nodeId) 표시 | ||
| Object | index_object | Console log | 노드 정보 반환 | cbGetNodeBySelected | 선택된 object 노드 로그 출력 |
| View | 지정된 노드 선택 | cbSelectNodes | 특정 'keyword'의 노드 선택 | ||
| Color | index_color | View | 노드 색상 변경 | cbSetColor | 노드 색상 변경 |
| View | 노드 색상 초기화 | cbClearColor | 노드 색상 초기화 | ||
| View | 노드 투명도 변경 | cbSetAlpha | 노드 투명도 변경 | ||
| View | 노트 투명도 초기화 | cbClearAlpha | 노드 투명도 초기화 | ||
| View | 전체 초기화 | cbClearAll | 전체 색상 초기화 | ||
| Property | index_property | Console log | 전체 속성 맵 반환 | cbGetAllPropertyMap | 모델 전체 속성 맵 반환 |
| Console log | 특정 노드 속성 반환 | cbGetProperty | 특정 노드의 속성 정보 반환 | ||
| View | 속성에 해당해는 개체 선택 | cbSelectNode | 특정 속성에 해당하는 개체 선택 | ||
| Review | index_review | View | 리뷰 저장 | cbSaveReview | 리뷰 (노트, 측정, 스냅샷) 저장 후 json 출력 |
| View | 리뷰 불러오기 | cbOpenReview | json 리뷰 열기 | ||
| Camera | index_camera | View | +X | cbSetCameraPlusX | +X 카메라 설정 |
| View | -X | cbSetCameraMinusX | -X 카메라 설정 | ||
| View | +Y | cbSetCameraPlusY | +Y 카메라 설정 | ||
| View | -Y | cbSetCameraMinusY | -Y 카메라 설정 | ||
| View | +Z | cbSetCameraPlusZ | +Z 카메라 설정 | ||
| View | -Z | cbSetCameraMinusZ | -Z 카메라 설정 | ||
| View | +ISO | cbSetCameraPlusISO | +ISO 카메라 설정 | ||
| View | -ISO | cbSetCameraMinusISO | -ISO 카메라 설정 | ||
| View | 줌인 | cbCameraZoomIn | 카메라 시점 확대 | ||
| View | 줌아웃 | cbCameraZoomOut | 카메라 시점 축소 | ||
| View | Matrix 카메라 설정 | cbSetCameraData | Matrix를 구성해 카메라를 설정 | ||
| Console log | 카메라 정보 반환 | cbGetCameraData | 카메라 정보 반환 | ||
| Search | index_search | Console log | 노드 검색 | cbFindNode | QuickSearch (Full match : false) - 특정 keyword 검색된 노드 로그 출력 |
| Console log | 검색어 일치 | cbFindNodeKeywordMatch | QuickSearch (Full match : true)- 특정 keyword 검색된 노드 로그 출력 | ||
| Console log | 속성 포함 | cbIncludeProperty | 특정 Property 검색된 노드 로그 출력 | ||
| Note | index_note | View | 2D Note 생성 | cbAdd2DNote | 2D Note 생성 |
| View | 3D Note 생성 | cbAdd3DNote | 3D Note 생성 | ||
| View | Surface Note 생성 | cbAddSurfaceNote | Surface Note 생성 | ||
| View | 2D Note 수정 | cbChange2DNote | 2D Note 수정 | ||
| View | 3D Note 수정 | cbChange3DNote | 3D Note 수정 | ||
| View | Surface Note 수정 | cbChangeSurfaceNote | Surface Note 수정 | ||
| View | 2D Note 삭제 | cbDelete2DNote | 2D Note 삭제 | ||
| View | 3D Note 삭제 | cbDelete3DNote | 3D Note 삭제 | ||
| View | Surface Note 삭제 | cbDeleteSurfaceNote | Surface Note 삭제 | ||
| View | 노트 전체 삭제 | cbDeleteAllNote | 노트 전체 삭제 | ||
| Console log | Note 선택 이벤트 | cbSelectNote | 선택된 Note의 정보 출력 | ||
| Clipping | index_clipping | View | X축 단면 생성 | cbClippingXAxis | X축 단면 생성 |
| View | Y축 단면 생성 | cbClippingYAxis | Y축 단면 생성 | ||
| View | Z축 단면 생성 | cbClippingZAxis | Z축 단면 생성 | ||
| View | 선택 상자 단면 생성 | cbClippingSelectBox | 선택한 모델을 기준으로 박스 단면 생성 | ||
| View | 박스 단면 생성 | cbClippingBox | 보여지는 모델 기준으로 박스 생성 | ||
| View | 단면 방향 전환 | cbClippingInverse | X축 or Y축 or Z축 단면의 방향을 전환 | ||
| View | 단면 색상 변환 | cbClippingChangeColor | 단면의 색상을 변환 | ||
| View | 단면 보이기/숨기기 | cbShowSection | 단면 보이기/숨기기 | ||
| View | 단면 삭제 | cbClearSection | 단면 삭제 | ||
| View | 단면 ID 반환 | cbGetClippingID | 단면 ID 반환 | ||
| DrawPath | index_drawPath | View | 데이터 경로 생성 | drawPath | 위경도 정보를 3D 좌표로 변환 및 저장 |
| addPath | 3D좌표 정보를 기반으로 경로 그리기 |