FineVis3Dカスタムシーンコンポーネント

1.バージョン

応用シーン：「FineVis データ可視化」プラグインをインストールしたユーザは、本文を参考に FineVis の関連機能を理解することができます。

2.応用シーン

「3Dカスタムシーン」コンポーネントでは、空のシーンを生成し、GLB 形式のモデルファイルをアップロードし、データレイヤーやイベントを設定することで、3Dのカスタムシーンを構築できます。

効果は以下の図のように：

注意：モバイル端末はサポートされていません。

3.操作手順

本文では、FineVis 3Dカスタムコンポーネントのシーン設定、モデルインポート、視点変換などの操作について説明します。

3D都市シーンの構築における推奨操作手順は以下の表の通りです：

また、本文ではユーザが試用できるモデルリソースを提供しています。ダウンロードして解凍後にご利用ください：

スマートパーク監視GLBリソース.zip

4.注意事項

FineVis V3.3.0 以上のバージョンに更新した後、作成したテンプレートをプレビューする際は、[編集]をクリックして編集画面に入ってからテンプレートを保存し、その後にプレビューを行うことをお勧めします。

デザイナの [ファイル]-[可視化カンバンを新規作成] をクリックし、空白のカンバンを作成します。以下の図のように：

コンポーネントエリアの [3D]-[3Dカスタムシーン] をクリックすると、キャンバスに追加することができます。[編集] をクリックすると、3Dカスタムシーンの編集ページに移行します。以下の図のように：

1.シーン作成

初めて当該のカスタムシーンコンポーネントを編集する場合は、最初にシーンを作成する必要があります。シーンの作成方法には2つあります：[空白シーン生成]、[既存シーンを導入]。

1.1空白シーン生成

FineVisでは、以下の 2 種類のシーンスタイルを提供しています：[風景スタイル]、[科学スタイル]。デフォルトで[風景スタイル]を選択します。以下の図のように：

1.2既存シーンを導入

3Dカスタムシーンはエクスポートして使用することができ、詳細については第3章第2節を参照してください。ユーザがエクスポートされた3Dカスタムシーンファイルを取得した場合、[既存シーンを導入] を選択して直接導入することができます。以下の図のように表示されます：

2.シーンをエクスポート

シーンの編集画面で、ユーザは現在のシーンをエクスポートすることができます。

シーンをエクスポートする際、右側の [シーン] 設定と [モデル] 設定が含まれ、.fcustファイルが生成されます。

エクスポートされたファイルは、上記第3章第1.2 節を参考に、他の3Dカスタムシーンコンポーネントにインポートし、利用できます。

3.シーン属性の設定

シーンを追加した後、シーンの属性を設定することができます。以下の図のように：

1.モデル追加

モデルリストにモデルオブジェクトが追加されていない場合、[モデルオブジェクトを追加]または[モデルを追加]をクリックすると、[モデル管理]ページに移行します。以下の図のように表示されます：

2.モデル管理

モデル管理ページでは、モデルをアップロードした後、以下の操作がサポートされています：モデルの削除、シーンの読み込み、モデル詳細情報の表示、モデルの事前処理

2.1モデルのアップロード

FineVis は .glb 形式のモデルファイルのみをサポートしています。FineVis モデルライブラリから汎用モデルをダウンロードして使用することも可能です。

[モデルをアップロード]をクリックし、必要なモデルファイルを選択してアップロードします。複数のモデルを一度にアップロードすることも可能です。以下の図のように表示されます：

注意: .glb ファイル名には以下の文字を含めることはできません：【 ? ! @ # $ ^ & % * + , : ; = ' \ " ` < > () [] {} / | スペース 】

アップロードされたモデルのメッシュ数（Mesh数）が3,000を超える場合、次の警告が表示されます： 「モデルのメッシュ数が3000を超えた、システムの性能を影響する可能性がある。モデルを簡略化してください。」[ヘルプを確認する]をクリックすると、メッシュ数が多すぎる場合の影響と最適化の方法についての詳細情報が確認できます。

2.2モデル事前処理

モデルをアップロードすると、モデルのサムネイルにマウスカーソルを合わせると[モデル事前処理]ボタンが表示されます。このボタンをクリックすると、設定ウィンドウが開きます。以下の2 種類の事前処理を実行できます：[データ事前処理]、[スタイル事前処理]

1）データ事前処理

モデルの表示レベル上限を調整できます。表示レベル上限を超えたモデルデータはモデルリストに表示されず、他のインタラクション効果にもトリガーしません。

注意1：V3.3.0 以前のバージョンでは、データ事前処理設定を元に戻すことができず、二次変更もできません。慎重に設定してください。

注意2：V3.2.0 以降のバージョンでは、[表示レイヤー上限]のデフォルト値が2から0に変更されました。

