ForgeJS Features Samples
Click on a sample link to try the feature!
| 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 | 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. |
| Flat view | This project demonstrates the flat view and its options. |
| 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 scenes | A simple example showing how to navigate through scenes. |
| Multiple media | Different kind of media over several scenes (equi, video, cubemap, grid). |
| 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. |
| Hotspots states | Add states to your hotspots and change the material (texture) on mouse over or declare custom states to create specific behaviors like checkboxes. |
| Hotspots states sound | Add states to your hotspots and change the sound emitted by the hotspot on mouse over. |
| Hotspots states animation | Add states to your hotspots and change the animation by changing its state. |
| Hotspots animated sprite | Apply animated sprite as hotspot texture. |
| Hotspots video | Apply video as hotspot texture. |
| 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 auto scale | Hotspot that are keeping the same aspect whatever the fov is. |
| Hotspots DOM | Move HTML elements over the 3D viewport according the camera orientation like hotspots! |
| 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. |
| Pointer controller | This samples has a Toolbox plugin to test and tweak the options of the pointer controller |
| Gamepad controller | This sample is configured to work with a gamepad. You can control the camera with joystick, change the scene and the view type. If you are using Chrome you will have a plugin that displays the gamepad inputs. |
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 allows to add a bar at the bottom of the screen, containing thumbnails relative of each scene. |
| Performance monitor | A plugin that add a draggable performance monitor. |
| Toolbox | A plugin that displays a GUI to interact with camera values, current scene or view type. |
| Editor | A plugin that displays a GUI add hotspots placeholders in your scene, you can save and load hotspots configuration. |
| 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 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 projects using different set of features.
| name | description |
|---|---|
| Vrrroom | This is the project that has been presented at the IVRPA 2016 in Quebec. |
| Immersive and narrative | A sample highlighting the powerful storytelling capabilities of ForgeJS combining narrative and immersive scenes. |