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. |
| 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. |
| Video controls | Plugin to allow users to have full control of the video player through buttons and widgets. |
| Gamepad controls | 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. |
| 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. |
| Multiple Viewers | A test case for multiple FORGE.Viewer in the same page. |
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. |