Substance Logo

3DCS Web Viewer

Getting Started
Give us feedback
Create your first scene
Components
Assets
Camera Perspective
Environment
Hotspot
Light
Loading Screen
Mesh
Node
Scene
Transform
Viewer
Designing for the 3DCS Viewer
Context of Use
Zoning
Components
UI Components
toolbar
Github

Getting Started

About the 3DCS Viewer

There is multiple way to start using the 3DCS Viewer :

We recommand using npm packages to integrate the 3DCS Viewer in your project. This packages will provide support for project if you want to use directly the web components in your project.

NPM packages

The main packages to install are :

You can install them by :

Adding the following to your ~/.npmrc:

@a3d-viewer:registry=https://artifactory.corp.adobe.com/artifactory/api/npm/npm-3di-release/
@a3d-ui:registry=https://artifactory.corp.adobe.com/artifactory/api/npm/npm-3di-release/
//artifactory.corp.adobe.com:443/artifactory/api/npm/npm-3di-release/:always-auth=false

and then running :

npm install @a3d-viewer/core @a3d-viewer/viewer

CDN

You can also use the 3DCS Viewer directly from a CDN. It is not the recommanded way to use the 3DCS Viewer, but it can be useful for testing or prototyping.

<script
  type="module"
  async
  src="https://cdn.substance3d.com/v2/files/public/3dcs-viewer-develop-02f8bd2c4c6dd0e34eb31e1d7a1cf5c43ca184e5.js"
></script>