ng-mesh-viewer

Ng-Mesh-Viewer

This module will draw a 3D model from OBJ mesh geometry.

demo (Doesn't work in IE)

Install to Angular project

Install package npm i ng-mesh-viewer --save

Add to app.module.ts

import { MeshViewerModule } from 'ng-mesh-viewer';

@NgModule({
  imports: [
    ...,
    MeshViewerModule
  ]
})

Now Ng-mesh-viewer can be used anywhere using the tag.

<ng-mesh-viewer [data]="data">
</ng-mesh-viewer>

where data is an array of objects formatted in the following way:

{
    name: "item name", 
    uri: "item URI",
    geometry: "obj string",
    type: "Element or Zone",
    opacity: "optional opacity [0-1]",
    color: "optional color [defaults to random]"
}

Type	Attribute	Description	Required
Input	data	Array of objects in the above format	x
Input	toolbar	Display toolbar? Defaults to false
Input	centroids	Display centroids? Defaults to false
Input	colors	Array of key/val with {uri: "", color: ""}. By default random colors and 50 % opacity is used for zones and default material is applied to elements
Output	clickedRoom	Fired on room click. Returns the URI of the clicked room and the absolute coordinates based on the original geoJSON.
Output	clickedCanvas	Fired on canvas click. Use to clear selection or whatever.