We are experts in Qt; I know it sounds trivial, but we have examples to prove that. So, let me tell you how we made an interactive excavator demo in Qt Quick 3D for our client in less than two hours. We share the demo in this article so you can see for yourself.

3D excavator demo for a geomatics business

As part of our partnership with The Qt Company, we received a contact for a firm that develops solutions for the geospatial, construction, and agriculture fields. One of the client’s products is hardware and software for auto-steering and automatic control of agricultural or heavy equipment, such as tractors or excavators. 

The products aim to lower the entry threshold for machine operation and increase work efficiency by making the equipment use more convenient. We decided to help achieve this goal by building a demo in Qt Quick 3D.

The need to modernise the existing system with Qt company solutions

The client already had an automatic remote-control system consisting of mobile devices such as a GNSS sensor, camera, or tablet in the operator’s cab for setting up machine parameters. 

The weakest link in this advanced product was the HMI module for the tablet – not transparent enough, presenting the machine only in 2D view. The client wanted to modernise the UX and UI layer of the application to make it more attractive for the global market. They decided to leverage the Qt technology to create a better interface

Let’s prove the concept of digging with Qt Quick 3D 

To test whether the technology would meet the client’s requirements, we’ve decided on a proof of concept – a sample view of the excavator control panel. The HMI application demo was intended to showcase our skills in this technology and present a vision for upgrading the existing user interface. 

In the PoC development process, we took the following requirements into account: 

  • introduction of 3D views of the machine, 
  • option to move excavator components remotely concerning its parameters, 
  • implementation of three views: top, side and free float with screen zoom and rotation, 
  • the development of different levels of resolution for the low/mid/high model in order to easily switch between devices, 
  • no fixed values and flexibility of the application, knowing that the software would be used for other vehicles and tools. 

Excavator software demo made in Qt Quick 3D

Interactive excavator demo made in Qt Quick 3D

An interactive demo implemented in less than two hours with Qt creator

The main HMI view was inspired by the client’s existing product. Without introducing a revolution in features and functionalities, we redesigned the view to increase the user experience and make it easier to operate and navigate. 

The UI project, designed in Figma, was imported to Qt Design Studio alongside a bought 3D excavator model. Using the WYSIWYG editor to implement simple functionalities and features, and QML code for more complex components, we made all the elements come together as an interactive demo. Even though our Qt experts say they’re more adept at 2D programs, they hardly had any issues while working in the 3D environment. That’s mostly because all the changes introduced in the source code are visible in real-time in the demo preview. 

Thanks to the partnership between Spyrosoft and The Qt Company, we have huge support from the Qt technology provider, as well as broad access to their products, including beta, premium and commercial licenses. In case of any problems while creating the demo example or a need for a consultation, we can count on specialists from the Qt side. 

For the client to interact with the demo via an internet browser without needing to install data locally, we made the demo available in WebAssembly format. 

View on the interactive excavator software demo made in Qt Quick 3D

You can try the demo here.

3D excavator demo in Qt Quick 3D with future development in mind 

As this article is about a proof of concept built fast in Qt, we could end it here. Nevertheless, I’d like to cover a few more details and examples about the project’s future development. 

First, safety features. While developing an interactive HMI application to control a machine, we implement components responsible for rendering critical safety interface elements. Those are speedometer, tachometer or, in the case of an excavator, information about a failure in the machine itself or a threat to its operation. If a failure or error occurs in the graphical interface, the safe renderer will provide the basic interface with the data necessary to drive the machine safely and maintain full control. 

Second, the digital twin. A digital twin is a virtual copy of the physical equipment that simulates its operation. It takes into account the parameters of the machine but also external factors such as slope, loading weight or weather conditions. The digital twin allows us to visualise the actual use cases of the machine operation under different conditions without testing “in production” from the operator’s cab. 

Third, cloud. Combining the project with the computing cloud allows communication between the product’s elements – the tablet with the parameters entered by the operator, the satellite tracking the machine’s location, and the device supporting its movement. Involving the cloud makes the software more efficient; it allows it to upscale when serving more customers and downscale when the load is reduced, lowering the cost by fitting it to the actual level of cloud resources consumption. 

Looking for experienced HMI development specialists? 

Has this project grabbed your attention? This is just one example of what we can build for you using Qt technology. So, if you’re thinking about creating a remote device control system or improving existing HMI software with Qt solutions, get in touch with us. Find out more about HMI development services provided by Spyrosoft, here

FAQ

The interactive excavator demo was made as a proof of concept to determine whether the HMI technology and the revamped UX and UI of the app met the client’s requirements. It was intended to showcase the capabilities of Qt Quick 3D and present a vision for upgrading the existing user interface.

The demo was created using mainly Qt Design Studio and Qt Quick 3D. These tools allowed for the integration of 3D assets and real-time interaction in a streamlined workflow. The project was initially designed in Figma and then imported to Qt Design Studio alongside a 3D excavator model. On top of that, we used the WYSIWYG editor to implement simple functionalities, and QML code for more complex components. At the end, all these elements were put together to deliver an interactive demo.

The goal was to quickly create a functioning and visually engaging HMI prototype, that will meet the client’s requirements and objectives. The PoC served to evaluate the efficiency and relevance of using Qt tools in excavator interface development that will be attractive for the global market.

The entire process, from concept to a working interactive demo, took less than two hours. This demonstrates the speed and flexibility of the Qt framework.

Qt Quick 3D allowed for seamless integration of 3D models and intuitive UI elements. It also enabled real-time adjustments and interactions without complex coding.

About the author

Łukasz Ornatek

Lukasz Ornatek

Senior C++ Software Engineer