This document describes how to use HTML templates to have your WebGL exported (by ProtoTech's plugins) models embedded in it.

1. Create your own HTML template

  1. Create an HTML page in any of your favorite HTML editor
  2. In this HTML page, keep one DIV with ID="ptscontainer" provide width and height.
  3. The 3D Model will be placed here
  4. Here is one sample HTML page and the output WebGL/HTML corresponding to it →

2. Embed 3D Model into existing Webpage

  1. Open an existing HTML page in any of your favorite HTML editor
  2. In this HTML page, create one DIV with ID="ptscontainer" provide width and height.
  3. Provide DIV's position where model needs to be embedded.
  4. Browse this HTML page while exporting model.

3. Download Sample Templates

  1. Simple WebGL/HTML template

  2. Sample descriptive Template

  3. Sample Template of Part details

  4. Download All

4. The Templates are now supported on the following platforms:

  1. WebGL Exporter for Inventor

  2. WebGL Exporter for Revit

  3. WebGL Exporter for Solidworks

  4. WebGL Exporter for Max

  5. WebGL Exporter for AutoCAD







Sample HTML template











Corresponding
WebGL/HTML




Page
Left
Contents



Page
Right
Contents



Page
Left
Contents



Page
Right
Contents