LogoSTP 뷰어 문서

렌더링 설정 가이드 - 고급 3D 시각 제어

전문적인 3D 모델 시각화를 위한 STP Viewer 전체화면 모드의 렌더링 설정 완전 가이드

렌더링 설정 가이드

개요

STP Viewer의 렌더링 설정은 3D 모델 시각화에 대한 전문가급 제어를 제공합니다. 이러한 고급 기능은 전체화면 모드에서 사용할 수 있으며, 엣지 표시, 배경 외관, 환경 조명에 대한 정밀한 제어를 제공합니다.

엣지 설정

와이어프레임 엣지 및 기하학적 구조 가시성 제어

배경 설정

색상과 투명도로 씬 배경 사용자 정의

환경 맵

7가지 프리셋 환경으로 전문적인 조명과 반사

크로스 플랫폼

데스크톱과 모바일 디바이스 모두에 최적화

렌더링 설정 접근

데스크톱 접근

전체화면 모드 진입

메인 툴바의 전체화면 아이콘 (⛶)을 클릭하여 전체화면 뷰어 모드로 진입합니다.

설정 패널 열기

전체화면 툴바의 설정 버튼 (⚙️)을 클릭하여 오른쪽에 렌더링 설정 패널을 엽니다.

카테고리 탐색

설정 패널에는 엣지 설정, 배경 설정, 환경 맵의 세 가지 확장 가능한 섹션이 있습니다.

모바일 접근

전체화면 모드 진입

전체화면 아이콘 (⛶)을 탭하여 전체화면 뷰어로 전환합니다.

More 메뉴 열기

모바일 툴바 우측 상단의 More 버튼 (⋯)을 탭합니다.

설정 선택

드롭다운 메뉴에서 설정을 선택하여 렌더링 설정 시트 패널을 엽니다.

플랫폼 적응: 데스크톱은 사이드 패널을 표시하고, 모바일 디바이스는 최적의 터치 상호작용을 위해 하단 시트를 사용합니다.

엣지 설정

개요

엣지 설정은 3D 모델의 와이어프레임 엣지 표시를 제어하여 기하학적 구조를 시각화하고 기술적 분석을 개선하는 데 도움을 줍니다.

주요 기능

엣지 표시 토글

  • 기능: 전체 모델에서 엣지 라인 표시 활성화/비활성화
  • 데스크톱 조작: "엣지 표시" 옆의 스위치 클릭
  • 모바일 조작: 엣지 설정 섹션의 토글 스위치 탭
  • 성능 영향: 엣지 비활성화는 복잡한 모델의 렌더링 성능을 향상시킵니다

엣지 색상 사용자 정의

최적의 대비와 가시성을 위한 여러 색상 옵션 중 선택:

프리셋 색상 (6가지 옵션):

  • 진회색 (기본값): 전문적인 외관, 좋은 대비
  • 검정색: 밝은 배경에서 최대 대비
  • 빨간색: 프레젠테이션에서 높은 가시성
  • 파란색: 기술 문서 표준
  • 초록색: 대체 하이라이트 색상
  • 주황색: 높은 대비 옵션

사용자 정의 색상 선택:

  • 데스크톱: 색상 선택기 클릭 또는 16진수 값 수동 입력
  • 모바일: 색상 사각형 탭하여 시스템 색상 선택기 열기
  • 실시간 미리보기: 변경 사항이 모델에 즉시 적용됩니다

엣지 임계값 제어

각도 감지를 기반으로 표시할 엣지를 미세 조정:

  • 범위: 1° ~ 180° (인접한 면 사이의 각도)
  • 낮은 값 (1-30°): 날카로운 엣지와 모서리만 표시
  • 중간 값 (30-90°): 대부분의 모델에 균형있는 엣지 표시
  • 높은 값 (90-180°): 거의 모든 엣지 표시 (와이어프레임 효과)

조작 방법:

  • 데스크톱: 슬라이더 드래그 또는 특정 위치 클릭
  • 모바일: 터치 후 슬라이드, 실시간 값 업데이트
  • 시각적 피드백: 조정하는 동안 엣지 표시가 즉시 변경됩니다

