ForgeJS Features Samples

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

name description
Simple 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 A simple project with a little planet view. This project uses the GoPro view that is between a rectilinear and a little planet effect depending on your zoom factor.
Flat view This project demonstrates the flat view and its options.
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.
Multiresolution An example to demonstrate the ForgeJS ability to handle any kind of panoramic-image size through multiresolution image processing.
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 scale Hotspot that are keeping the same aspect whatever the fov is.
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.
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.
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.
Camera events This projects logs in the console the differents camera events available in the API.
Media video events Bind event handlers on a video media directly on the json configuration.
Story events Bind events handler to the story directly on the json configuration. Events are logged in the console in this sample.

ForgeJS Plugins Samples

Click on a sample link to try the plugin!

name description
Video controls Plugin to allow users to have full control of the video player through buttons and widgets.
Google maps Plugin that displays a GPS track on a Google map.
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).
Telemetry A project displaying multiple plugins, each being fed with data coming from the telemetry gathered by a GoPro camera. The plugins used in this project are speedometer, accelerometer, compass and altimeter. These plugins can be used as hotspots' texture or be displayed in screen space
Share a view A plugin allowing the user to share the current view type and camera orientation (yaw, pitch, roll and fov). The plugin keeps the url updated with those parameters.

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.
Paris 26 Gigapixels A sample highlighting the power of the tiles management and look at navigation with ForgeJS.