NavCube and AxisTriad Appearance Customization

[praful.bharate]

Is there a built-in way to customize the appearance of the NavCube and AxisTriad, such as changing their colors, transparency, labels, or style?

[tino]

Hello @praful.bharate,

There is not an interface to customize the appearance of the AxisTriad. With respect to the NavCube customization, there is a proof-of-concept implementation based on the NavCube source code. Please refer to this previous post:

Source Code for NavCube Operator

[image] While the NavCube class provided by HOOPS Communicator is a very useful tool to intuitively orient the camera, it is not very customizable via the official API. It is also not part of the UI components we have made available in source code form in the package. There are plans to address this in a future version of the product but for now here is a “standalone” version of the operator with additional customization options. Usage: The CustomNavCube has the same API as the build-in nav…

Thanks,
Tino

[praful.bharate]

Hi @tino ,
Thank you for sharing the details. I have reviewed the POC and wanted to ask if it’s possible to provide the TypeScript files instead of the JavaScript version for CustomNavCube.js. Additionally, could you confirm whether this code is compatible with the latest version of HOOPS Communicator?

[tino]

Hello @praful.bharate,

A TypeScript version is not available for CustomNavCube.js.

Only minor changes are required to the JavaScript file are required in order to use it for recent Communicator versions:

• Communicator.OverlayUnitPoint becomes Communicator.Overlay.OverlayUnitPoint
• Add import * as Communicator from "./your_directory_to/hoops-web-viewer.mjs";

Thanks,
Tino

[praful.bharate]

Thankyou @tino for the suggestions.