Creating and Initializing the Viewer

The viewer library exposes the Viewer type and you can instantiate it like below:

const viewer = new Viewer(container: HTMLElement, params: ViewerParams)

params : ViewerParams

interface ViewerParams {
  showStats: boolean
  environmentSrc: Asset | string
}
export enum AssetType {
  TEXTURE_8BPP = 'png', // For now
  TEXTURE_HDR = 'hdr',
  TEXTURE_EXR = 'exr'
}

export interface Asset {
  src: string
  type: AssetType
}

The viewer library provides the DefaultViewerParams constant in case you do not want to provide any specific ViewerParams

Before you can start using the Viewer you need to initialize it like below:

await viewer.init()

The function is asynchronous because in this step the viewer either loads required assets (like the HDRI you might have provided in the params either generates runtime assets.

The client app is responsible for resizing the viewer canvas whenever it is necessary by calling