ForgeJS Samples

Click on a project link to try it ! Learn from these samples.

name description
Simpliest project It is the simpliest possible project : a very tiny webpage, a tiny configuration, and only one image to display. This is an example of the minimum required to run a project.
Littleplanet view The previous project, with a different view, the little planet one. This project uses the GoPro view that is between a rectilinear and a little planet effect depending on your zoom factor.
Multiple scenes A simple example showing how to navigate through scenes.
Simple video A very simple example with a video playing.
Media grid Demonstration of media grid.
Multiple media Many scenes, each with a different media type definition.
Multiple locales Using the LocaleSelector plugin, it is possible to switch between the multiple locales present in this project.
Changing the view Change the view in realtime, going to Rectilinear to Little Planet, without stopping the playing video and without changing the orientation of the camera.
Special effects Apply a special effect on a scene, and toggle it to view how it affects the scene.
Audio playlists Using playlists, it's possible to apply a background sound track to each scene.
Ambisonics Using first-order ambisonics into a scene.
Director's cut Change the orientation of the camera in realtime according to waypoints.
Scene synchronization Navigate through videos and while keeping the video current time.
MPEG-DASH videos Video player based on MPEG-DASH streaming technology.
Hotspots Add hotspots to a scene.
Hotspots with actions Add actions to hotspots.
Moving hotspots Apply animation transformations to hotspots.
Hotspots with spatialized sounds Add hotspots with spatialized sounds to a scene.
Hotspots geometry Add hotspots with 3D geometries such as a sphere or a box.
Hotspots states Hotspot states allows you to change the material on mouse over or setup a toggle system like checkboxes.
Hotspots states sound Hotspot states allows you to emit a sound on mouse over.
Hotspots states animation This sample show how to setup different animations for different states.
Hotspots animated sprite Hotspot that have an animated sprite as texture.
Hotspots video Hotspot that have a video as texture.
Hotspots DOM Hotspot that are not 3D objects but are DOM elements positionned in 2D space over the media.
Camera limitation Apply direction and limits to the orientation and the field of view of the camera.
Camera parallax Apply a camera parallax effect on the hotspots layer.
Gamepad controller Sample to demonstrate and test the usage of gamepad controllers with ForgeJS. The plugin used to monitor the Gamepad only works on Chrome at the moment.
Pointer controller Sample to demonstrate and test the settings of a pointer controller.
Multiple Viewers A test case for multiple FORGE.Viewer in the same page.
Video controls Plugin to allow users to have full control of the video player through buttons and widgets.
Thumbnail bar A plugin which allow to add a bar at the bottom of the screen, containing thumbnails relative of each scene.
Performance Monitor A plugin which allow to monitor performance: fps, ms, mb.
Toolbox A plugin that displays a GUI to interact with camera values, the current scene or the view type.
Editor The very first version of a hotspot editor plugin (WIP).

ForgeJS Projects

These are bigger projects.

name description
Vrrroom This is the project that has been presented at the IVRPA 2016 in Quebec.
Combining immersive
and narrative content
A sample highlighting the powerful storytelling capabilities of ForgeJS combining narrative and immersive scenes.