기술적 팁: 기계 부품에는 낮은 임계값 (10-45°)을 사용하여 중요한 기하학적 특징을 강조하고, 예술적 모델에는 높은 값 (90-180°)을 사용하여 표면 세부사항을 표시하세요.

배경 설정

개요

배경 설정은 모델 뒤의 3D 씬 외관을 제어하여 시각적 미학과 기술적 명확성에 영향을 줍니다.

색상 선택

대화형 색상 선택기

  • RGBA 지원: 투명도를 포함한 완전한 색상 제어
  • 데스크톱: RGB 값과 투명도 슬라이더가 있는 고급 색상 선택기
  • 모바일: 터치에 최적화된 시스템 네이티브 색상 선택기
  • 16진수 입력: 정밀한 색상 지정을 위한 수동 입력

프리셋 배경 (6가지 옵션)

전문적인 배경 옵션 빠른 선택:

프리셋사용 사례RGB 값최적 용도
흰색기술 도면(255,255,255)문서화, 프레젠테이션
밝은 회색일반 보기(248,250,252)일상적인 모델 검토
회색균형잡힌 대비(156,163,175)복잡한 어셈블리
진회색다크 모드 보기(75,85,99)장시간 보기 세션
검정색높은 대비(0,0,0)상세 분석
투명오버레이 애플리케이션(255,255,255,0)투명도가 있는 스크린샷

투명도 제어

  • 범위: 0% (완전 투명) ~ 100% (완전 불투명)
  • 사용 사례:
    • 문서 오버레이용 투명한 배경
    • 워터마크 효과를 위한 반투명
    • 표준 보기를 위한 불투명

배경 모범 사례

기술 문서용:

  • 깔끔하고 전문적인 외관을 위해 흰색 또는 밝은 회색 사용
  • 특별히 필요하지 않다면 투명한 배경 피하기
  • 모델 색상과의 대비 고려

프레젠테이션용:

  • 극적인 효과를 위해 진회색 또는 검정색
  • 높은 대비 배경은 모델 세부사항을 강조
  • 프로젝션 조건에서 가시성 테스트

분석 작업용:

  • 회색은 색상 정확도를 위한 중립적 기준 제공
  • 눈의 피로를 유발할 수 있는 고대비 배경 피하기
  • 모델 비교 시 일관된 배경 사용

환경 맵

개요

환경 맵은 현실적인 조명과 반사 효과를 제공하여, 3D 모델이 다양한 실제 환경에서 어떻게 보일지 시뮬레이션합니다.

사용 가능한 환경 맵

전문 프리셋 환경 (7가지 옵션)

1. 없음 (기본값)

  • 환경 매핑 적용 안 함
  • 가장 빠른 렌더링 성능
  • 기본 방향 조명만

2. 시타델라

  • 따뜻한 조명의 도시 환경
  • 건축 모델에 적합
  • 균형잡힌 실내/외 조명

3. 어부의 요새

  • 역사적 건축 환경
  • 부드럽고 확산된 조명
  • 상세한 모델에 우수

4. 아이스 리버

  • 차갑고 선명한 조명 환경
  • 높은 대비 반사
  • 금속 재질에 이상적

5. 마스코나이브

  • 중립적인 야외 조명
  • 균형잡힌 색온도
  • 대부분의 모델 유형에 다용도

6. 공원

  • 자연스러운 야외 환경
  • 따뜻하고 화창한 조명
  • 유기적 형태에 훌륭

7. 테이데

  • 산악 풍경 환경
  • 극적인 조명 대비
  • 프레젠테이션 렌더링에 우수

환경 맵 제어

맵 선택

  • 데스크톱: 썸네일 이미지 클릭하여 환경 선택
  • 모바일: 2열 그리드 레이아웃에서 환경 썸네일 탭
  • 로딩 표시기: 환경 로딩 중 시각적 피드백
  • 미리보기: 선택 즉시 변경사항 적용

배경 적용

  • 토글 옵션: "배경으로 사용"
  • 활성화 시: 환경이 보이는 씬 배경이 됨
  • 비활성화 시: 환경이 조명만 제공 (투명한 배경)
  • 성능: 배경 모드는 렌더링 속도에 영향을 줄 수 있음

