typedocs/index.html

<!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>@xeokit/xeokit-sdk</title><meta name="description" content="Documentation for @xeokit/xeokit-sdk"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script async src="assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base="."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">@xeokit/xeokit-sdk</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><h1>@xeokit/xeokit-sdk </h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><div class="tsd-panel tsd-typography">
<a href="#xeokit-sdk" id="xeokit-sdk" style="color: inherit; text-decoration: none;">
  <h1>xeokit-sdk</h1>
</a>
<p><a href="https://percy.io/73524691/xeokit-sdk"><img src="https://percy.io/static/images/percy-badge.svg" alt="This project is using Percy.io for visual regression testing."></a>
<a href="https://badge.fury.io/js/%40xeokit%2Fxeokit-sdk"><img src="https://badge.fury.io/js/%40xeokit%2Fxeokit-sdk.svg" alt="npm version"></a>
<a href="https://www.jsdelivr.com/package/npm/@xeokit/xeokit-sdk"><img src="https://data.jsdelivr.com/v1/package/npm/@xeokit/xeokit-sdk/badge" alt=""></a></p>
<p><a href="http://xeokit.io">xeokit</a> is a JavaScript software development kit created by <a href="http://xeolabs.com">xeolabs</a> for viewing
high-detail, full-precision 3D engineering and BIM models in the browser.</p>

<a href="#installing" id="installing" style="color: inherit; text-decoration: none;">
  <h2>Installing</h2>
</a>
<pre><code class="language-bash"><span class="hl-0">npm i @xeokit/xeokit-sdk</span>
</code></pre>

<a href="#usage" id="usage" style="color: inherit; text-decoration: none;">
  <h2>Usage</h2>
