three-viewer

viewer

Getting Started

Install dependencies,

$ npm i @wayyolo/three-viewer

Start the dev server,

  import * as THV from '@wayyolo/three-viewer';
  // get the parent element of the viewer
  let parentDiv = document.getElementById ('bim');

  // initialize the viewer with the parent element and some parameters
  embeddedViewer = new THV.EmbeddedViewer (parentDiv, {
      backgroundColor : new THV.RGBAColor (255, 255, 255, 0),
      onModelLoaded : () => {
          let model = embeddedViewer.GetModel ();
          console.log(model)
          // do something with the model
          // embeddedViewer.viewer.SetEdgeSettings (true, new THV.RGBColor (0, 0, 0), 1);
      }
  });
  // load a model providing model urls
  embeddedViewer.LoadModelFromUrlList ([
    'https://raw.githubusercontent.com/WayYOLO/three-viewer/main/assets/model/model.obj',
    'https://raw.githubusercontent.com/WayYOLO/three-viewer/main/assets/model/model.mtl'
  ]);