SDK Manual

This manual covers the basic introduction of setting up 3d viewers, configurators, and online experiences using the webgi engine. It explains basic concepts and covers many common use-cases and examples.

Beginner Tutorials

• Viewer API Getting Started
• Plugins Basics
• Asset Management
• Camera control and Animation
• GLTF Animations
• Picking and Interactions
• Popmotion Animation/Tween
• Scrollable 3d websites with camera views
• 3D Model Preparation
• Anti-Aliasing (SSAA, TAA, Scaling)
• Ground/Floor Setup and Shadows

Advanced Tutorials

• Extending with three.js
• Writing custom plugins
• Material Configurators
• Custom Shader Material
• Post Processing and HDR Pipeline
• Object Configurators
• Object Import processors

SDK Links

The SDK code is available at the below links. Since the library is in constant development, the version is updated frequently, make sure to update to the latest from time to time.
The scripts and assets are hosted on Google cloud with Cloudflare CDN to give fast import directly on the websites.

Direct JS import

For use in HTML/JS files. (all webgi exports are added to window)

• Viewer:
  https://dist.pixotronics.com/webgi/runtime/viewer-0.9.17.js
• Module Bundle:
  https://dist.pixotronics.com/webgi/runtime/bundle-0.9.17.js

NPM modules

To add in package.json

• JS Bundle:
  "webgi": "https://dist.pixotronics.com/webgi/runtime/bundle-0.9.17.tgz"
• Type Declarations:
  "@types/webgi": "https://dist.pixotronics.com/webgi/runtime/bundle-types-0.9.17.tgz"

See Installation page for more details

tip

The latest version of the SDK is available can be found in the top right corner of this documentation website.

CORS issues with links

There are some Cross-Origin Resource Sharing (CORS) rules set to prevent abuse with assets.
When working locally, use port 8080 for http://localhost or 8062 for https://localhost. For online development, CodePen and CodeSandbox are allowed. If you are facing a CORS issue on production, contact us.

Access

The SDK and pre-built files can be accessed from the above links.
Contact us for source code access and developer support.
To use the viewer in a production environment, contact us for a license.

The Viewer SDK is closed-source at the moment, we may choose to make it open at a later date. Some parts of the viewer are open-source and can be found on Github.

Contact and support

Discord

Join our new discord server to chat, ask questions, report bugs, suggest features/improvements or to just hang out.
Join Now: https://discord.gg/apzU8rUWxY
and don't forget to introduce yourself.

Email

Contact details for high priority developer support, partnerships, licensing questions or business queries.

• Support - [email protected]
  or contact us personally:
• Palash Bansal - [email protected]
• Prashant Sharma - [email protected]