CityEngine Web Viewer 사용

CityEngine Web Viewer에서는 웹 브라우저를 사용하여 3D 도시 경관과 상호 작용할 수 있습니다. 맵을 확대/축소, 이동 및 회전하여 탐색하고, 책갈피를 선택하고, 보려는 특정 레이어를 선택하고, 객체, 속성 등을 검색하고, 태양광 및 그림자를 변경하고, 여러 소셜 미디어를 통해 공유하고, 맵에 대한 추가 정보를 볼 수 있습니다.

CityEngine Web Viewer 탐색

• 객체의 전체 범위를 확대하려면 객체를 두 번 클릭합니다. 이렇게 하면 카메라 렌즈로 확대한 것과 비슷하게 3D 뷰포트 안의 객체를 프레이밍합니다. 프레이밍은 현재 볼 수 있는 영역만 변경하며, 가시성은 변경하지 않습니다. 객체가 부분적으로 숨겨진 경우 프레이밍은 카메라를 객체에 가깝게 이동하지만 객체는 부분적으로 숨겨진 상태로 남아 있게 됩니다.
• 확대하려면 + 버튼을 클릭합니다.
• 축소하려면 - 버튼을 클릭합니다.
• 마우스 휠을 스크롤하여 확대/축소하거나 마우스 가운데 버튼을 누른 상태로 위 또는 위로 이동하여 확대/축소할 수도 있습니다.
• 이동하려면 이동 버튼 을 클릭하고, 마우스 왼쪽 버튼을 클릭한 채 이동하려는 방향으로 맵을 드래그합니다.
• 회전하려면 회전 버튼 을 클릭하고, 마우스 왼쪽 버튼을 클릭한 채 회전하려는 방향으로 맵을 드래그합니다.
• 이동 또는 회전이 씬 내에서 활성화되고 기본 탐색이 됩니다. 마우스 버튼이 두 개 있는 경우 기본 탐색에 마우스 왼쪽 버튼을 사용하고 보조 탐색에 마우스 오른쪽 버튼을 사용할 수 있습니다. 예를 들어, 회전 버튼을 활성화하면 마우스 왼쪽 버튼을 사용하여 회전하고 마우스 오른쪽 버튼을 사용하여 이동할 수 있습니다.
• 나침반은 북쪽을 가리킵니다. 보기 방향을 북쪽으로 다시 지정하려면 나침반을 클릭합니다.
• 전체 화면 버튼 은 뷰포트를 전체 화면으로 전환합니다.

책갈피

• 카메라를 책갈피 뷰포인트로 변경하려면 책갈피 미리보기를 클릭합니다.
• 책갈피 둘러보기를 재생하려면 재생 버튼 을 클릭합니다.
• 재생 버튼은 책갈피가 두 개 이상 있는 Web Scene에서만 사용할 수 있습니다.

책갈피 탐색 및 둘러보기에 대한 다음 바로가기를 사용할 수 있습니다.

• 스페이스바를 눌러 둘러보기를 재생하거나 일시 중지할 수 있습니다.
• Page Down 바로가기 키를 누르면 다음 책갈피로 이동합니다.
• Page Up 바로가기 키를 누르면 이전 책갈피로 이동합니다.
• 특정 책갈피로 이동하려면 숫자 키를 사용합니다.

CityEngine Web Viewer 창 작업

Web Viewer 창에는 레이어 창, 검색 창, 설정 창, 설명 창 및 정보 창이 있습니다.

CityEngine Web Viewer 창은 Web Scene과 상호 작용하는 추가 도구를 제공합니다. 이러한 도구는 오른쪽 상단 헤더 영역에 있습니다. 창 버튼 중 하나를 클릭하여 해당 창을 표시하고 다른 창을 숨길 수 있습니다. 정보 창 은 객체를 선택하면 자동으로 표시됩니다.

레이어 창

레이어 창 에서는 Web Scene 내의 레이어에 대한 작업을 수행할 수 있습니다. 레이어를 표시하거나 숨기고, 보기를 분할하여 두 개의 하위 레이어를 나란히 비교할 수 있습니다. 예를 들면, 재개발 레이어는 재개발 데이터의 하위 레이어 및 생성된 데이터의 하위 레이어일 수 있으며 이 레이어를 사용하여 차이를 나란히 볼 수 있습니다.

• 레이어를 숨기려면 가시성 버튼 을 클릭합니다.
• 레이어를 표시하려면 가시성 버튼 을 클릭합니다.
• Web Scene을 레이어의 전체 범위로 확대하려면 프레임 버튼 을 클릭합니다.
• Web Scene에서 레이어를 강조하여 식별하려면 레이어 이름을 클릭합니다.

