Auto-Konfigurator

Ein Beispiel für ein Fahrzeugmodell, das die Verwendung von Qt Quick 3D-Kameras, einer erweiterten Szenenumgebung und Qt Quick 3D demonstriert.

3D-Seitenansicht eines schwarzen Sportwagens vor einem Wüstenhintergrund

Car Configurator zeigt ein Auto in verschiedenen Szenenumgebungen und in verschiedenen Farben. Es ist mit QML implementiert und stützt sich auf eine Reihe von Qt-Modulen, vor allem auf Qt Quick und Qt Quick 3D.

Ausführen des Beispiels

Um das Beispiel auszuführen Qt Creatorzu starten, öffnen Sie den Modus Welcome und wählen Sie das Beispiel von Examples. Weitere Informationen finden Sie unter Qt Creator: Tutorial: Erstellen und Ausführen.

Hinweise zur Plattform

Dieses Beispiel lädt zur Laufzeit einige Elemente von einem Internetserver herunter. Daher benötigen Sie eine Internetverbindung, wenn Sie das Beispiel zum ersten Mal starten.

Sie können mit dem Fahrzeugmodell in zwei Modi interagieren:

Demomodus
Benutzermodus

Demomodus

Die Kameraperspektive bewegt sich entlang verschiedener Pfade und zeigt verschiedene Ansichten des Fahrzeugs.

Benutzermodus

Der Benutzer kann sich mit der Maus oder durch Berührung um das Auto drehen.

Kamera zurücksetzen

Die Kamera wird in ihre Ausgangsposition zurückgesetzt.

Szenenumgebungen

Für dieses Beispiel sind vier Szenenumgebungen verfügbar:

Garage
Wüste
Animierte
Studio

Garage-Umgebung

Die Garagenumgebung dient als Standardeinstellung und bietet eine saubere, industrielle Präsentationsfläche:

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: perfMode ? SceneEnvironment.Medium : SceneEnvironment.VeryHigh
    clearColor: "#000000"
    probeHorizon: 0.5

    Texture {
        id: _Hall
        source: rootWindow.downloadBase + "/content/images/HDR/_Hall.ktx"
        mipFilter: Texture.Linear
        scaleV: 2
    }
    temporalAAEnabled: false
}

Wüstenumgebung

Die Wüstenumgebung bietet HDR-Himmelskuppelbeleuchtung, atmosphärische Nebeleffekte und eine spezielle Bodengeometrie:

ExtendedSceneEnvironment {
    id: desert

    lightProbe: _Desert
    glowStrength: 2
    glowBloom: 0.11191
    glowEnabled: true

    depthPrePassEnabled: false
    probeExposure: 1.5
    tonemapMode: SceneEnvironment.TonemapModeLinear
    backgroundMode: SceneEnvironment.SkyBox
    depthTestEnabled: true
    antialiasingMode: SceneEnvironment.MSAA
    antialiasingQuality: perfMode ? SceneEnvironment.Medium : SceneEnvironment.VeryHigh
    clearColor: "#000000"
    probeHorizon: 0.5
    temporalAAEnabled: false
    fog: Fog {}
}

Animierte Umgebung

In der animierten Umgebung werden dynamische Inhalte mit Videowandeffekten präsentiert:

ExtendedSceneEnvironment {
    id: videoRoom

    aoSoftness: 0
    aoDistance: 0
    probeExposure: 1
    tonemapMode: SceneEnvironment.TonemapModeLinear
    antialiasingMode: SceneEnvironment.MSAA
    antialiasingQuality: 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
}

Studio-Umgebung

Die Studioumgebung bietet eine saubere, professionelle Präsentationsumgebung mit kontrollierter Beleuchtung:

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
}

Autofarben

Für das Auto stehen vier Farben zur Verfügung:

Weiß
Schwarz
Gelb
Rot

Lichter

Sie können die Lichter des Autos ein- und ausschalten.

Quelldateien

Beispielprojekt @ code.qt.io

Siehe auch Alle Qt-Beispiele.

© 2025 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.