Configurateur de voiture

Un exemple de modèle de voiture qui démontre l'utilisation des caméras 3D de Qt Quick, de l'environnement de scène étendu et de Qt Quick 3D.

Vue 3D latérale d'une voiture de sport noire sur fond de désert

Car Configurator montre une voiture dans différents environnements de scène et dans différentes couleurs. Il est implémenté avec Qtml et s'appuie sur un certain nombre de modules Qt, dont les plus importants sont Qt Quick et Qt Quick 3D.

Exécution de l'exemple

Pour exécuter l'exemple à partir de Qt CreatorOuvrez le mode Welcome et sélectionnez l'exemple à partir de Examples. Pour plus d'informations, voir Qt Creator: Tutoriel : Construire et exécuter.

Notes sur la plate-forme

Cet exemple télécharge certaines ressources à partir d'un serveur Internet au moment de l'exécution. Par conséquent, vous aurez besoin d'une connexion Internet lorsque vous le lancerez pour la première fois.

Vous pouvez interagir avec le modèle de voiture en deux modes :

Mode démo
Mode utilisateur

Mode démo

La perspective de la caméra se déplace le long de différents chemins et montre différentes vues de la voiture.

Mode utilisateur

Les utilisateurs peuvent tourner autour de la voiture à l'aide d'une souris ou d'une touche.

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 du garage sert de paramètre par défaut et fournit un espace de présentation propre 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ésertique

L'environnement désertique présente un éclairage HDR du dôme du ciel, des effets de brouillard atmosphérique et une géométrie du sol spécialisée :

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é présente un 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 studio

L'environnement studio offre un cadre de présentation propre 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
le noir
le jaune
rouge

Éclairage

Vous pouvez allumer et éteindre les lumières de la voiture.

Fichiers sources

Exemple de projet @ code.qt.io

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.