Configurateur de voiture
Exemple de modèle de voiture illustrant l'utilisation des caméras 3D d'Qt Quick , de l'environnement de scène étendu et de l'Qt Quick 3D.
Le configurateur de voiture présente un véhicule dans différents environnements et dans différentes couleurs. Il est implémenté avec Qml et s'appuie sur plusieurs modules Qt, notamment Qt Quick et Qt Quick 3D.
Exécution de l'exemple
Vous pouvez exécuter l'exemple à partir de :
- Qt Creator
Ouvrez le mode « Welcome » et sélectionnez l'exemple dans « Examples ». Pour plus d'informations, consultez Qt Creator: Tutoriel : Compiler et exécuter.
- Qt Extension for Visual Studio Code
Exécutez la commande « Qt: Open Qt examples » à partir de Command Palette, puis sélectionnez l’exemple dans la liste. Pour plus d’informations, consultez Qt Extension for Visual Studio Code: Tutoriel : Compiler et exécuter.
Remarques sur la plateforme
Cet exemple télécharge certaines ressources depuis un serveur Internet lors de son exécution. Vous aurez donc besoin d’une connexion Internet lors de son premier lancement.
Vous pouvez interagir avec le modèle de voiture selon deux modes :
- Mode démo
- Mode utilisateur
Mode démo
La caméra suit différents parcours et offre différentes vues de la voiture.
Mode utilisateur
Les utilisateurs peuvent faire pivoter la vue autour de la voiture à l’aide de la souris ou d’une commande tactile.
Réinitialiser la caméra
La caméra revient à sa position initiale.
Environnements de scène
Quatre environnements de scène sont disponibles pour cet exemple :
- Garage
- Désert
- Animé
- Studio
Environnement « Garage »
L'environnement « Garage » sert de cadre par défaut et offre un espace de présentation épuré et industriel :
ExtendedSceneEnvironment {
id: showhall
glowBloom: 0
glowStrength: 0
glowEnabled: false
depthOfFieldFocusDistance: 600
depthOfFieldFocusRange: 627
depthOfFieldBlurAmount: 19.97
depthOfFieldEnabled: false
exposure: 1.2
lightProbe: _Hall
backgroundMode: SceneEnvironment.SkyBox
tonemapMode: SceneEnvironment.TonemapModeLinear
probeExposure: 1
depthPrePassEnabled: false
depthTestEnabled: true
antialiasingMode: SceneEnvironment.MSAA
antialiasingQuality: root.perfMode ? SceneEnvironment.Medium : SceneEnvironment.VeryHigh
clearColor: "#000000"
probeHorizon: 0.5
Texture {
id: _Hall
source: root.downloadBase + "/content/images/HDR/_Hall.ktx"
mipFilter: Texture.Linear
scaleV: 2
}
temporalAAEnabled: false
}Environnement « Désert »
L'environnement désertique propose un éclairage HDR avec dôme céleste, des effets de brouillard atmosphérique et une géométrie de sol spécifique :
ExtendedSceneEnvironment {
id: desert
lightProbe: _Desert
glowStrength: 2
glowBloom: 0.11191
glowEnabled: true
depthPrePassEnabled: false
probeExposure: btnRain.checked ? 1.0 : 1.5
tonemapMode: SceneEnvironment.TonemapModeLinear
backgroundMode: SceneEnvironment.SkyBox
depthTestEnabled: true
antialiasingMode: SceneEnvironment.MSAA
antialiasingQuality: root.perfMode ? SceneEnvironment.Medium : SceneEnvironment.VeryHigh
clearColor: "#000000"
probeHorizon: 0.5
temporalAAEnabled: false
fog: Fog {}
}Environnement animé
L'environnement animé met en valeur du contenu dynamique avec des effets de mur vidéo :
ExtendedSceneEnvironment {
id: videoRoom
aoSoftness: 0
aoDistance: 0
probeExposure: 1
tonemapMode: SceneEnvironment.TonemapModeLinear
antialiasingMode: SceneEnvironment.MSAA
antialiasingQuality: root.perfMode ? SceneEnvironment.Medium : SceneEnvironment.VeryHigh
clearColor: "#000000"
depthPrePassEnabled: false
backgroundMode: SceneEnvironment.Color
depthTestEnabled: true
probeHorizon: 0
Vignette {
id: vignette
vignetteStrength: 15
vignetteColor: Qt.vector3d(0, 0, 0)
}
temporalAAEnabled: false
}Environnement de studio
L’environnement de studio offre un cadre de présentation épuré et professionnel avec un éclairage contrôlé :
ExtendedSceneEnvironment {
id: studio
aoEnabled: false
antialiasingQuality: SceneEnvironment.VeryHigh
antialiasingMode: SceneEnvironment.MSAA
tonemapMode: SceneEnvironment.TonemapModeLinear
probeExposure: 1
probeHorizon: 1
clearColor: "#000000"
temporalAAEnabled: false
depthTestEnabled: true
backgroundMode: SceneEnvironment.Color
depthPrePassEnabled: false
}Couleurs de la voiture
Quatre couleurs sont disponibles pour la voiture :
- Blanc
- Noir
- Jaune
- Rouge
Éclairage
Vous pouvez allumer et éteindre les phares de la voiture.
Fichiers source
Voir aussi Tous les exemples Qt.
© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.
