April 21, 2021


This week xeolabs released xeokit-sdk 1.8, containing various rendering improvements, plus an automated visual test suite to ensure that we continue to support all major browsers. This release contains updates to the core 3D library and the bundled BIM viewer.



Highlights

Automated Visual Tests

We're now using Percy for automated visual testing.

Each time somebody makes a pull request to one of our repositories, Percy will automatically run our test suite on their changes, attach a test report, and request fixes to their PR if any tests fail.

Percy's visual test review workflow gives us more confidence in xeokit, while at the same time reducing the time taken to review contributions and ship releases.

<aside> ℹ️ Learn more

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7ab083a1-4f99-4279-b7d7-e8146c607886/download_(34).png

Improved SAO

We use scalable ambient obscurance (SAO) to darken the crevices in our models, which visually enhances their details.

By switching SAO to an edge-aware blur, we've removed the ugly halo artifact we were getting around the edges, and now the effect looks great.

We've also made SAO more robust, so that it automatically works for all clip plane distances, and added more properties to control its quality.

<aside> ▶️ Run example

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/41bf7698-aa09-44ba-95be-aae220484917/Screenshot_from_2021-03-26_13-21-53.png


Improved Edge Enhancement

We've improved edge enhancement by making edges the same color as their objects, darkened slightly.

This looks much better than the previous, uniform edge coloring.

<aside> ▶️ Run example

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ca0b7203-94b6-4aca-a040-19b5eb491eea/Screenshot_from_2021-03-25_23-25-02.png


Improved Backface Rendering

We've improved backface rendering, which now automatically shows backfaces on non-solid triangle meshes, and also shows backfaces triangle meshes when we slice them with section planes.

We can see trees with our BIM models, like these pine trees in our Holter Tower example.

<aside> ▶️ Run example

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9caa5193-0d24-4508-8db9-80f42c315db3/Screenshot_from_2021-03-26_00-09-07.png


FastNavPlugin

This release includes a new plugin that temporarily disables expensive rendering techniques (eg. SAO, PBR, edges) while we're moving the camera.

This allows us to navigate large models smoothly, using low-quality rendering while we interact, then switching to higher-quality rendering when we stop interacting.

<aside> ▶️ Run example

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6260d826-6d06-4472-9070-d6e2c84dc15e/Screenshot_from_2020-11-16_14-05-25.png


xeokit BIM Viewer 2.1.0

xeokit's bundled BIM viewer has been upgraded to use xeokit-sdk 1.8.

As a result, the viewer now has improved SAO, better backface rendering, and smoother navigation, thanks to the new FastNavPlugin.

<aside> ▶️ Run example

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2f214fd3-423a-4483-8fd4-3e615f271feb/xeokit-viewer.png


Updated Packages