Do you want to know how your customers use your applications and devices? Try Qt Insight.
最新版Qt 6.3已正式发布。 了解更多。
最新バージョンQt 6.3がご利用いただけます。 詳細はこちら

Meet Qt Design Studio 3D Editor

In Qt Design Studio 1.4 we introduced for the first time an experimental integration of Qt Quick 3D into Qt Design Studio. This gave the community a taste of the seamless 2D / 3D integration that Qt Design Studio is going to embrace. We have utilized our experience in Qt 3D Studio to bring the best 3D concepts to Qt Design Studio. The result is a comprehensive integrated 3D tool for composing and editing 3D scenes within Qt Design Studio. Meet the 3D Editor!

Today we are unleashing a production-ready 3D Editor as part of Qt Design Studio 1.5 which was recently released. With this release the 3D Editor received a lot of new features, improvements, and fixes. Here is a glimpse of what has been added:

  • The 3D Editor is now an integrated window like all other Qt Design Studio windows.

  • Primitive 3D models added, object icons updated.

  • New distinguishable light gizmos.

  • Dynamic grid zooming, possibility to toggle the grid on/off.

  • Missing shortcuts for editing a 3D scene are added.

  • Ability to add a texture to a material by drag and drop.

  • Countless UX improvements and bug fixes.


The new 3D Editor

Let's take a closer look at what the new 3D Editor is capable of. When you open the 3D Editor you get a viewport at the 3D scene. You can then start building your scene by dragging 3D assets (primitives, cameras, lights, etc) from the Quick3D item library to the 3D Editor. You can also import and use 3D assets created in external 3D modeling software via the integrated 3D assets importer. Objects on the scene can be selected, moved, rotated, and scaled using in-place transformation gizmos. Other properties can be edited using the Property Editor in the same way that 2D objects properties are edited. Camera controls for manipulating and moving around the 3D scene are intuitive and easy to use.

Unified 2D and 3D Editing

A great merit of Qt Design Studio 1.5 comes from the consistency of mixing 2D and 3D content to compose a UI. 2D and 3D assets are edited exactly the same way. Editing an object's properties in the Property Editor works the same for 2D and 3D objects. As for animation, both 2D and 3D objects are animated similarly. Creating, editing, moving, deleting keyframes is consistent. Also 2D and 3D objects can co-exist in the same timeline. This allows creating powerful 2D / 3D hybrid user interfaces in an intuitive seamless way.

2D and 3D objects in the timeline

2D and 3D objects side by side in one timeline

Reusable 3D Components

Qt Design Studio's component system can be harnessed to organize a complex 3D scene. Creating a 3D component is as simple as right-clicking an object tree in the Navigator and selecting "Move component into Separate File". This creates and adds a new reusable 3D component to the item library. Adding a new instance of the component is a matter of dragging it to the desired position in the scene tree.

Getting started? You can get Qt Design Studio 1.5 is via Qt online or offline installers. Need help? A comprehensive documentation of the 3D Editor can be found in the Editing 3D Scene section of the Qt Design Studio Manual. Issues and suggestions can be posted to the bug tracker.


Blog Topics: