LuciadRIA Release notes

Added new API to allow facet culling of meshes in OGC 3D Tiles. The new API is available in MeshStyle.facetCulling. By default, nothing changes and all meshes are painted without culling. This means both the back and the front of each triangle is painted. This is the most robust, but also at a slight cost of rendering performance.

Backface culling can result in performance improvements. It only renders the front of each triangle. This also allows you to visualize the interior of a room while observing it from the outside, which can be useful in some applications.

Front-face culling can be used in cases where the orientation of the triangles of the dataset are inverted. This depends on the dataset itself.

If you have a read-only store (without an add, put or remove), FeatureLayer.editable now defaults to false. You'll also get an error if you set editable to true if the layer is backed by a readonly store.

On top of that, EditController and CreateController now respect FeatureLayer.editable. These controllers will now deactivate if you try to use them with a layer that is not editable. They will also deactivate if the layer is not visible in the layer tree (LayerTreeNode.visibleInTree).

• "HoverChanged" event: Event hook that is called when the set of objects that is being hovered over changes.
• Map.hoveredObjects: set of objects which are currently displayed as "hovered".
• Map.hoverObjects(): Updates the set of objects which are displayed as "hovered".
• Map.isHovered(): Determine whether a particular object on a layer is displayed as "hovered".
• Map.clearHovered(): Clear the current set of hovered objects.

You can now draw "world-sized" icons in LuciadRIA. The size of these icons is expressed in a length unit, such as meters or feet, instead of in pixels. The icons don't have a fixed size on the screen, but grow or shrink when you zoom in and out on the map.

In the illustration, the red icon has a size in pixels. It always has the same size on the screen. The green icon has a size in meters. It grows and shrinks when you zoom in and out.

You can draw world-sized icons with IconStyle.uom. When you set it to a specific unit of measure, the values of IconStyle.width, IconStyle.height, IconStyle.offsetX and IconStyle.offsetY will be interpreted in that unit of measure.

Alternatively, you can specify a length unit inside a string value for IconStyle.width, IconStyle.height, IconStyle.offsetX and IconStyle.offsetY. For example:

const worldSizedIconStyle = {
  url: "http://example.com/icon.png",
  width: "50m",
  height: "50m"
};

You can now visually compare multiple layer sets by swiping or flickering using SwipeController and FlickerController.

Swiping is done by dragging a swipe line horizontally or vertically, hiding the right/bottom part of the first layer set and the left/top part of the other layer set.

Flickering is done by (quickly) clicking the mouse button and toggling visibility of two or more layer sets. You can customize these controllers or use them to implement actions that swipe or flicker programmatically. These visual change detection tools work in 2D WebGL and 3D WebGL. As an illustration, you can enable the swipe or flicker controller in many of our samples with a button in the upper left corner.

Because WebAssembly instances are instantiated asynchronously, the following API was changed:

• MapNavigator.fit/pan/zoom/rotate: You now always have to wait for the returned promise to resolve, if you want to be sure that the navigation action completed.
• ExpressionFactory expressions created by this factory are now validated when they are visualized, instead of when they are created.
• Expressions set on TileSet3DLayer.meshStyle and TileSet3DLayer.pointCloudStyle are now validated once the layer is added to the map, instead of when the layer is created.

WebAssembly is supported on all browsers supported by LuciadRIA.

        const abortController = new AbortController();
        const animationPromise = AnimationManager.putAnimation(map.cameraAnimationKey, myAnimation, false,
        abortController.signal);
        // abort the animation after 0.5 seconds
        setTimeout(() => {
        abortController.abort(); // this will abort the animation, instead of animationPromise.cancel()
        }, 500);