スポットライト

2026年11月10日

製品ページを超えた空間を実現:Logitech G の 360° レーシング スタジオ

通常の製品ページに、コックピットが備わっていることはほとんどありません。Logitech G の 360° レーシング スタジオにはコックピットが備わっており、Unreal Engine 上で動作します。

この没入型の 360° レーシング スタジオは、The New Face がゲーミング ギア ブランドの Logitech G のE コマース サイト向けに構築した空間です。利用者は本格的なレーシング シミュレーション スタジオに足を踏み入れ、周囲を見渡しながら、自分だけのレーシング環境を構築することができます。

Logitech G が単なる製品ページにとどまらないレーシング シミュレーション空間を求めた理由と、開発チームがこの空間を実現した方法についてご紹介します。
Courtesy of Logitech G

Logitech G がレーシング シミュレーション空間を構築した理由

Logitech G にとって、レーシング リグは、単なるパーツのリストではありません。Logitech G でデジタル イノベーション & プロダクト部門のグローバル責任者を務める Raffaele Masi 氏は、次のように述べています。「レーシング シミュレーション環境を構築する際は、単に個々の製品を購入しているのではありません。1 つの体験を作り上げているのです」開発チームは、ハードウェアに込められたこだわりを、デジタル空間にも反映させたいと考えました。

その成果は、実用的なメリットにもつながっています。ギアをリアルな空間の中で確認することで、利用者は製品の実際のサイズ感や、それらがどのように組み合わさるのかを把握することができます。Masi 氏は続けます。「リアルな空間でギアを可視化することで、利用者はサイズ感、レイアウト、そして人間工学的な使い勝手を明確に把握することができます」

「Logitech のハードウェアに触れた瞬間、即座に感覚的なつながりが生まれるのです」と Masi 氏は語ります。この実際の存在感を画面上で再現することは、長い間クリエイティブ上の課題となってきました。そして、このレーシング シミュレーション スタジオこそが、Logitech G がその課題を克服した成果なのです。

Unreal Engine でレーシング シミュレーション空間を構築

Logitech G は、自社のビジョンを実現するために、パリを拠点とする Unreal サービス パートナーである The New Face に協力を依頼しました。 
ビジュアル面では、UE5 の動的グローバル イルミネーション システムである Lumen を活用して間接ライティングをリアルタイムに更新し、Nanite 仮想化ジオメトリを使用して、きわめて詳細度の高いメッシュをリアルタイムでレンダリングしました。クリエイティブ スタジオ、The New Face の CTO 兼共同創設者である Array Bercov 氏は次のように述べています。「Lumen と Nanite のおかげで、従来の制約にとらわれることなく、ディテールやライティングを追求できる圧倒的な自由度が得られました」
動きの制御には、Unreal Engine に組み込まれた非線形アニメーション エディタであるシーケンサーが使用されています。シーケンサーが、カメラワーク、モーション、視覚効果 (VFX) を制御します。Bercov 氏は次のように述べています。「シーケンサーはとても使いやすく、Epic が絶えず機能を追加してくれる点も気に入っています。Unreal Engine を使っていると、ゲーム エンジンというより、むしろ振り付けツールや映画制作ツールを扱っているような感覚になることがよくあります」

効率的な構築

システム内部では、各製品はポリモーフィックな製品アクターとして扱われます。これらは共通の基盤を共有しつつ、それぞれ独自の動作を保持しています。「つまり、すべての製品を、カメラワーク、動き、VFX といった共通の視覚言語で表現しつつ、各製品の個性を表現する余地も確保できたということです」と Bercov 氏は説明します。

また、3D ランタイムは単独で動作するのではなく、標準的なプロトコルを介してプラットフォームの他の部分と連携します。この体験は E コマース プラットフォームとしても機能しており、Salesforce との連携によって、商取引のプロセスが独立したステップではなく、体験の一部として組み込まれています。
 

ブラウザをハイエンドのデスクトップ環境のように扱う

Unreal Engine の Pixel Streaming 機能を利用すると、アプリケーションをリモートで実行し、レンダリングされたフレームをブラウザにストリーミングできます。そのため、実行可能ファイルをインストールしたり、高性能ワークステーションを使用することなく、誰でもアプリケーションにアクセスできます。「Pixel Streaming のおかげで、ブラウザ特有の制約に合わせて設計するのではなく、ブラウザでの体験をハイエンドのデスクトップ環境での体験と同等のものとして扱うことができました」と Bercov 氏は語ります。

ロード時間は主要な課題の 1 つでした。そこでチームは、体験への移行がシームレスに感じられるよう、可能な限り非同期ロードを活用しました。「ウェブ環境では、即座に反応が得られることが期待されるからです」と Bercov 氏は説明します。
Courtesy of Logitech G

今後の展開

Logitech G は、この 360° レーシング スタジオを 1 つの実験的な取り組みと位置づけています。つまり、同社にとっては初めての試みです。この取り組みが今後どのような形に発展していくかはまだ模索中ですが、チームは、好奇心と配慮の行き届いた視点、そしてユーザー体験への注力をもってこの取り組みを続けていく予定です。

The New Face もまた、このプロジェクトの今後の展開に注目しています。「進むべき方向は無限にありました。これから先の方向性を考えるとワクワクします」と Bercov 氏は話します。
さあ、ドライバー席は空いています!Logitech G の 360° レーシング スタジオに早速アクセスしましょう。