1つのモデルが1つのクラスであり、そのクラスは2つのグループに分かれ、各グループには6人の学生がいます。

レイヤー0はモデルが 1つの全体を表し、クラスは分割できません。レイヤー1はクリック可能なグループを表します。この階層構造はさらに下位レイヤーへと続きます。

2）スタイル事前処理

[wireframeスタイルを有効にする]をオンにするかどうかを選択できます。オンにすると[既定wireframe]または[カスタムwireframe]を選択できます。スタイルの前処理は二次的な修正が可能で、モデルを初めてアップロードする際にはスキップできます。

2.3モデルのシーン読み込み

1つまたは複数のモデルを選択し、[シーン読み込み]をクリックすると、選択したモデルをシーンに追加できます。

V2.3.0 以降のバージョンでは、ロード成功時に「モデルがシーンに正常にロードされた」という通知が表示されます。ロードに失敗したモデルがある場合、失敗したモデル名とともにエラーメッセージが表示されます。

モデルをシーンにロードしても[モデル管理]ページは自動的に閉じず、引き続きモデル管理を行えます。

V3.2.0 以降のバージョンでは、[シーン読み込み]をクリックすると、シーンにロードしたモデルがデフォルトで選択され、リスト内でその位置にスクロールするようになります。

注意1：複数のモデルを一括アップロードした場合、最後にロードに成功したモデルが自動的に選択され、リスト内で表示されます。

注意2：新規に追加したモデルはリストの最後に追加され、いずれのグループにも所属しません。

モデルを追加する際、現在のシーンのFPS（フレームレート）が15 未満である場合、以下の警告が表示されます。「シーンのフレームレートが比較的に低い、スムーズ効果を有効にしますか」。

「スムーズエフェクト」を有効にすると、パフォーマンスが向上し、より快適な操作が可能になります。ただし、一部の特殊効果の設定は自動的に無効化されます。無効化された特殊効果は手動で再度有効にすることができます。

2.4モデルの削除

モデルのサムネイルにカーソルを合わせると[削除]ボタンが表示されます。このボタンをクリックする、当該するモデルを削除できます。また、削除したいモデルを選択して[削除]ボタンをクリックすることで、複数のモデルを一括削除も可能です。

モデルがシーンに適用されている場合、削除時に確認ダイアログが表示されます：

2.5モデルの置き換え

V3.3.0 以降のバージョンでは、「モデル置き換え」機能が追加されました。これにより、アップロード済みのモデルを新しいモデルに置き換えることができます。

• 1つのモデルを1回で置き換えることのみサポートしており、バッチ置き換えはサポートしていません。

• モデル本体のみを置き換え、モデルの事前処理内容は変更されません。

• 置き換え後もモデル名は変わらず、最初にアップロードしたモデル名のままとなります。

• 置き換え後、現在のテンプレートでそのモデルに関連する内容を走査し、表示できない内容は自動的に除去され、保持されません。

モデルのサムネイル画像にカーソルを合わせ、右上の[置き換え]ボタンをクリックします。ポップアップで表示される確認メッセージで[置き換え]をクリックし、対応するモデルを置き換えることができます。以下の図のように：

注意: 直接プレビューすると互換性処理により表示が遅くなる可能性があります。テンプレートの編集画面に入り、保存してから使用することを推奨します。

2.6モデル情報

モデルの右下隅にある[表示]ボタンをクリックすると、モデル情報を確認できます。以下の図のように表示されます：

2.7モデル検索

検索ボックスでモデルをあいまい検索し、モデルを迅速に見つけることができます。以下の図のように表示されます：

3.モデル設定パネル

モデルの読み込みシーンを選択した後、[モデル管理]ページを閉じてモデルリストに戻ります。モデルリストからモデルを選択すると、モデルに関連する属性を設定できます。

アップロード時に設定した表示レイヤーに従い、モデルまたはモデル内の一部のサブモデルを選択し、その属性を個別に設定できます（他の部分のモデルには影響しません）。

各属性の設定詳細は、次の表のとおりです：

注意：追加したモデルが中央表示エリアに表示されない場合、モデルが大き過ぎる可能性があります。視点を遠ざけるか、モデルを小さくする必要があります。

モデルリストでモデルを選択し、右クリックすると操作メニューが表示され、[コピー]、[削除]、[グループ化]、[表示/非表示]の操作が可能です。

4.シーン内のモデル関連操作

4.1 モデルの選択

モデルリストとシーン編集画面の両方でモデルを選択でき、選択されたモデルはハイライト表示されます。

• モデルリスト：クリックするとモデルオブジェクトを選択可能です。 Ctrlキーを押しながらマウスの左ボタンをクリックすることで、複数選択や選択解除ができます。Shiftキーを押しながらマウスの左ボタンで連続選択ができます。