환경 맵 모범 사례

재질 분석용:

  • 정확한 색상 표현을 위해 공원 또는 마스코나이브 사용
  • 현실적인 재질 외관을 위해 배경 활성화
  • 재질 특성을 이해하기 위해 여러 환경 테스트

프레젠테이션용:

  • 극적인 조명 효과를 위해 테이데 또는 아이스 리버
  • 청중과 프로젝션 조건 고려
  • 몰입감 있는 효과를 위해 배경 적용 사용

기술 작업용:

  • 중립적인 조명을 위해 없음 또는 어부의 요새
  • 기하학에 집중하기 위해 배경 비활성화
  • 비교 작업을 위한 일관된 환경

성능 참고: 환경 맵은 메모리 사용량을 증가시키고 구형 디바이스나 복잡한 모델에서 성능에 영향을 줄 수 있습니다. 느려짐을 경험하면 비활성화하세요.

플랫폼별 조작

데스크톱 인터페이스

패널 레이아웃

┌─────────────────────────────────────┐
│  렌더링 설정                 [닫기]  │
├─────────────────────────────────────┤
│ ▼ 엣지 설정                         │
│   ┌─ 엣지 표시 ────────── [●]       │
│   ├─ 엣지 색상 ─── [■] #263238      │
│   └─ 임계값 ──── [====●] 45°        │
│                                     │
│ ▼ 배경 설정                         │
│   ├─ 색상 선택기 ─ [████] RGBA      │
│   └─ 프리셋 ─ [□][□][□][□][□][□]    │
│                                     │
│ ▼ 환경 맵                           │
│   ├─ 맵 그리드 ─ [🏰][🌊][❄️][🏔️]   │
│   └─ 배경으로 사용 ──── [○]         │
└─────────────────────────────────────┘

마우스 조작

  • 단일 클릭: 옵션 선택, 스위치 토글
  • 클릭 후 드래그: 슬라이더 조정 (임계값, 투명도)
  • 호버: 툴팁과 설명 보기
  • 스크롤: 필요시 긴 섹션 탐색

모바일 인터페이스

시트 패널 레이아웃

┌──────────────────────────────────────┐
│        렌더링 설정            [×]    │
├──────────────────────────────────────┤
│                                      │
│ ▼ 엣지 설정                          │
│   ┌─ 엣지 표시 ──────────── [●]      │
│   ├─ 엣지 색상 ── [■] #263238        │
│   └─ 임계값 ─── [====●] 45°          │
│                                      │
│ ▼ 배경 설정                          │
│   ├─ 색상 선택기 ─ [████] RGBA       │
│   └─ 프리셋 ── [□][□][□]             │
│                  [□][□][□]           │
│                                      │
│ ▼ 환경 맵                            │
│   ├─ 맵 그리드 ──── [🏰][🌊]         │
│   │                [❄️][🏔️]          │
│   └─ 배경으로 사용 ──── [○]          │
│                                      │
└──────────────────────────────────────┘

터치 조작

  • 단일 탭: 옵션 선택, 스위치 토글
  • 터치 후 슬라이드: 슬라이더를 부드럽게 조정
  • 길게 누르기: 추가 옵션 접근 (가능한 경우)
  • 아래로 스와이프: 설정 패널 닫기
  • 핀치: 썸네일 확대 (환경 맵)

크로스 플랫폼 기능

반응형 디자인

  • 자동 적응: 인터페이스가 화면 크기에 자동으로 적응
  • 터치 최적화: 편안한 터치 상호작용을 위한 모든 컨트롤 크기 (최소 44px)
  • 키보드 지원: 데스크톱에서 완전한 키보드 탐색
  • 접근성: 화면 리더 지원 및 적절한 포커스 관리

일관된 동작

  • 실시간 업데이트: 모든 변경사항이 플랫폼 전반에 즉시 적용
  • 상태 지속: 세션 중 설정 유지
  • 성능 최적화: 모든 디바이스 유형에서 효율적인 렌더링

고급 사용법

특정 사용 사례를 위한 설정 조합

기술 문서

권장 설정:
- 엣지 설정: 켜짐, 진회색, 15-30° 임계값
- 배경: 흰색 또는 밝은 회색
- 환경: 없음 (중립적인 조명)

