# Preview

### Overview

3Dme Studio는 기존의 복잡한 CAD solution의 UI를 browser 기반의 직관적인 UI로 나타냈습니다.&#x20;

사용자 화면의 구성은 다음과 같습니다.

![](https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FG35pw29xa85nQzjkOybv%2FOverview_1.svg?alt=media\&token=945a0d35-cf11-4e9e-8e0f-f1c6791d2a13)

#### 1. File Menu

초기화, 데이터 불러오기, 내보내기 등의 기능을 제공합니다.&#x20;

([Go to Function > File Menu](https://imagoworks.gitbook.io/3dme-help-center-1/undefined/function/file-menu))

#### 2. View Layout

사용자의 이해를 돕기 위해 3D 및 2D view를 이용하여 다양한 형태의 화면 구성을 제공합니다.

([Go to Preview > View Layout](#view-layout))

####

#### 3. View Preset

정면, 뒷면, 측면 등 사용자의 편의를 위한 카메라 조작 기능을 제공합니다.

([Go to Preview > View Preset](#view-preset))

####

#### 4. Main Menu

3Dme Studio의 주요 기능들(정렬, 검사, 좌표변환, 불린 연산)을 사용할 수 있는 메뉴입니다.

####

#### 5. Widget

3Dme Studio의 주요 기능별 구체적인 UI를 보여줍니다.

####

#### 6. Tutorial

3Dme Studio에서 제공하는 샘플 데이터를 다운로드 받아 쉽게 다양한 기능을 체험할 수 있습니다.

**Tutorials for 3Dme Studio**

<div align="left"><img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FddfKQKXAbOkz6JXYnxMT%2FOverview_2.svg?alt=media&#x26;token=6e008b5d-23d8-4cf2-85eb-5b533d7009d9" alt=""></div>

####

#### 7. Model Tree

CT volume 데이터 및 mesh 데이터에 대한 보기 설정 및 추가 기능을 제공합니다.

([Go to Function > Model Tree](https://imagoworks.gitbook.io/3dme-help-center-1/undefined/function/model-tree))

####

#### 8. Viewer

사용자의 데이터를 보여주는 영역으로 3D viewer, 2D slice viewer 등을 제공합니다.

### Mouse Interaction

**3D view에서의 마우스 조작법**

| Action                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Function                                                                                  |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
| <img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FJ0prDN42I3IxGeEhLZdR%2Fmouse-left-click.svg?alt=media&#x26;token=7aaa2ee6-897f-4121-a383-76a537d99dd2" alt="" data-size="original">**클릭 & 드래그**                                                                                                                                                                                                                                                                   | **화면 이동**                                                                                 |
| <img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FJ0prDN42I3IxGeEhLZdR%2Fmouse-left-click.svg?alt=media&#x26;token=7aaa2ee6-897f-4121-a383-76a537d99dd2" alt="" data-size="original">**클릭 & 드래그**                                                                                                                                                                                                                                                                   | <p><strong>Landmark 추가 / 선택</strong> </p><p><strong>(Landmark picking mode)​</strong></p> |
| <img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FHOa4zTdDRNpHrWtCxHqs%2Fmouse-right-click.svg?alt=media&#x26;token=a08f870b-fdfa-4bfa-ba24-3140e67b3947" alt="" data-size="original">**클릭 & 드래그**                                                                                                                                                                                                                                                                  | **화면 회전**                                                                                 |
| <img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FNTfxaQeZmmtLKDeVSiUX%2Fmouse-ctrl.svg?alt=media&#x26;token=5140768c-cbbd-40f8-9025-af92bb7b7e40" alt="" data-size="original">+<img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FHOa4zTdDRNpHrWtCxHqs%2Fmouse-right-click.svg?alt=media&#x26;token=a08f870b-fdfa-4bfa-ba24-3140e67b3947" alt="" data-size="original">**Ctrl & 클릭** | **현재 view에서 2차원 화면 회전**                                                                   |
| <img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FtwZ0mMBGxUm2kZkpCRhk%2Fmouse-wheel.svg?alt=media&#x26;token=e2256e58-89d9-4a46-a2e6-9df6ee682f85" alt="" data-size="original">**스크롤**                                                                                                                                                                                                                                                                             | **화면 확대 / 축소**                                                                            |

####

**2D view에서의 마우스 조작법**

| Action                                                                                                                                                                                                                                                                            | Function     |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
| <img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FJ0prDN42I3IxGeEhLZdR%2Fmouse-left-click.svg?alt=media&#x26;token=7aaa2ee6-897f-4121-a383-76a537d99dd2" alt="" data-size="original">**클릭 & 드래그** | **화면 확대 축소** |
| <img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FtwZ0mMBGxUm2kZkpCRhk%2Fmouse-wheel.svg?alt=media&#x26;token=e2256e58-89d9-4a46-a2e6-9df6ee682f85" alt="" data-size="original">**클릭 & 드래그**      | **화면 이동**    |
| <img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FtwZ0mMBGxUm2kZkpCRhk%2Fmouse-wheel.svg?alt=media&#x26;token=e2256e58-89d9-4a46-a2e6-9df6ee682f85" alt="" data-size="original">**스크롤**           | **슬라이스 이동**  |

### View Layout

사용자의 이해를 돕기 위해 3D 및 2D view를 이용하여 다양한 형태의 화면 구성을 제공합니다. ​

#### Single View

<div align="left"><img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FCqoq3KLRElpX3RTzMjLJ%2Fimage.png?alt=media&#x26;token=c165b1fb-452f-4d17-a6be-e05975dbd9a5" alt=""></div>

<div align="left"><img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FYqwguWPTtjnU9RVt6sr8%2Fimage.png?alt=media&#x26;token=07eedaec-d81b-4d3e-9d74-b6052b8227c0" alt=""></div>

#### Dual View

<div align="left"><img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FoqmYF1u9JG8F9hTZePMQ%2FDualViewIcon.svg?alt=media&#x26;token=cd4ad152-5900-4744-8562-e6e65c9fce9b" alt=""></div>

<div align="left"><img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FmbuFFpO0QXyXIzIQQ6MP%2Fimage.png?alt=media&#x26;token=6fd698cf-0ca8-4a9a-99ed-690b4c412284" alt=""></div>

#### Horizon View

<div align="left"><img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2Fr398CEF7iC04OzZx12Dc%2FHorizonViewIcon.svg?alt=media&#x26;token=907752f1-6cb5-4bb9-9b2b-6ceffc7ebece" alt=""></div>

<div align="left"><img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2F6fTuhSIT87dXpCcO35PU%2Fimage.png?alt=media&#x26;token=4a3d2c39-b120-4d61-b413-7e4496d3c923" alt=""></div>

#### Tile View

<div align="left"><img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2FtTxxndKyEiuvL6vfyDlC%2FTileViewIcon.svg?alt=media&#x26;token=3dfd8bb7-915c-45ad-a9e6-b8c7b8aab242" alt=""></div>

<div align="left"><img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2F6EwYYsKZMANRLnMNV4xU%2Fimage.png?alt=media&#x26;token=19bbee5e-9fa9-4ed2-be21-6195c3c20f6f" alt=""></div>

### View Preset

사용자 편의를 위한 카메라 조작 기능을 제공합니다.&#x20;

(정면 / 뒷면 / 우측면 / 좌측면 / 윗면 / 아랫면 / 등각 투영)

<div align="left"><img src="https://1674563023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxFMLEALq1KCroXv4otds%2Fuploads%2F8pqnrIQvB5cXceUdC3s1%2FviewPresetIcon.svg?alt=media&#x26;token=0fc23a26-5a74-49ba-a866-d822ec630c00" alt=""></div>

{% hint style="danger" %}

#### <mark style="color:red;">Notice</mark>

View Preset은 3차원 viewer에서만 제공됩니다.
{% endhint %}

**Last updated :** **2022.02.11**                                                                                                  [Back to top](#overview)
