Click or drag to resize

환경설정

  • VIZWeb3D의 환경설정은 다음 2가지 방법으로 제어를 합니다.

    • 스크립트의 환경설정 파일 활용

      Open API를 활용한 개별 제어

  • 스크립트의 환경설정 파일

    • 스크립트의 환경설정 파일은 웹 뷰어에 접속하는 모든 사용자에게 공통적으로 적용되는 설정을 관리하는 파일입니다.

      파일 위치: [VIZWeb3D] -> [Configuration.js]

  • Open API를 활용한 개별 제어

    • VIZWeb3D 초기화 후, Open API를 통한 기능 제어

      예) 툴바 보이기/숨기기, 모델 트리 UI 초기 화면에서 보이기/숨기기

Configuration.js
  • LICENSE SERVER 설정

    JavaScript
    this.AUTHORITY_PARAMS = {
      Data: 'http://127.0.0.0:8901'
    };
    • 설치된 [SOFTHILLS LICENSE SERVER]의 IP Address로 수정

    • 기본 포트 번호는 8901

  • 모델 관련 설정

    JavaScript
    this.Model = {
      Color: {
      Select: { r: 255, g: 0, b: 0, a: 0.5 }
      },
    
      SelectionUnit: SELECT_UNIT.Body,
    
      LineSelection: {
        Enable: true,
        Color: { r: 0, g: 255, b: 0, a: 1.0 }
        },
    
      Edge: {
        Color: { r: 0, g: 0, b: 0, a: 1.0 }
      },
    
      LOD: {
          Enable: false
      }
    };
    • 모델 선택 시 색상 [Color] -> [Select]

      ATTRIBUTE

      VALUE

      R(Red), G(Green), B(Blue)

      0 ~ 255

      A(Alpha)

      0 ~ 1

    • 모델 선택 단위 [SelectionUnit]: Part, Body (Enum.js 참고)

      • Body (기본값): Body 단위로 모델을 선택

      • Part: Part 단위로 모델을 선택. 모델 트리에 Body 노드는 표시되지 않음.

    • 모델 선택 시, 선택된 모델의 외곽선 표시 [LineSelection] 설정

      • 활성화 여부 [Enable]: true(활성화), false(비활성화)

      • 외곽선 색상 [Color]

        ATTRIBUTE

        VALUE

        R(Red), G(Green), B(Blue)

        0 ~ 255

        A(Alpha)

        0 ~ 1

        VIZWeb 3D CONFIG 01
        Figure 1: 외곽선 색상 설정
    • 모서리 설정 [Edge] -> [Color]

      ATTRIBUTE

      VALUE

      R(Red), G(Green), B(Blue)

      0 ~ 255

      A(Alpha)

      0 ~ 1

  • Ground 설정

    JavaScript
    this.Ground = {
      Option: {
        Visible: false
      }
    };
    • Ground 보이기/숨기기 옵션 [Option]

      • 값 유형 [Visible]: true(보이기), false(숨기기)

  • Toolbar 설정

    JavaScript
    this.Toolbar = {
      Option: {
        Visible: true
      }
    };
    • Toolbar 보이기/숨기기 옵션 [Option]

      • 값 유형 [Visible]: true(보이기), false(숨기기)

  • 모델 트리 설정

    JavaScript
    this.Tree = {
      Option: {
        Visible: false
      }
    };
    • 모델 트리 보이기/숨기기 옵션 [Option]

      • 값 유형 [Visible]: true(보이기), false(숨기기)

  • 측정 설정

    JavaScript
    this.Measure = {
      Unit: MEASURE_UNIT.mm,
      PositionalNumber: 2,
      Color: {
        Line: { r: 255, g: 255, b: 255, a: 1.0 },
        Point: { r: 255, g: 0, b: 0, a: 1.0 },
        Pick: { r: 0, g: 255, b: 0, a: 1.0 },
        Back: { r: 255, g: 255, b: 255, a: 1.0 },
        Border: { r: 41, g: 143, b: 194, a: 1.0 },
        Text: { r: 0, g: 56, b: 101, a: 1.0 }
      }
    };
    • 측정결과 단위(Unit): mm, cm, inch

    • 측정결과 소수점 이하 자릿수(PositionalNumber)

    • 색상 공통

      ATTRIBUTE

      VALUE

      R(Red), G(Green), B(Blue)

      0 ~ 255

      A(Alpha)

      0 ~ 1

    • 유형별 설명

      유형

      설명

      Line

      측정된 항목의 지시선 색상

      Point

      측정된 항목의 포인트 위치 색상

      Pick

      측정 시 모델 표면의 위치 표시 색상

      Back

      측정정보 표시 텍스트의 배경 색상

      Border

      측정정보 표시 텍스트의 외곽선 색상

      Text

      측정정보 표시 텍스트 색상

    VIZWeb 3D CONFIG 02
    Figure 2: 측정 설정 요소
  • 노트 설정

    JavaScript
    this.Note = {
        Color: {
            Line: { r: 255, g: 255, b: 255, a: 1.0 },
            Point: { r: 255, g: 0, b: 0, a: 1.0 },
            Pick: { r: 0, g: 255, b: 0, a: 1.0 },
            Back: { r: 255, g: 255, b: 255, a: 1.0 },
            Border: { r: 0, g: 0, b: 0, a: 0.5 },
            Text: { r: 0, g: 0, b: 0, a: 1.0 }
        }
    };
    • 색상 공통

      ATTRIBUTE

      VALUE

      R(Red), G(Green), B(Blue)

      0 ~ 255

      A(Alpha)

      0 ~ 1

    • 유형별 설명

      유형

      설명

      Line

      노트 지시선 색상

      Point

      노트의 포인트 위치 색상

      Pick

      노트 추가시 모델 표면의 위치 표시 색상

      Back

      텍스트의 배경 색상

      Border

      텍스트의 외곽선 색상

      Text

      텍스트 색상

    VIZWeb 3D CONFIG 03
    Figure 3: 노트 추가 화면
Open API
  • VIZWeb3D 초기 구동이 완료되면 onInitEvent() 함수가 호출됩니다. 해당 함수에 사용자별 환경을 달리해야 하는 경우 필요한 기능을 Open API로 호출하시기 바랍니다.

  • onInitEvent() 함수는 Main.js 파일에 정의되어 있습니다. 다른 이름으로 변경하고자 하는 경우, Main.js 파일을 수정하여 주시기 바랍니다.

    JavaScript
    function onInitEvent() {
    // 환경 설정
    SOFTHILLS.VIZCore.View.Toolbar.Option.Visible = true;
    SOFTHILLS.VIZCore.View.Tree.Option.Visible = true;
    
    // 모델 열기
    fnModel_Open();
    }
    • onInitEvent() 함수는 배포되는 파일 중 Index.html에 정의되어 있습니다.

    • 이외 호출 가능한 Open API는 [Open API] 단락을 참고하시기 바랍니다.

See Also