(1.4.0) Wonda

Wonda is an advanced training platform to build and deploy highly personalized learning simulations that adapt to any learning needs. www.wondavr.com

See the video:

Integration

This integration is built by the Wonda development team supported by the Igloo application integration team. The integration enables the Wonda space to be displayed in a suitable format for Igloo immersive spaces.

The integration is available on all Wonda spaces using the URL parameters described below.

https://spaces.wondavr.com/embed/?course=02876ff0-42f3-11ed-96e4-f39863610d1f&presenter=true&equirectangular_size=1000

Three query parameters are accepted to configure the canvas:

• (Required) equirectangular_size=1000 => the equirectangular canvas will have a (1000 * 2, 1000) size

• (Optional) main_width=1280 => the interactive canvas will have a width of 1280 px. If not specified value and equirectangular_size specified, canvas width is 1280px

• (Optional) main_height=720 => the interactive canvas will have a height of 720 px. If not specified value and equirectangular_size specified, canvas height is 720px

Getting Started

First of all, using a normal browser, go to wondavr.com and create a free account using ‘Try Now’.

Open

Enter a username, email and password to register.

Open

Once logged in, a list of Spaces are available:

When you click on a space, you must choose an Avatar, and then the Space is loaded. Rotate the view with left mouse and use WASD keys to move around.

Wonda in Igloo Core Engine

Create a new WebVIew and go to the Wonda Igloo demo space using: https://spaces.wondavr.com/embed/?course=02876ff0-42f3-11ed-96e4-f39863610d1f&presenter=true

Login with your credentials and the Space should appear as shown below.

Next, add the following text to the end of the URL and press the refresh button.

main_width=1280&equirectangular_size=2000

Untick the Dynamic Resolution checkbox and set the Resolution to be 5280 x 2008 (an extra 8 pixels needs to be added to the height of the equirectangular).

The WebView now contains two regions: the interactive region on the left and the equirectangular region on the right. All navigation and selecting of menus etc is done in the interactive region.

Layer Effect settings

In order to display the equirectangular region, we need to apply a Crop effect followed by the TruePerspective effect.

Add an ISF effect and in the filter box, type ‘crop’. Then select Manual Crop and set the SX value to 0.243. This will crop the interactive region out of the layer display. Next add the TruePerspective effect.

An accurate value for the cropping is needed to ensure the 360 image is seamless. Otherwise a vertical line will be visible on the ICE Canvas.

Calculate the SX value using: <width of interactive canvas> + 1 / <total canvas width>

e.g. 1280 + 1 / 5280 = 0.24261364

In order to prevent a vertical scrollbar on the WebView, the resolution height should be set to: <height of the equirectangular region> + 8.

e.g. 5280 x 2008 should be used as the WebView resolution to give an interactive region with width 1280 pixels and an equirectangular region with dimensions 4000 x 2000 pixels.

Interaction

To interact with the Space, click on the Layer preview tab. Zoom in to the interactive region in the left side of the view. Click and drag to rotate the view and use WASD to move around. Select buttons using the left mouse button.

I have an Issue!

For issues with the Wonda integration, please contact myadvocate@igloovision.com or use the help desk. A ticket will be generated for you, and an appropriate member of our tech support team will contact you as soon as possible to assist you with your problem.