</a>
<p>The xeokit SDK lets us develop our own browser-based BIM viewer, which we can fully customize and extend with
plugins. Let&#39;s create a <a href="https://xeokit.github.io/xeokit-sdk/docs/class/src/viewer/Viewer.js~Viewer.html">Viewer</a> with
a <a href="https://xeokit.github.io/xeokit-sdk/docs/class/src/plugins/WebIFCLoaderPlugin/WebIFCLoaderPlugin.js~WebIFCLoaderPlugin.html">WebIFCLoaderPlugin</a>
to view a IFC model in the browser, then view a sample IFC model from
the <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274">Open IFC Model Database</a>.</p>
<p>This is just one way to load our models into xeokit. We can also load multiple models from other formats, 
including <a href="https://xeokit.github.io/xeokit-sdk/docs/class/src/plugins/CityJSONLoaderPlugin/CityJSONLoaderPlugin.js~CityJSONLoaderPlugin.html">CityJSON</a>, 
<a href="https://xeokit.github.io/xeokit-sdk/docs/class/src/plugins/GLTFLoaderPlugin/GLTFLoaderPlugin.js~GLTFLoaderPlugin.html">glTF</a>, 
<a href="https://xeokit.github.io/xeokit-sdk/docs/class/src/plugins/LASLoaderPlugin/LASLoaderPlugin.js~LASLoaderPlugin.html">LAZ</a> 
and <a href="https://xeokit.github.io/xeokit-sdk/docs/class/src/plugins/OBJLoaderPlugin/OBJLoaderPlugin.js~OBJLoaderPlugin.html">OBJ</a>, 
as well as xeokit&#39;s own native highly-compressed <a href="https://xeokit.github.io/xeokit-sdk/docs/class/src/plugins/XKTLoaderPlugin/XKTLoaderPlugin.js~XKTLoaderPlugin.html">XKT</a> format, 
which we can pre-convert offline from other formats.  </p>
<ul>
<li><a href="https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_WebIFCLoaderPlugin_Duplex">Run this example</a></li>
<li><a href="https://www.notion.so/xeokit/Viewing-an-IFC-Model-with-WebIFCLoaderPlugin-9a572b801af949bf87a21c88968bd251">Read the full tutorial</a></li>
</ul>
<p><img src="https://xeokit.io/img/docs/WebIFCLoaderPlugin/WebIFCLoaderPluginBig.png" alt=""></p>
<pre><code class="language-html"><span class="hl-1">&lt;!</span><span class="hl-2">doctype</span><span class="hl-0"> </span><span class="hl-3">html</span><span class="hl-1">&gt;</span><br/><span class="hl-1">&lt;</span><span class="hl-2">html</span><span class="hl-1">&gt;</span><br/><span class="hl-1">&lt;</span><span class="hl-2">head</span><span class="hl-1">&gt;</span><br/><span class="hl-0">    </span><span class="hl-1">&lt;</span><span class="hl-2">meta</span><span class="hl-0"> </span><span class="hl-3">charset</span><span class="hl-0">=</span><span class="hl-4">&quot;utf-8&quot;</span><span class="hl-1">&gt;</span><br/><span class="hl-0">    </span><span class="hl-1">&lt;</span><span class="hl-2">meta</span><span class="hl-0"> </span><span class="hl-3">http-equiv</span><span class="hl-0">=</span><span class="hl-4">&quot;X-UA-Compatible&quot;</span><span class="hl-0"> </span><span class="hl-3">content</span><span class="hl-0">=</span><span class="hl-4">&quot;IE=edge,chrome=1&quot;</span><span class="hl-1">&gt;</span><br/><span class="hl-0">    </span><span class="hl-1">&lt;</span><span class="hl-2">meta</span><span class="hl-0"> </span><span class="hl-3">name</span><span class="hl-0">=</span><span class="hl-4">&quot;viewport&quot;</span><span class="hl-0"> </span><span class="hl-3">content</span><span class="hl-0">=</span><span class="hl-4">&quot;width=device-width, initial-scale=1&quot;</span><span class="hl-1">&gt;</span><br/><span class="hl-0">    </span><span class="hl-1">&lt;</span><span class="hl-2">title</span><span class="hl-1">&gt;</span><span class="hl-0">xeokit Example</span><span class="hl-1">&lt;/</span><span class="hl-2">title</span><span class="hl-1">&gt;</span><br/><span class="hl-0">    </span><span class="hl-1">&lt;</span><span class="hl-2">style</span><span class="hl-1">&gt;</span><br/><span class="hl-5">        </span><span class="hl-6">body</span><span class="hl-5"> {</span><br/><span class="hl-5">            </span><span class="hl-3">margin</span><span class="hl-5">: </span><span class="hl-7">0</span><span class="hl-5">;</span><br/><span class="hl-5">            </span><span class="hl-3">width</span><span class="hl-5">: </span><span class="hl-7">100%</span><span class="hl-5">;</span><br/><span class="hl-5">            </span><span class="hl-3">height</span><span class="hl-5">: </span><span class="hl-7">100%</span><span class="hl-5">;</span><br/><span class="hl-5">            </span><span class="hl-3">user-select</span><span class="hl-5">: </span><span class="hl-8">none</span><span class="hl-5">;</span><br/><span class="hl-5">        }</span><br/><br/><span class="hl-5">        </span><span class="hl-6">#myCanvas</span><span class="hl-5"> {</span><br/><span class="hl-5">            </span><span class="hl-3">width</span><span class="hl-5">: </span><span class="hl-7">100%</span><span class="hl-5">;</span><br/><span class="hl-5">            </span><span class="hl-3">height</span><span class="hl-5">: </span><span class="hl-7">100%</span><span class="hl-5">;</span><br/><span class="hl-5">            </span><span class="hl-3">position</span><span class="hl-5">: </span><span class="hl-8">absolute</span><span class="hl-5">;</span><br/><span class="hl-5">            </span><span class="hl-3">background</span><span class="hl-5">: </span><span class="hl-8">lightblue</span><span class="hl-5">;</span><br/><span class="hl-5">            </span><span class="hl-3">background-image</span><span class="hl-5">: </span><span class="hl-9">linear-gradient</span><span class="hl-5">(</span><span class="hl-8">lightblue</span><span class="hl-5">, </span><span class="hl-8">white</span><span class="hl-5">);</span><br/><span class="hl-5">        }</span><br/><span class="hl-5">    </span><span class="hl-1">&lt;/</span><span class="hl-2">style</span><span class="hl-1">&gt;</span><br/><span class="hl-1">&lt;/</span><span class="hl-2">head</span><span class="hl-1">&gt;</span><br/><span class="hl-1">&lt;</span><span class="hl-2">body</span><span class="hl-1">&gt;</span><br/><span class="hl-1">&lt;</span><span class="hl-2">canvas</span><span class="hl-0"> </span><span class="hl-3">id</span><span class="hl-0">=</span><span class="hl-4">&quot;myCanvas&quot;</span><span class="hl-1">&gt;&lt;/</span><span class="hl-2">canvas</span><span class="hl-1">&gt;</span><br/><span class="hl-1">&lt;/</span><span class="hl-2">body</span><span class="hl-1">&gt;</span><br/><span class="hl-1">&lt;</span><span class="hl-2">script</span><span class="hl-5"> </span><span class="hl-3">id</span><span class="hl-5">=</span><span class="hl-4">&quot;source&quot;</span><span class="hl-5"> </span><span class="hl-3">type</span><span class="hl-5">=</span><span class="hl-4">&quot;module&quot;</span><span class="hl-1">&gt;</span><br/><br/><span class="hl-5">    </span><span class="hl-10">import</span><span class="hl-5"> {</span><span class="hl-11">Viewer</span><span class="hl-5">, </span><span class="hl-11">WebIFCLoaderPlugin</span><span class="hl-5">} </span><span class="hl-10">from</span><br/><span class="hl-5">                </span><span class="hl-12">&quot;https://cdn.jsdelivr.net/npm/@xeokit/xeokit-sdk/dist/xeokit-sdk.es.min.js&quot;</span><span class="hl-5">;</span><br/><br/><span class="hl-5">    </span><span class="hl-13">const</span><span class="hl-5"> </span><span class="hl-14">viewer</span><span class="hl-5"> </span><span class="hl-0">=</span><span class="hl-5"> </span><span class="hl-13">new</span><span class="hl-5"> </span><span class="hl-9">Viewer</span><span class="hl-5">({</span><br/><span class="hl-5">        </span><span class="hl-11">canvasId:</span><span class="hl-5"> </span><span class="hl-12">&quot;myCanvas&quot;</span><span class="hl-5">,</span><br/><span class="hl-5">        </span><span class="hl-11">transparent:</span><span class="hl-5"> </span><span class="hl-13">true</span><br/><span class="hl-5">    });</span><br/><br/><span class="hl-5">    </span><span class="hl-11">viewer</span><span class="hl-5">.</span><span class="hl-11">camera</span><span class="hl-5">.</span><span class="hl-11">eye</span><span class="hl-5"> </span><span class="hl-0">=</span><span class="hl-5"> [</span><span class="hl-0">-</span><span class="hl-7">3.933</span><span class="hl-5">, </span><span class="hl-7">2.855</span><span class="hl-5">, </span><span class="hl-7">27.018</span><span class="hl-5">];</span><br/><span class="hl-5">    </span><span class="hl-11">viewer</span><span class="hl-5">.</span><span class="hl-11">camera</span><span class="hl-5">.</span><span class="hl-11">look</span><span class="hl-5"> </span><span class="hl-0">=</span><span class="hl-5"> [</span><span class="hl-7">4.400</span><span class="hl-5">, </span><span class="hl-7">3.724</span><span class="hl-5">, </span><span class="hl-7">8.899</span><span class="hl-5">];</span><br/><span class="hl-5">    </span><span class="hl-11">viewer</span><span class="hl-5">.</span><span class="hl-11">camera</span><span class="hl-5">.</span><span class="hl-11">up</span><span class="hl-5"> </span><span class="hl-0">=</span><span class="hl-5"> [</span><span class="hl-0">-</span><span class="hl-7">0.018</span><span class="hl-5">, </span><span class="hl-7">0.999</span><span class="hl-5">, </span><span class="hl-7">0.039</span><span class="hl-5">];</span><br/><br/><span class="hl-5">    </span><span class="hl-13">const</span><span class="hl-5"> </span><span class="hl-14">webIFCLoader</span><span class="hl-5"> </span><span class="hl-0">=</span><span class="hl-5"> </span><span class="hl-13">new</span><span class="hl-5"> </span><span class="hl-9">WebIFCLoaderPlugin</span><span class="hl-5">(</span><span class="hl-11">viewer</span><span class="hl-5">, {</span><br/><span class="hl-5">        </span><span class="hl-11">wasmPath:</span><span class="hl-5"> </span><span class="hl-12">&quot;https://cdn.jsdelivr.net/npm/@xeokit/xeokit-sdk/dist/&quot;</span><br/><span class="hl-5">    });</span><br/><br/><span class="hl-5">    </span><span class="hl-13">const</span><span class="hl-5"> </span><span class="hl-14">model</span><span class="hl-5"> </span><span class="hl-0">=</span><span class="hl-5"> </span><span class="hl-11">webIFCLoader</span><span class="hl-5">.</span><span class="hl-9">load</span><span class="hl-5">({</span><br/><span class="hl-5">        </span><span class="hl-11">src:</span><span class="hl-5"> </span><span class="hl-12">&quot;Duplex.ifc&quot;</span><span class="hl-5">,</span><br/><span class="hl-5">        </span><span class="hl-11">edges:</span><span class="hl-5"> </span><span class="hl-13">true</span><br/><span class="hl-5">    });</span><br/><br/><span class="hl-1">&lt;/</span><span class="hl-2">script</span><span class="hl-1">&gt;</span><br/><span class="hl-1">&lt;/</span><span class="hl-2">html</span><span class="hl-1">&gt;</span>
</code></pre>

