Tag: FRAK engine

We have improved our 3D rendering engine. Thanks to better memory management we got 10..20% performance increase in FPS with larger 3D models.

We updated our WebGL javascript engine – FRAK – in 3D Wayfinder. Many memory management functions have been improved in the new version. With the new FRAK engine 3D Wayfinder provides better loading speed performance for larger 3D models, that use more memory. With smaller 3D models, the increase in speed is not noticeable.

Testing with one really large shopping mall floor plan we got increase in performance in average 15%. In idle mode we recorded 16 frames per second (FPS) increase, jumping from 44 FPS to 50 FPS. While actively showing path we recorded a 7 FPS increase, jumping from 38 FPS to 45 FPS. In normal use, 3D Wayfinder is limited to 30 frames per second.

FRAK WebGL engine has now built in Cubemaps and reflection shader. This gives 3D Wayfinder access to use reflections of surrounding area.

We have added built in cubemaps and cubemap reflection shader to FRAK WebGL engine. In addition reflection with cubemaps is efficient way to create reflective surfaces like glass or mirrors.
Also cubemap reflection is a rendering method. It means that reflective surfaces reflect the cubemap textures.

It will be available for 3D Wayfinder in near future. This will be the effective way to create large glass walls or buildings. It make them more realistic. It might be used also for expensive shopping mall floors.

Next feature in FRAK will be specular map to mark efficiently reflective areas.

Cubemap demo can be found under FRAK repository.

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!

We have released a new version of FRAK WebGL engine with support for JSON 3D model format. This decreases the browser-side loading time as browsers’ native JSON parser is faster, than parsing binary models in Javascript, as we used to do so far. Of course we will continue to support binary models also.

FRAK JSON model specifications can be found from FRAK Github repository.

Initial testing shows, that compressed JSON files are the same size as binary files, but browser side parsing is many times faster.

Here are testing results for parsing with different 3D geometry:

RGB box (12 poly)
With binary format: 250 ms
With JSON: 10-60 ms

Axis Test (3440 poly)
Binary: 300 ms
JSON: 36-60 ms

Wayfinding demo ground level (20069 poly)
Binary: 1265 ms
JSON: 50-70 ms

Browser side parsing time varies a bit, but even with larger models it should be less than 100 ms.

Support for JSON models will be available in 3D Wayfinder in near future. This will probably make the 3D Wayfinder application (with models) loading time smaller about 50%. Of course it will depend on the project size, textures, internet connection etc.

People move, think and experience the world in three dimensions. The majority of media channels are using 3D technologies to attract people’s attention more and more. Nowadays, 3D has become an icon that is written on many products, even on toothpaste. There it serves a marketing purpose, but in IT sector we can make use of it.

One Estonian company, called 3D Technologies R&D has developed the first wayfinding software using WebGL. The company calls themselves a WebGL pioneers, because this technology is in its baby shoes. Most solutions that you can find at this point are usually object demos or games. They may be cool, but not practical. However, 3D Wayfinder is a very practical solution. It is a web-based service for creating building directories for large public buildings.

What is WebGL?

WebGL (Web Graphics Library) in its most basic level is a graphics library that allows us to create real-time rendered interactive 3D graphics inside browser, so it is browser-based. With it, you can experience rich 3D content within any compatible web browser, without installing additional plugin. Most modern browsers support WebGL technology to deliver hardware-accelerated 3D graphics. The HTML5 and WebGL platform allow direct access to the graphics card. That means much faster load times and smoother operation on PC and on mobile devices. According to the WebGL stats, we can show you some statistics about supported desktops and mobile browsers. Data is assembled from over 15 million visits on more than 615 participating sites over the last 60 days.

Source: http://webglstats.com/

As we can see from the diagrams, almost ¾ of the personal computer users, who have visited WebGL participating sites, use browsers that support that graphics library. Mobile devices percentage is low, but it is increasing on daily basis as more power is put under the hood.

WebGL Advantages

WebGL is the best solution enabling to display 3D content on every browser and platform. It is plug-in free, memory management is handled automatically and, it is royalty free web standard for low-level 3D graphics. WebGL is supported in most of the operating systems (Windows Vista or later, Mac OS 10.6 or later, Linux and Chrome OS) and browsers. Unlike other 3D graphics technologies, such as Unity 3D, Flash.

WebGL elements can be mixed with other HTML elements and composites. This enables to design and integrate according to personal needs in combination with other technologies and content. It all together offers endless possibilities for designers and developers.

3D indoor wayfinding software

3D Technologies R&D created FRAK engine to ease up the 3D content development process. FRAK is a JavaScript 3D engine for creating interactive 3D applications. With this engine, you will have the power to build the next generation application. WebGL and the power of HTML5 gives cool designing and functionality opportunities for the future projects.