• シーン編集画面：モデルオブジェクトをクリックすると選択できます。 Shiftキーを押しながら、マウスの左ボタンで範囲選択を行うことで、複数のモデルオブジェクトを選択できます。

V3.2.0または以降のバージョンでは、シーン内でモデルを選定すると、リスト内の選択されたモデルが自動的にスクロールして位置を特定され、リストの一番上に表示されます。複数のモデルをドラッグで選択すると、リスト内で最も上位に表示されるモデルが一番上に表示されます。

注意：選択できるのはmeshのみです。

• モデル外のエリアや、上部ツールバーの[選択を取り消す]ボタンをクリックすると、選択が解除されます。

注意1：子階層のオブジェクトを単独で選択して操作できます。ただし、親階層のオブジェクトを選択した場合、操作対象には子階層のオブジェクトも含まれます。

注意2：V3.1.0 以降のバージョンでは、モデルの事前処理時に階層処理を行った場合、子階層まで処理が行われていると、子階層のオブジェクトを選択できます。親階層まで処理が行われている場合、シーン内で任意の子階層オブジェクトをクリックすると、全体の親階層オブジェクトが選択されます。

4.2 モデルの移動・回転・スケール

モデルオブジェクトを選択するとGizmoツールが表示されます。Gizmoを操作することで、モデルの位置、回転、スケール効果を調整できます。

1) Gizmo移動

• X 、Y 、Z 軸の矢印の先端にカーソルを合わせると色が変わり、ドラッグするとその方向にモデルを移動できます。

• 座標系中央の四角形エリアをドラッグすると、 モデルをXZ 平面上で自由に移動できます。

2）Gizmo回転：円の上にカーソルを合わせると色が変わり、マウスを動かすと回転角度を変更できます。

3) Gizmoスケール：X 、Y 、Z 軸の直線上にある小さな四角にカーソルを合わせると色が変わり、ドラッグすると対応する方向のスケールを変更できます。

右側の属性パネルで[スケール]の[固定比率]が有効になっている場合、 X、 Y、 Z軸は等比スケールされます。

4.3 モデルのコピー＆貼り付け

モデルリストまたはシーン内でモデルを選択すると、コピー＆貼り付けが可能になります。

• ショートカットキー Ctrl+C/Ctrl+Vでコピー＆貼り付けが可能です。また、シーン内で右クリックして[コピーを作成]を選択すると、コピー＆貼り付けが実行されます。

注意1：V2.4.0 では右クリックでの貼り付けオプションが廃止され、ボタン[コピー]をクリックすると自動的にペーストされるようになりました。

注意2：V3.2.0 以前のバージョンでは、右クリック時のオプション名は[コピー]でした。

• コピー＆貼り付け後、デフォルトでペーストされたモデルが選択された状態になり、元のモデルと同じ位置に配置されます。手動で位置を調整する必要があります。

4.4 元に戻す・やり直す

[元に戻す]と[やり直す]は、[移動]・[回転]・[スケール]の操作にのみ適用されます。

V3.3.0 以降のバージョンでは、モデルの[表示/非表示]、[リネーム]、[モデル属性設定]の操作も[元に戻す]・[やり直し]に対応しています。

注意： GeoJSON/GLBモデルリソースを置き換えた後は、そのモデルの[元に戻す]・[やり直し]の履歴がクリアされます。

• 上部ツールバーのボタンを使用して、[元に戻す]や[やり直し]が可能で、ショートカットキー操作もサポートされています。Ctrl+Zは元に戻し、 Shift+Ctrl+Zはやり直しです。

• シーンを一度退出し、再度入場すると、前回の操作履歴は記憶されず、再操作が必要になります。

3Dカスタムシーンコンポーネントでは、モデルデータレイヤーのみ追加可能です。

データレイヤーを追加してデータをバインドした後、レイヤーに [データ更新後] と [左クリック] イベントを追加することができ、モデルデータの表示、連動インタラクションなどの効果を実現できます。

V2.2.1 以降のバージョンでは、データレイヤーを設定したカスタムモデルは、プレビュー時にマウスをホバーするとアウトラインがハイライト表示されます。以下の図のように：

V2.2.0 バージョンではツールバーが最適化され、シーンの上部に固定表示されます。ツールバーの詳細な説明は以下の表の通りです：

設定項目	説明
	クリックすると可視化カンバンのキャンバス画面に戻ります
	スムーズレンダリングを有効にすると、シーン編集のパフォーマンスを向上させることができます
	ワンクリックでシーンの平面図、正面図、側面図を確認できます
	モデルを選択した後、クリックすると選択を解除できます
	[元に戻す] と [やり直す] 操作で、カスタムモデルの移動、回転、ズーム操作にのみ有効です
	シーンの視点調整の操作説明、および [カスタムモデル位置調整] と [モデル複数選択] の操作説明です