프레젠테이션 모드

권장 설정:
- 엣지 설정: 꺼짐 (깔끔한 외관)
- 배경: 검정색 또는 진회색
- 환경: 테이데 또는 아이스 리버 (극적인 조명)

재질 분석

권장 설정:
- 엣지 설정: 켜짐, 낮은 대비 색상
- 배경: 중립 회색
- 환경: 공원 또는 마스코나이브 (자연 조명)

3D 프린팅 준비

권장 설정:
- 엣지 설정: 켜짐, 높은 대비, 10-20° 임계값
- 배경: 흰색 (깔끔한 대비)
- 환경: 없음 (정확한 기하학 시각화)

성능 최적화

대용량 모델 (>50MB)

  • 프레임 속도 개선을 위해 엣지 표시 비활성화
  • 단순한 배경 사용 (단색)
  • 복잡한 환경 맵 피하기
  • CAD 소프트웨어에서 모델 복잡도 줄이기 고려

모바일 디바이스

  • 사용자 정의 선택 대신 프리셋 색상 사용
  • 동시에 적은 설정 활성화
  • 장시간 사용 중 디바이스 온도 모니터링
  • 메모리 확보를 위해 다른 애플리케이션 닫기

문제 해결

일반적인 문제

설정이 적용되지 않음

  1. 모델 로딩 확인: 설정을 조정하기 전에 3D 모델이 완전히 로드되었는지 확인
  2. 뷰어 인스턴스: 활성 뷰어가 있는 전체화면 모드에 있는지 확인
  3. 브라우저 지원: 고급 렌더링 기능을 위한 WebGL 2.0 지원 확인

성능 문제

  1. 엣지 복잡도 줄이기: 엣지 임계값을 낮추거나 엣지 표시 비활성화
  2. 환경 단순화: 더 나은 성능을 위해 "없음" 환경 맵 사용
  3. 배경 최적화: 복잡한 배경 대신 단색 사용

색상 표시 문제

  1. 모니터 캘리브레이션: 디스플레이 색상 정확도 확인
  2. 브라우저 확대/축소: 브라우저 확대/축소를 100%로 재설정
  3. 그래픽 드라이버: 그래픽 드라이버가 최신인지 확인

모바일 관련 문제

  1. 터치 반응성: 정확한 터치 감지를 위해 화면 표면 청소
  2. 메모리 관리: 디바이스 메모리 확보를 위해 백그라운드 앱 닫기
  3. 화면 방향: 가로 모드가 더 많은 제어 공간 제공

도움말 받기

렌더링 설정에서 지속적인 문제가 발생하는 경우:

  1. 시스템 요구사항 확인: 브라우저에서 WebGL 2.0 지원 확인
  2. 브라우저 데이터 지우기: 캐시와 쿠키 지우고 다시 로드
  3. 브라우저 업데이트: 최신 브라우저 버전 사용 확인
  4. 지원팀 문의: 디바이스 세부정보와 함께 [email protected]로 이메일

모범 사례

전문적인 워크플로우

  1. 단순하게 시작: 초기 모델 검토를 위해 기본 설정으로 시작
  2. 점진적 조정: 영향을 이해하기 위해 한 번에 하나의 설정 변경
  3. 설정 문서화: 유사한 모델에 효과적인 조합 기록
  4. 성능 테스트: 상세 분석 전에 원활한 작동 확인

품질 관리

  • 일관된 조명: 모델 비교를 위해 동일한 환경 맵 사용
  • 표준 뷰: 체계적인 분석을 위해 프리셋 카메라 각도와 결합
  • 스크린샷 문서화: 최적 설정으로 중요한 뷰 캡처

팀 협업

  • 설정 표준화: 다양한 사용 사례에 대한 팀 규칙 수립
  • 구성 공유: 성공적인 설정 조합 문서화
  • 교육: 팀원들이 렌더링 설정 영향을 이해하도록 보장

전문적인 렌더링 설정으로 3D 모델 시각화를 향상시킬 준비가 되셨나요? 전체화면 모드에 접근하여 이러한 강력한 사용자 정의 옵션을 탐색해 보세요!