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.