<a href="#resources" id="resources" style="color: inherit; text-decoration: none;">
  <h2>Resources</h2>
</a>
<ul>
<li><a href="https://xeokit.io/">xeokit.io</a></li>
<li><a href="http://xeokit.github.io/xeokit-sdk/examples/">Examples</a></li>
<li><a href="https://www.notion.so/xeokit/xeokit-Documentation-4598591fcedb4889bf8896750651f74e">Guides</a></li>
<li><a href="https://xeokit.github.io/xeokit-sdk/docs/">API Docs</a></li>
<li><a href="https://xeokit.github.io/xeokit-sdk/CHANGE_LOG">Changelog</a></li>
<li><a href="https://xeokit.io/index.html?foo=1#features">Features</a></li>
<li><a href="https://xeokit.io/index.html?foo=1#faq">FAQ</a></li>
<li><a href="https://xeokit.io/blog.html">Blog</a></li>
<li><a href="https://xeokit.io/index.html#pricing">License</a></li>
</ul>
</div></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class="current"><a href="modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-class"><a href="classes/AngleMeasurementsPlugin.html" class="tsd-kind-icon">Angle<wbr/>Measurements<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/Annotation.html" class="tsd-kind-icon">Annotation</a></li><li class="tsd-kind-class"><a href="classes/AnnotationsPlugin.html" class="tsd-kind-icon">Annotations<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/AxisGizmoPlugin.html" class="tsd-kind-icon">Axis<wbr/>Gizmo<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/BCFViewpointsPlugin.html" class="tsd-kind-icon">BCFViewpoints<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/Camera.html" class="tsd-kind-icon">Camera</a></li><li class="tsd-kind-class"><a href="classes/CameraControl.html" class="tsd-kind-icon">Camera<wbr/>Control</a></li><li class="tsd-kind-class"><a href="classes/CameraFlightAnimation.html" class="tsd-kind-icon">Camera<wbr/>Flight<wbr/>Animation</a></li><li class="tsd-kind-class"><a href="classes/CameraMemento.html" class="tsd-kind-icon">Camera<wbr/>Memento</a></li><li class="tsd-kind-class"><a href="classes/CameraPath.html" class="tsd-kind-icon">Camera<wbr/>Path</a></li><li class="tsd-kind-class"><a href="classes/CameraPathAnimation.html" class="tsd-kind-icon">Camera<wbr/>Path<wbr/>Animation</a></li><li class="tsd-kind-class"><a href="classes/CityJSONLoaderPlugin.html" class="tsd-kind-icon">CityJSONLoader<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/Component.html" class="tsd-kind-icon">Component</a></li><li class="tsd-kind-class"><a href="classes/Configs.html" class="tsd-kind-icon">Configs</a></li><li class="tsd-kind-class"><a href="classes/ContextMenu.html" class="tsd-kind-icon">Context<wbr/>Menu</a></li><li class="tsd-kind-class"><a href="classes/DistanceMeasurementsPlugin.html" class="tsd-kind-icon">Distance<wbr/>Measurements<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/EdgeMaterial.html" class="tsd-kind-icon">Edge<wbr/>Material</a></li><li class="tsd-kind-class"><a href="classes/EmphasisMaterial.html" class="tsd-kind-icon">Emphasis<wbr/>Material</a></li><li class="tsd-kind-class"><a href="classes/Entity.html" class="tsd-kind-icon">Entity</a></li><li class="tsd-kind-class"><a href="classes/FastNavPlugin.html" class="tsd-kind-icon">Fast<wbr/>Nav<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/GLTFLoaderPlugin.html" class="tsd-kind-icon">GLTFLoader<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/LASLoaderPlugin.html" class="tsd-kind-icon">LASLoader<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/LinesMaterial.html" class="tsd-kind-icon">Lines<wbr/>Material</a></li><li class="tsd-kind-class"><a href="classes/LocaleService.html" class="tsd-kind-icon">Locale<wbr/>Service</a></li><li class="tsd-kind-class"><a href="classes/Marker.html" class="tsd-kind-icon">Marker</a></li><li class="tsd-kind-class"><a href="classes/Material.html" class="tsd-kind-icon">Material</a></li><li class="tsd-kind-class"><a href="classes/Mesh.html" class="tsd-kind-icon">Mesh</a></li><li class="tsd-kind-class"><a href="classes/MetaModel.html" class="tsd-kind-icon">Meta<wbr/>Model</a></li><li class="tsd-kind-class"><a href="classes/MetaObject.html" class="tsd-kind-icon">Meta<wbr/>Object</a></li><li class="tsd-kind-class"><a href="classes/MetaScene.html" class="tsd-kind-icon">Meta<wbr/>Scene</a></li><li class="tsd-kind-class"><a href="classes/ModelMemento.html" class="tsd-kind-icon">Model<wbr/>Memento</a></li><li class="tsd-kind-class"><a href="classes/NavCubePlugin.html" class="tsd-kind-icon">Nav<wbr/>Cube<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/Node.html" class="tsd-kind-icon">Node</a></li><li class="tsd-kind-class"><a href="classes/OBJLoaderPlugin.html" class="tsd-kind-icon">OBJLoader<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/ObjectsMemento.html" class="tsd-kind-icon">Objects<wbr/>Memento</a></li><li class="tsd-kind-class"><a href="classes/PhongMaterial.html" class="tsd-kind-icon">Phong<wbr/>Material</a></li><li class="tsd-kind-class"><a href="classes/PickResult.html" class="tsd-kind-icon">Pick<wbr/>Result</a></li><li class="tsd-kind-class"><a href="classes/Plugin.html" class="tsd-kind-icon">Plugin</a></li><li class="tsd-kind-class"><a href="classes/PointsMaterial.html" class="tsd-kind-icon">Points<wbr/>Material</a></li><li class="tsd-kind-class"><a href="classes/Property.html" class="tsd-kind-icon">Property</a></li><li class="tsd-kind-class"><a href="classes/PropertySet.html" class="tsd-kind-icon">Property<wbr/>Set</a></li><li class="tsd-kind-class"><a href="classes/ReadableGeometry.html" class="tsd-kind-icon">Readable<wbr/>Geometry</a></li><li class="tsd-kind-class"><a href="classes/STLLoaderPlugin.html" class="tsd-kind-icon">STLLoader<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/Scene.html" class="tsd-kind-icon">Scene</a></li><li class="tsd-kind-class"><a href="classes/SectionPlane.html" class="tsd-kind-icon">Section<wbr/>Plane</a></li><li class="tsd-kind-class"><a href="classes/SectionPlanesPlugin.html" class="tsd-kind-icon">Section<wbr/>Planes<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/SkyboxesPlugin.html" class="tsd-kind-icon">Skyboxes<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/SpriteMarker.html" class="tsd-kind-icon">Sprite<wbr/>Marker</a></li><li class="tsd-kind-class"><a href="classes/StoreyViewsPlugin.html" class="tsd-kind-icon">Storey<wbr/>Views<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/TreeViewPlugin.html" class="tsd-kind-icon">Tree<wbr/>View<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/VBOSceneModel.html" class="tsd-kind-icon">VBOScene<wbr/>Model</a></li><li class="tsd-kind-class"><a href="classes/ViewCullPlugin.html" class="tsd-kind-icon">View<wbr/>Cull<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/Viewer.html" class="tsd-kind-icon">Viewer</a></li><li class="tsd-kind-class"><a href="classes/Viewport.html" class="tsd-kind-icon">Viewport</a></li><li class="tsd-kind-class"><a href="classes/WebIFCLoaderPlugin.html" class="tsd-kind-icon">WebIFCLoader<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/XKTLoaderPlugin.html" class="tsd-kind-icon">XKTLoader<wbr/>Plugin</a></li><li class="tsd-kind-class"><a href="classes/XML3DLoaderPlugin.html" class="tsd-kind-icon">XML3DLoader<wbr/>Plugin</a></li><li class="tsd-kind-interface"><a href="interfaces/ICityJSONDefaultDataSource.html" class="tsd-kind-icon">ICityJSONDefault<wbr/>Data<wbr/>Source</a></li><li class="tsd-kind-interface"><a href="interfaces/IGLTFDefaultDataSource.html" class="tsd-kind-icon">IGLTFDefault<wbr/>Data<wbr/>Source</a></li><li class="tsd-kind-interface"><a href="interfaces/ILASDefaultDataSource.html" class="tsd-kind-icon">ILASDefault<wbr/>Data<wbr/>Source</a></li><li class="tsd-kind-interface"><a href="interfaces/ISTLDefaultDataSource.html" class="tsd-kind-icon">ISTLDefault<wbr/>Data<wbr/>Source</a></li><li class="tsd-kind-interface"><a href="interfaces/IWebIFCDefaultDataSource.html" class="tsd-kind-icon">IWebIFCDefault<wbr/>Data<wbr/>Source</a></li><li class="tsd-kind-interface"><a href="interfaces/IXKTDefaultDataSource.html" class="tsd-kind-icon">IXKTDefault<wbr/>Data<wbr/>Source</a></li><li class="tsd-kind-type-alias"><a href="modules.html#AngleMeasurementsPluginConfiguration" class="tsd-kind-icon">Angle<wbr/>Measurements<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#AnnotationsPluginConfiguration" class="tsd-kind-icon">Annotations<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#AxisGizmoPluginConfiguration" class="tsd-kind-icon">Axis<wbr/>Gizmo<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#BCFViewpointsPluginConfiguration" class="tsd-kind-icon">BCFViewpoints<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#CameraPathAnimationConfiguration" class="tsd-kind-icon">Camera<wbr/>Path<wbr/>Animation<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#CameraPathConfiguration" class="tsd-kind-icon">Camera<wbr/>Path<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#CityJSONLoaderPluginConfiguration" class="tsd-kind-icon">CityJSONLoader<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ContextMenuConfiguration" class="tsd-kind-icon">Context<wbr/>Menu<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#DistanceMeasurementsPluginConfiguration" class="tsd-kind-icon">Distance<wbr/>Measurements<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#EdgeMaterialConfiguration" class="tsd-kind-icon">Edge<wbr/>Material<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#EmphasisMaterialConfiguration" class="tsd-kind-icon">Emphasis<wbr/>Material<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#FastNavPluginConfiguration" class="tsd-kind-icon">Fast<wbr/>Nav<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Frame" class="tsd-kind-icon">Frame</a></li><li class="tsd-kind-type-alias"><a href="modules.html#GLTFLoaderPluginConfiguration" class="tsd-kind-icon">GLTFLoader<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#IFCObjectDefaults" class="tsd-kind-icon">IFCObject<wbr/>Defaults</a></li><li class="tsd-kind-type-alias"><a href="modules.html#IFCStoreyPlanObjectStates" class="tsd-kind-icon">IFCStorey<wbr/>Plan<wbr/>Object<wbr/>States</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LASLoaderPluginConfiguration" class="tsd-kind-icon">LASLoader<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LinesMaterialConfiguration" class="tsd-kind-icon">Lines<wbr/>Material<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LoadCityJSONModel" class="tsd-kind-icon">Load<wbr/>CityJSONModel</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LoadGLTFModel" class="tsd-kind-icon">LoadGLTFModel</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LoadLASModel" class="tsd-kind-icon">LoadLASModel</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LoadOBJModel" class="tsd-kind-icon">LoadOBJModel</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LoadSTLModel" class="tsd-kind-icon">LoadSTLModel</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LoadWebIFCModel" class="tsd-kind-icon">Load<wbr/>WebIFCModel</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LoadXKTModel" class="tsd-kind-icon">LoadXKTModel</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LoadXML3DModel" class="tsd-kind-icon">LoadXML3DModel</a></li><li class="tsd-kind-type-alias"><a href="modules.html#LocaleServiceConfiguration" class="tsd-kind-icon">Locale<wbr/>Service<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MarkerConfiguration" class="tsd-kind-icon">Marker<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MeshConfiguration" class="tsd-kind-icon">Mesh<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ModelStats" class="tsd-kind-icon">Model<wbr/>Stats</a></li><li class="tsd-kind-type-alias"><a href="modules.html#NavCubePluginConfiguration" class="tsd-kind-icon">Nav<wbr/>Cube<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#NodeConfiguration" class="tsd-kind-icon">Node<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#PhongMaterialConfiguration" class="tsd-kind-icon">Phong<wbr/>Material<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#PointsMaterialConfiguration" class="tsd-kind-icon">Points<wbr/>Material<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ReadableGeometryConfiguration" class="tsd-kind-icon">Readable<wbr/>Geometry<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#STLLoaderPluginCOnfiguration" class="tsd-kind-icon">STLLoader<wbr/>PluginCOnfiguration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#SectionPlaneConfiguration" class="tsd-kind-icon">Section<wbr/>Plane<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#SectionPlanesPluginConfiguration" class="tsd-kind-icon">Section<wbr/>Planes<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#SpriteMarkerConfiguration" class="tsd-kind-icon">Sprite<wbr/>Marker<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#StoreyViewsPluginConfiguration" class="tsd-kind-icon">Storey<wbr/>Views<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#TickEvent" class="tsd-kind-icon">Tick<wbr/>Event</a></li><li class="tsd-kind-type-alias"><a href="modules.html#TreeViewPluginConfiguration" class="tsd-kind-icon">Tree<wbr/>View<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ViewCullPluginConfiguration" class="tsd-kind-icon">View<wbr/>Cull<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ViewerConfiguration" class="tsd-kind-icon">Viewer<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#WebIFCLoaderPluginConfiguration" class="tsd-kind-icon">WebIFCLoader<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#XKTLoaderPluginConfiguration" class="tsd-kind-icon">XKTLoader<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-type-alias"><a href="modules.html#XML3DLoaderPluginConfiguration" class="tsd-kind-icon">XML3DLoader<wbr/>Plugin<wbr/>Configuration</a></li><li class="tsd-kind-variable"><a href="modules.html#math" class="tsd-kind-icon">math</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="assets/main.js"></script></body></html>