ForgeJS Samples

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

# name description
1 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.
2 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.
3 Multiple scenes A simple example showing how to navigate through scenes.
4 Simple video A very simple example with a video playing.
5 Media grid Demonstration of media grid.
6 Multiple media Many scenes, each with a different media type definition.
7 Multiple locales Using the LocaleSelector plugin, it is possible to switch between the multiple locales present in this project.
8 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.
9 Special effects Apply a special effect on a scene, and toggle it to view how it affects the scene.
10 Audio playlists Using playlists, it's possible to apply a background sound track to each scene.
11 Ambisonics Using first-order ambisonics into a scene.
12 Director's cut Change the orientation of the camera in realtime according to waypoints.
13 Scene synchronization Navigate through videos and while keeping the video current time.
14 MPEG-DASH videos Video player based on MPEG-DASH streaming technology.
15 Hotspots Add hotspots to a scene.
16 Hotspots with actions Add actions to hotspots.
17 Moving hotspots Apply animation transformations to hotspots.
18 Hotspots with spatialized sounds Add hotspots with spatialized sounds to a scene.
19 Hotspots geometry Add hotspots with 3D geometries such as a sphere or a box.
20 Hotspots states Hotspot states allows you to change the material on mouse over or setup a toggle system like checkboxes.
21 Hotspots animated sprite Hotspot that have an animated sprite as texture.
22 Hotspots video Hotspot that have a video as texture.
23 Camera limitation Apply direction and limits to the orientation and the field of view of the camera.
24 Camera parallax Apply a camera parallax effect on the hotspots layer.
25 Video controls Plugin to allow users to have full control of the video player through buttons and widgets.
26 Thumbnail bar A plugin which allow to add a bar at the bottom of the screen, containing thumbnails relative of each scene.
27 Performance Monitor A plugin which allow to monitor performance: fps, ms, mb.
28 Toolbox A plugin that displays a GUI to interact with camera values, the current scene or the view type.

ForgeJS Projects

These are bigger projects.

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