Tag: development template

A new template for development purposes has been published with simplified javascript API. Now it is even easier to get started with 3D Wayfinder and the integration of 3D maps into web applications.

We have published a special template for development purposes. It includes a 3D map with resize function, floor buttons, list of locations and groups etc. Also each part in template has a tooltip, where it is possible to see the javascript function which has been used for that specific section.

In Addition with the template we are releasing a new SimpleWayfinderApi class that extends the existing Wayfinder class. You can find the SimpleWayfinderApi documentation here. To use the SimpleWayfinderApi in Your application embed with <script src=”//static.3dwayfinder.com/projects/shared/js/simpleWayfinderApi.js”></script >

It includes basic functions for getting floor, group and location data. Functions for getting specific objects (floor, group, location) to accept the object’s ID as a selector instead of using the object itself as a parameter.

The development template is a good way to start building your web-based 3D applications.
You can use this template by getting the embedded code from the template page. The template itself can be accessed via the administration panel at admin.3dwayfinder.com when selecting the view with template “DevTemplate”.

In addition to the new development template it is possible to test the new SimpleWayfinderAPI in a sandbox at CodePen.

Both the development template and simple wayfinder API will be updated with new features and functions regularly.

We have added full screen mode to FRAK WebGL engine. Now it is possible to create 3D Wayfinder templates that can open 3D floor plans in full screen.

Full screen with browsers is being used for watching videos, using map application, playing games etc. Usually wayfinding applications are configured to run in full screen by default. So there will be no need for separate full screen mode from browser. When embedding 3D Wayfinder in web-pages or web based applications, going full screen can be really useful. This gives the possibility to experience 3D content through the whole screen when needed. Also in normal state 3D canvas can be mixed with other HTML content keeping the 3D area smaller and it needs less performance.

To use full screen mode with FRAK engine you have to make following API call:
Engine.requestFullscreen(useUpscaling)

Exiting full screen:
Engine.exitFullscreen()

Engine.requestFullscreen() has to be called by a user interaction (i.e. click on a button), as browser need user action for going full screen.
If “useUpscaling” is set to true the canvas is resized to screen dimensions, but rendering will continue at the original resolution. This allows for faster rendering, but the image quality will suffer.

Full screen is required for stereoscopic rendering, this we will also add to 3D Wayfinder soon to provide real-time 3D experience with 3D Wayfinder. Stay tuned!

Here are couple of 3D Wayfinder template examples. Wayfinding template for touch screen kiosks and mobile for indoor positioning in shopping malls, hospitals, airport etc. Contact our sales team for demo.