Create your first scene

A minimal 3D scene

Now that you’ve downloaded the package project, let’s create your first scene.

A scene is a collection of nodes (web components) organized in a tree structure. Some nodes can contain other nodes as children, forming a hierarchy.

A basic 3D scene looks like this:

<!-- The containing viewer, you can ref this to style it like the width/height -->
<a3d-viewer>
  <!-- The 3d mesh to display, replace src with your url -->
  <a3d-model
    src="https://cdn.substance3d.com/v2/files/public/SheenChair.glb"
  ></a3d-model>
</a3d-viewer>

This code creates a default 3D scene containing a single 3D model. Here’s how it looks: