시작하기
Last updated
Was this helpful?
Last updated
Was this helpful?
엔진 파일을 받은 후 구동하기까지 과정을 자세히 소개합니다.
최신 엔진 파일은 아래 깃허브에서 다운로드 받으실 수 있습니다.
깃허브에서는 엔진 파일 / 실행 스크립트 / 기본 HTML 페이지를 함께 배포합니다.
엔진 파일은 세 가지 파일로 구성되어 있으며 다운로드 한 파일의 폴더 XDWorld-main/Release/(버전명)/js에서 찾을 수 있습니다.
엔진을 구동할 때 세 파일이 순차적으로 로드되어야 하며,
XDWorldEM.js
XDWorldEM.wasm
XDWorldWorker.js
XDWorldWorker.wasm
일반적인 엔진은 'XDWorldEM.js' 파일을 요청할 때 'XDWorldEM.js'와 동일한 경로에 있는 'XDWorldEM.wasm' 파일을 자동으로 요청합니다. 지도 생성 시 사용되는 옵션으로, 'worker'를 생성할 때 'XDWorldWorker.js' 파일을 요청하면 'XDWorldWorker.js'와 같은 경로에 있는 'XDWorldWorker.wasm' 파일을 자동으로 요청하고 로드합니다.
다음 단계에서 각 파일의 로드 과정에 대해 소개합니다.
자세한 설명에 앞서, 기본 index.html 페이지와 엔진 파일 로드를 위한 init.js 파일의 코드는 다음과 같습니다.
index.html 파일에서는 엔진 로드를 위한 init.js 를 호출합니다.
"map" element는 canvas, HTMLObject를 담는 container가 동적으로 추가 됩니다.
index.html 에서 필요에 따라 인터페이스를 추가할 수 있습니다.
지도 위에 인터페이스를 오버랩 하는 경우 canvas가 인터페이스 아래에 위치할 수 있도록 z-index값이 적절히 조정되어야 합니다.
init.js 의 코드는
엔진 초기화 함수 선언 부분
지도 모듈 객체 선언 부분
엔진 파일 로드 부분
으로 구성되어 있습니다.
엔진 API 호출을 위한 모듈 객체를 선언합니다.
반드시 객체 이름은 Module 로 선언해주어야 하며 postRun 속성은 필수로 입력되어야 합니다.
postRun : 엔진 모듈이 준비 된 시점에서 호출되는 함수를 지정합니다.
엔진 파일이 모두 완료 된 시점에 처음으로 호출되는 함수를 선언합니다.
선언 된 함수는 Module 객체의 postRun 속성으로 지정합니다.
initialize를 구성하는 "container" property로 지정된 element 내부에 canvas를 동적으로 생성합니다.
엔진 파일을 XDWorldEM.js 파일을 요청 및 로드 합니다. XDWorldEM.wasm은 XDWorldEM.js 로드 시 내부적으로 파일 요청 및 로드 합니다.
Module의 postRun 함수로 지정한 init 함수에서 Module.Start API를 실행하면 엔진 렌더링이 시작됩니다
worker 사용 유무에 따라 XDWorldWorker.js 파일을 요청 및 로드 합니다. XDWorldWorker.wasm은 XDWorldWorker.js 로드 시 내부적으로 파일 요청 및 로드 합니다.
엔진 렌더링이 시작되면 초기 화면으로 지구본 화면이 출력됩니다.
엔진 모듈과 canvas 연결은 항목을 참조해 주십시오.
XDWorld를 사용한 다양한 샘플코드를 살펴보고 싶으시다면? 를 클릭해 주세요.
XDWorld에 대해 질문 사항이 있다면? 를 클릭해 주세요.
XDWorld를 사용한 차세대 디지털트윈 클라우드 서비스를 살펴보고 싶으시다면? 를 클릭해 주세요.