레이어에 데이터의 하위 레이어가 포함된 경우 표시할 하위 레이어를 선택하거나 두 하위 레이어를 나란히 비교할 수 있습니다.

• 하위 레이어를 하나만 표시하려면 레이어 이름 아래에서 하위 레이어 이름을 선택합니다.
• 두 개의 서브레이어를 표시하려면 레이어 이름 위에 마우스를 놓고 해당 레이어 이름 옆의 분할 뷰 버튼 을 클릭합니다. 그러면 레이어 창에서 비교 모드가 열립니다.

비교 모드

두 개의 뷰 각각에 대한 서브레이어를 선택한 다음 서브레이어 비교 방법을 선택합니다.

• 스와이프 도구 는 세로로 분할된 뷰포트에 서브레이어를 표시합니다. 스와이프 슬라이더 버튼 을 드래그하여 분할선의 위치를 변경합니다.
• 나란히 보기 는 왼쪽 뷰와 오른쪽 뷰에 서브레이어를 표시합니다.
• 이중 가로 는 상단 뷰와 하단 뷰에 하위 레이어를 표시합니다.

비교 모드를 종료하려면 비교 모드 종료 버튼을 클릭합니다. 분할선 옆에 있는 닫기 버튼 을 클릭할 수도 있습니다(3D 뷰포트의 경우).

검색 창

Web Scene 내에서 특정 객체 및 속성을 찾으려면 검색 창 을 엽니다. CityEngine Web Viewer는 객체 이름, 속성 값 및 키, 보고서 값 및 키, 레이어 이름을 기준으로 하여 결과를 반환합니다. 숨겨진 레이어의 객체는 검색 결과에 표시되지 않습니다.

객체 또는 속성을 찾으려면 검색 상자에 키워드를 한 개 이상 입력합니다. 요약 정보가 포함된 결과 목록이 창 내에 표시되고 결과 객체가 3D 뷰에서 분리됩니다. 결과를 사용하여 다음 작업을 수행할 수 있습니다.

• Web Scene에서 객체를 강조 표시하려면 객체 이름 위에 마우스를 놓습니다. 강조된 객체가 표시되지 않으면 3D 뷰포트의 보기 영역 외부에 있을 수 있습니다.
• 객체를 3D 뷰포트에 프레이밍하려면 객체 이름 위로 마우스를 이동한 다음 표시되는 프레임 버튼 을 클릭합니다.
• 객체에 프레임을 지정하고 정보 창 을 열려면 밑줄이 표시된 객체 이름을 클릭합니다.

검색 토큰을 사용하여 보다 구체적인 검색 식을 정의할 수 있습니다.

• layer:<layername>은 <layername> 레이어에서만 객체를 찾습니다.
• name:<name>은 객체의 이름에 <name>이 있는 객체만 찾습니다.
• <attributename>:<attribute value>는 <attributename> 속성에 <attribute value>가 있는 객체만 찾습니다.

별표(*)는 와일드카드 문자 역할을 하며, 0개 이상의 문자와 일치됩니다.

정확한 용어를 검색하거나 검색어에 공백이 포함된 경우에는 큰 따옴표를 사용하여 검색어를 묶습니다("검색어").

토큰 앞의 빼기 기호는 토큰 조건을 반전시킵니다.

토큰이 없는 검색어는 사용 가능한 모든 필드(이름, 레이어, 속성 및 보고서)에서 문자열을 일치시킵니다.

예

• house road - 사용 가능한 필드 중 하나 이상에 house 또는 road가 포함된 모든 객체를 찾습니다.
• layer:"Area 51" - Area 51 레이어에서 모든 객체를 찾습니다.
• house layer:"Area 51" - 모든 필드에서 house라는 용어가 포함된 모든 객체를 찾지만 Area 51 레이어의 객체로 결과를 제한합니다.
• landuse:* - 속성이 landuse인 모든 객체를 찾습니다.
• landuse:residential landuse:commercial - landuse가 residential 또는 commercial인 모든 객체를 찾습니다.
• -landuse:industrial - landuse가 industrial이 아닌 모든 객체(landuse 속성이 없는 객체 포함)를 찾습니다.
• address:"Main Street 1*" - 주소가 Main Street 1로 시작하는 모든 객체를 찾습니다.

설정 창

설정 창 에는 시간, 날짜 및 그림자 효과를 선택하여 Web Scene에서 빛의 양을 변경하는 도구가 있습니다.

햇빛

