🥽 GSOTS-3D — Examples & Samples

These are some examples & samples in order to see GSOTS-3D in action and demonstrate various features and how to use them. Some of the scenes are interactive, so you can move around them.

On desktop, click into the scene and use the mouse to look around, the WASD or arrow keys will move the camera around.
On mobile, you can touch the right side of the screen to look around, and the left side to move forward & back.

All examples are written as vanilla ES6 JavaScript (using the ESM bundle of GSOTS), so you can view the source code and see what is going on. Code for all examples is always in a single main.js, and the HTML file uses the same simple skeleton.

Hello World

Minimal 10 lines of code GSOTS example, a single sphere

Demo Scene 1

Room with various objects for no reason than to showcase library features

Demo Scene 2

Showcasing dynamic reflections & normal mapping

Physics demo

Using cannon-es for physics

Dice Physics

Dice falling onto a table with real time physics

Particle system

Showcases some particle system features

Utah teapots

Who can resist this classic 3D model

Full Screen Effects

Showing full screen post processing effects

Shadow test

Simple test scene for debugging shadows

Planet Earth

Very simple demo with the earth spinning in space

Model Builder

See source for how to use the custom model builder

Noise TBA

Coming soon