Configurador de coches

Un ejemplo de modelo de coche que demuestra el uso de las cámaras 3D deQt Quick , el entorno de escena ampliado y Qt Quick 3D.

Vista en ángulo lateral 3D de un coche deportivo negro sobre un fondo desértico

Car Configurator muestra un coche en diferentes entornos de escena y en diferentes colores. Está implementado con QML y se basa en una serie de módulos Qt, entre los que destacan Qt Quick y Qt Quick 3D.

Ejecutar el ejemplo

Para ejecutar el ejemplo desde Qt Creatorabra el modo Welcome y seleccione el ejemplo de Examples. Para más información, ver Qt Creator: Tutorial: Construir y ejecutar.

Notas sobre la plataforma

Este ejemplo descarga algunos recursos de un servidor de Internet en tiempo de ejecución. Por lo tanto, necesitarás una conexión a Internet cuando lo ejecutes por primera vez.

Puedes interactuar con el modelo de coche en dos modos:

Modo demostración
Modo usuario

Modo demo

La perspectiva de la cámara se mueve por diferentes trayectorias y muestra distintas vistas del coche.

Modo usuario

Los usuarios pueden girar alrededor del coche utilizando el ratón o una entrada táctil.

Restablecer cámara

La cámara vuelve a su posición inicial.

Entornos de escena

Hay cuatro entornos de escena disponibles para este ejemplo:

Garaje
Desierto
Animación
Estudio

Entorno Garaje

El entorno de garaje sirve como escenario predeterminado y proporciona un espacio de presentación limpio e industrial:

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
}

Entorno Desierto

El entorno del desierto cuenta con iluminación de cúpula celeste HDR, efectos de niebla atmosférica y geometría de suelo especializada:

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 {}
}

Entorno animado

El entorno animado muestra contenido dinámico con efectos de videowall:

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
}

Entorno de estudio

El entorno de estudio proporciona un entorno de presentación limpio y profesional con iluminación controlada:

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
}

Colores del coche

Hay cuatro colores disponibles para el coche:

Blanco
Negro
Amarillo
Rojo

Luces

Puedes encender y apagar las luces del coche.

Archivos fuente

Proyecto de ejemplo @ code.qt.io

Ver también Todos los ejemplos 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.