カーコンフィギュレーター

カメラと拡張シーン環境 Qt Quick 3Dカメラ、拡張シーン環境、Qt Quick 3D 。

砂漠を背景にした黒いスポーツカーの3Dサイドアングルビュー

Car Configuratorは、異なるシーン環境と異なる色で車を表示します。QMLで実装され、多くのQtモジュールに依存しています。 Qt Quickと Qt Quick 3D.

例の実行

からサンプルを実行するには Qt Creatorからサンプルを実行するには、Welcome モードを開き、Examples からサンプルを選択します。詳細については、Qt Creator:Tutorialを参照してください：ビルドと実行。

プラットフォームに関する注意事項

このサンプルは、実行時にインターネットサーバーからいくつかのアセットをダウンロードします。そのため、初回起動時にはインターネット接続が必要です。

カーモデルは2つのモードで操作できます：

デモモード
ユーザーモード

デモモード

カメラの視点がさまざまな経路を移動し、車のさまざまなビューを表示します。

ユーザーモード

マウスまたはタッチ入力で車の周りを回転できます。

カメラリセット

カメラが初期位置に戻ります。

シーン環境

この例では、4つのシーン環境が用意されています：

ガレージ
砂漠
砂漠
スタジオ

ガレージ環境

ガレージ環境はデフォルトの設定で、クリーンでインダストリアルなプレゼンテーション空間を提供します：

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
}

砂漠環境

砂漠環境は、HDRスカイドームライティング、大気フォグエフェクト、特殊な地面ジオメトリを備えています：

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

アニメーション環境

アニメーション環境では、ビデオウォール効果でダイナミックなコンテンツを表示できます：

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
}

スタジオ環境

スタジオ環境は、コントロールされたライティングにより、クリーンでプロフェッショナルなプレゼンテーション環境を提供します：

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
}

車の色

車の色は4色あります：

ホワイト
ブラック
イエロー
レッド

ライト

車のライトをつけたり消したりできます。

ソースファイル

サンプルプロジェクト @ code.qt.io

すべての 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.