일광 슬라이더를 사용하여 시간별로 일광의 방향을 변경할 수 있습니다. Web Scene에 지리보정된 범위가 있으면 CityEngine Web Viewer는 데이터의 세계 위치에서 GMT(그리니치 표준시) 오프셋을 추정합니다. GMT 오프셋은 UTC 협정 세계시의 오프셋을 기준으로 합니다. 필요한 경우 GMT 오프셋을 수동으로 변경할 수 있습니다.

그림자 처리

직접 그림자와 확산 그림자를 전환하려면 그림자 처리 체크박스 중 하나를 사용합니다. 그림자를 사용하면 CityEngine Web Viewer의 성능이 저하될 수 있습니다. 탐색하는 동안 상호 작용이 느려지면 두 그림자 옵션을 해제해 보세요.

스크린샷

저장 버튼을 클릭하여 Web Scene의 스크린샷을 저장할 수 있습니다. 스크린샷은 현재 뷰포트의 가로 세로 비율과 해상도로 생성됩니다. 필요한 경우 드롭다운 메뉴에서 미리 정의된 값을 선택합니다.

참고 사항:

스크린샷 렌더링은 시험 단계이므로 제한적으로 지원됩니다.

설명 창

설명 창 에는 Web Scene 항목과 관련된 설명이 표시됩니다. 설명을 추가하려면 공용 또는 기관 계정으로 로그인합니다.

CityEngine Web Viewer 버전 2.2 이상에서 발행된 설명에는 설명이 처음 발행될 당시의 Web Scene의 레이어 가시성 상태 및 현재 범위에 대한 위치 정보가 포함됩니다. 버전 번호를 보려면 정보 창 을 열고 로드 정보 표시 버튼을 클릭하면 됩니다.

• 위치 계열 설명은 설명 창과 3D 뷰포트에 표시되며, 설명을 만든 사용자에 따라 서로 다른 아이콘으로 표시됩니다.
  • Web Scene 작성자의 설명은 설명 창에는 으로 표시되고, 3D 뷰포트에는 으로 표시됩니다.
  • 다른 설명은 설명 창에 으로 표시되고, 3D 뷰포트에 으로 표시됩니다.
  • 레이어 창에서 레이어 가시성을 변경하여 설명을 표시하거나 숨길 수 있습니다.
  • 설명 목록 상단의 드롭다운 메뉴를 사용하여 작성자 설명 또는 기타 설명별로 필터링할 수 있습니다(참고: Web Scene에 한 가지 유형의 설명만 포함된 경우에는 이 드롭다운 메뉴를 사용할 수 없음).
• 설명 목록에서 설명 아이콘 위에 마우스를 두면 Web Scene에 대한 설명이 표시됩니다. 설명 버튼 위에 마우스를 두면 버튼이 프레임 버튼 으로 바뀝니다.
• 프레임 버튼 을 클릭하여 Web Scene 범위로 확장하고 설명이 처음 발행될 당시의 상태로 레이어 가시성을 활성화할 수 있습니다.

정보 창

정보 창 에는 Web Scene에서 선택한 객체에 대한 추가 세부정보 또는 검색 결과가 표시됩니다. 일부 Web Scene에는 선택할 수 없는 객체가 있을 수 있습니다.

객체를 선택하지 않은 경우에는 정보 창에 사용자 등급을 비롯하여 Web Scene에 대한 추가 세부정보가 표시됩니다. Web Scene 등급을 지정하려면 공용 또는 기관 계정으로 로그인합니다.

Web Scene 소유자는 정보 창을 통해 미리보기를 업데이트할 수 있습니다.

공유

머리글의 공유 링크를 클릭하여 공유 대화상자를 표시할 수 있습니다.

링크 URL을 복사하여 붙여 넣거나 버튼을 사용하여 이메일 또는 소셜 미디어를 통해 현재 Web Scene 보기를 공유할 수 있습니다. 공유된 링크에는 현재 프레임 보기(카메라 위치)와 현재 레이어 가시성 설정이 있습니다.

Web Scene을 포함하려면 크기를 선택한 다음 제공된 HTML 코드를 선택하여 복사합니다. 맵을 표시할 웹 페이지에 코드를 붙여 넣습니다. 크게는 전체 사용자 인터페이스를 표시합니다. 작게는 축소된 사용자 인터페이스를 표시합니다.

참고 사항:

공유 옵션을 사용하려면 Web Scene을 공개적으로 공유해야 합니다. Web Scene 소유자는 Web Scene 항목 세부정보 페이지에서 공유 권한을 수정할 수 있습니다.