LMV Polymer

Experimental UI prototype for LMV using Polymer

See live samples at lmv.rocks

About

The LMV (for Large Model Viewer), or also officially known as the View and Data API, is Autodesk's WebGL rendering engine, optimized for displaying large engineering and architectural models and the associated metadata. Learn more about the API here.

Polymer is Google's experimental library built on top of Web Components, a collection of next-gen web standards that allows you to build modular, encapsulated, and reusable custom HTML elements.

Warning: This project is using Polymer 0.5 Developer Preview. Google has since released a stable 1.0 Production Release, which is not backwards compatible with 0.5. Fork at your own risk!

Installation

Install Node.js
npm install
bower install

Run Locally

gulp serve

Build

gulp

The Future

This project is an attempt to offer a collection of web components that uses the LMV API, so that other developers can use these to build custom LMV applications of their own.

For example, to include the viewer, it is as easy as:

<lmv-viewer url="https://lmv.rocks/data/engineraw/0.svf"></lmv-viewer>

Eventually, we want to be able to provide the LMV as web components instead of a javascript library. As a developer, you simply load our library of custom elements, insert the lmv-viewer element and any other elements you want, like lmv-model-tree or lmv-animiation-view, and they just work, without writing a line of javascript!

To demonstrate, here's a simple page with the viewer:

<!DOCTYPE html>
<html>
<head>
  <title>LMV Test</title>

  <!-- include polyfill, eventually this will go away! -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.6.1/webcomponents.min.js"></script>

  <!-- include lmv-polymer elements -->
  <link rel="import" href="http://lmv.rocks/viewer/elements/elements.min.html">

  <style type="text/css">
    lmv-viewer { width: 600px; height: 400px; }  /* give it some size */
  </style>
</head>
<body>

  <!-- insert lmv-viewer element -->
  <lmv-viewer url="https://lmv.rocks/data/engineraw/0.svf"></lmv-viewer>

</body>
</html>