要素の定期的なテーブル
Note
この記事では、Mixed Reality アプリの開発に関する学びや提案を共有する場所である Mixed Reality Design Labs で作成した実験的なサンプルについて説明します。 設計関連の記事やコードは、新しい発見があるたびに進化していきます。
Note
このサンプル アプリは HoloLens 第 1 世代向けに設計されています。 HoloLens 2 バージョンについては、「元素周期表 2.0」を参照してください。
元素周期表は、Microsoft の Mixed Reality Design Labs が提供するオープンソースのサンプル アプリです。 オブジェクト コレクションを使用して、さまざまなサーフェスの種類を持つ 3D 空間内のオブジェクトの配列をレイアウトする方法を説明します。 HoloLens からの標準入力に応答する対話可能なオブジェクトを作成する方法についても説明します。 このプロジェクトのコンポーネントを使用して、独自の Mixed Reality アプリ エクスペリエンスを作成できます。
デモ ビデオ
Mixed Reality キャプチャを使用して HoloLens 2 で録画
アプリについて
元素周期表では、化学元素とそれぞれの特性が3D 空間に視覚化されます。 これには、視線入力やエアタップなどの HoloLens の基本的な操作が組み込まれています。 ユーザーは、アニメーション化された 3D モデルを使用して元素について学習できます。 元素の電子殻と、陽子と中性子で構成されるその原子核を視覚的に理解できます。
バックグラウンド
初めて HoloLens を体験した後、Mixed Reality で周期表アプリを試してみたいと思いました。 各元素には、テキストと共に表示されるデータ ポイントが多数あるため、3D 空間で字体構成を調べることはすばらしい題材になると考えました。 このプロジェクトの興味深い別の部分は、ユーザーが元素の電子模型を視覚化できることです。
デザイン
周期表の既定のビューについては、各元素の電子模型を含む 3 次元の箱を想定しました。 それぞれの箱の表面は半透明になるため、ユーザーは元素の体積を大まかに理解することができます。 ユーザーは、視線入力とエアタップを使用して、各元素の詳細ビューを開くことができます。 テーブル ビューと詳細ビューの間の切り替えを円滑かつ自然に行うために、現実の世界で箱を開くときの物理的な操作と似たものにしました。
デザインのスケッチ
詳細ビューでは、3D 空間できれいにレンダリングされたテキストを使用して、各元素の情報を視覚化する必要がありました。 アニメーション化された 3D の電子模型は中央の領域に表示され、さまざまな角度から表示できます。
操作のプロトタイプ
ユーザーは、テーブルの下部にあるボタンをエアタップして、表面の種類を変更できます。平面、円柱、球体、散布図を切り替えることができます。
このアプリで使用される一般的なコントロールとパターン
対話可能なオブジェクト (ボタン)
対話可能なオブジェクトとは、基本的な HoloLens 入力に応答できるオブジェクトです。 これは、任意のオブジェクトに簡単に適用できるプレハブ/スクリプトとして提供されています。 たとえば、シーンのコーヒー カップを対話可能にし、視線入力、エアタップ、ナビゲーション、操作ジェスチャなどの入力に応答することができます。 詳細情報
オブジェクト コレクション
オブジェクト コレクションはオブジェクトであり、さまざまな図形で複数のオブジェクトをレイアウトするのに役立ちます。 平面、円柱、球体、散布図がサポートされています。 半径、行の数、間隔などの追加のプロパティを構成できます。 詳細情報
技術的な詳細
元素周期表アプリのスクリプトとプレハブは、Mixed Reality Design Labs の GitHub に掲載されています。
HoloLens 2 の移植のストーリー
HoloLens 2 の本能的な操作によって元素周期表アプリがどのように更新されたかに関するストーリーをお読みください。
筆者について
 |
Yoon Park UX デザイナー @Microsoft |