BelowJS Animations

Drag & drop a .glb file to start (see guide)

Focused for shipwreck visualisation, it should feel a bit like Blender. Exports MP4.

BelowJS by Patrick Morrison 2025

Don't have a model ready? Try WreckSporation's Sesa 1928

Drop .glb file to load
Double-click feature to focus
Lighting controls
Render video (MP4)
Fly mode to position
Save/Load settings
Double-click numbers for duration
Capture keyframe (i)
BelowJS is a tool to share your shipwreck models on the web and in VR.
This example is built to demonstrate adding advanced features.
Shift+` fly • Click exit
WASD Move QE Up/Down Shift Fast
Click to confirm spot • ESC to exit
0.00 / 10.00
Add keyframes to play

Edit Time

Export Options

🎬 Full Animation
Export entire timeline as one continuous video
📑 Segments
Export each keyframe pair as separate videos.
Great for PowerPoint presentations and virtual tours!

Save Menu

Save Animation Data
Save your keyframes and settings to a JSON file
Export Video
Render your animation as a video file

Save Animation Data

Save your current keyframes, and settings to a JSON file to load later.

Load Menu

Load Animation Data
Load saved keyframes and settings from a JSON file
Load Model
Load a new 3D model (.glb file) to replace the current one

Export Complete

Your video has been rendered and is ready to share.

Exporting...
Preparing...