Back to Qt.io
Contact Us Blog Download Qt
このページでは

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

Qt Quick の3Dカメラ、拡張シーン環境、およびQt Quick 3Dの使用例として、自動車モデルの例を示します。

砂漠を背景にした黒いスポーツカーの3D側面図

「Car Configurator」は、さまざまなシーン環境や色で自動車を表示します。これはQt Qmlで実装されており、多数のQtモジュールに依存していますが、中でも特に Qt QuickQt Quick 3Dが使用されています。

例の動作確認

以下の手順でサンプルを実行できます：

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

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

車モデルとのインタラクションは、次の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.