Create a container <div></div> html element where the viewer will be displayed and give it an id (in our example "container").

Load the ForgeJS framework and its dependencies by adding the <script src=""></script> html tags in your <body></body>.

In another <script></script>, create a variable and assign a new FORGE.Viewer to it and pass it the container id in first argument.

That's it! You've created your first ForgeJS viewer. For now it has no configuration at all, it just displays a black background. In the next tutorial we will see how to add a basic configuration to add a scene that displays 360° media.

All the dependencies of ForgeJS that are a custom build of three.js, and hammer.js are included in our repository.