frontline.ioプラットフォームを使ってAR体験を作る

このステップバイステップのガイドに従って、サインアップしてワークスペースにログインするプロセスを案内してください。ログインすると、3Dモデルをアップロードし、デジタルツインを作成し、アニメーションをインタラクティブフローにシームレスに接続できます。

プロセスをナビゲートするには、次の手順に従ってください。

新しいユーザーを作成し、ワークスペースにログイン
指定されたワークスペース内でプロジェクトを作成
プロジェクトにモデルをアップロード
モデルを公開し、デジタルツインに変える
PCアプリをダウンロードして、デジタル・ツインを視覚化し、操作する
インタラクティブフローとも呼ばれる新しい手順を作成
インタラクティブフローを構築し、デジタルツインを接続
アニメーションの構築
アニメーションをフロー内のノードにリンクする
インタラクティブなフローを公開して共有する
アプリケーション内で3Dコンテンツを実行して、インタラクティブな手順を体験する

1. サインアップしてログイン

support@frontline.io からのメッセージが届いていないか、メールボックスを確認してください。
「サインアップ」ボタンをクリックし、名前を入力し、パスワードを選択して登録手順を進めます。
メールボックスに受信した認証コードを入力します。その後、ワークスペースを選択するように求められます。
「参加」ボタンをクリックしてワークスペース環境にアクセスします。
ログイン画面に移動します。
メールアドレスと生成したパスワードを使用してサインインし、[起動]ボタンをクリックします。

2.ワークスペース内でプロジェクトを作成する

ワークスペース内で「+」ボタンをクリックして、新しいプロジェクトを作成し、名前を付けます。添付のスクリーンショットは、例示的なプロジェクトを表示しています。

3.プロジェクトにモデルをアップロードします。

事前にCAD SWから.step、stp、.fbxまたは.obj形式でモデルをエクスポートして準備します。
プロジェクト内のフォルダを開く必要はありません。Knowledge-base 「タブを開き、」+CREATE NEW ITEM 「をクリックし、」Digital Twin "を選択します。
モデルに名前を入力し、「次へ」をクリックして進みます。
3D CADファイルオプションを選択し、[次へ]をクリックします。
事前に準備されたモデルのファイルを選択し、[送信]をクリックします。「アップロードに成功しました」というメッセージが表示されます。

このシステムはモデルを最適化しました。数分以内に、次の画面が表示されます。

また、以下を確認するメールが届きます:

4.モデル公開(デジタルツイン)email0 )

[公開]ボタンをクリックし、次の画面で[公開]と[完了]を選択してモデルを公開します。

5.アプリをダウンロードしてデジタルツインを見る

6. 新規を作成するインタラクティブフロー(手続き)

制作しようとしているアニメーションは、ステップバイステップの手順(インタラクティブフロー)内で管理されます。このプロセスを開始するには、まずインタラクティブフローワークスペースを作成し、手順を確立し、これらの手順をモデルにリンクし(デジタルツイン)、アニメーション(インタラクション)を定義する必要があります。

ナレッジベースタブに移動し、+新規アイテムを作成をクリックし、インタラクティブフローを選択します。フローの名前を入力し、次をクリックします。

7.インタラクティブなフローを構築し、デジタルツインとのつながりを確立する

「フロー編集」ボタンをクリックしてフロービルダーにアクセスします。
カスタマイズされたフローを開発します。
この例では、次のフローを作成しました:シーケンスには、モデルから3つの部分を徐々に移動し、各ステップは1つの部分の変位を処理します。最後に、3つの部分を同時に戻すように単一のステップが構成されています。これを実現するために、3つのステップのそれぞれに3つの異なるアニメーションを指定し、最後のステップで同じステップを逆モードで組み合わせました。
アニメーションを指定するには、フロー内のステップを選択すると、右側にサイドバーが表示されます。
次に、「+」ボタンをクリックしてインタラクションを追加します。
初めてインタラクションを追加することを選択すると、次のメッセージが表示されます。
[Open]をクリックし、下にスクロールし、3dモデルの名前(デジタルツイン)を選択し、両方のオプションをマークします。「更新」というメッセージが画面上部に簡単に表示されます。
次に、インタラクションを定義します。
「+」ボタンをクリックし、リストからモデル名を選択します。アニメーションビルダーが開きます(前提条件:PCアプリインストール済み)

8.アニメーションの構築

希望のビューを設定し、「ビューを設定する」をクリックします。
「パーツを選択」をクリックして、アニメーションの特定のパーツを選択します。右側のバーから選択できます。その後、「完了」をクリックします。

より簡単なアプローチのために、アセンブリ全体を1つとしてアニメーション化するオプションがあります。上のカバーを選びました。
次に、動きを指定します。
「Add waypoint」ボタンをクリックします。 (編集可能な)開始ポイントが自動的に作成されます。
WAYPOINT1も自動的に作成されます。 WAYPOINT 1では、Gizmoを使用して選択した部分を移動または回転させてアニメーションを作成します。次に「保存」をクリックします。
部品に追加の動きが必要な場合は、もう一度「WAYPOINTを追加」をクリックして最終位置を設定します。このプロセスを繰り返し、軸原点から目的のエンドポイントに部品をドラッグし、「完了」を押します。
インタラクションに名前を割り当てる。
適切なチェックボックスを選択して、動きの終わりに部品を強調表示するか消えるかを選択します。
画面下部の再生ボタンをクリックしてアニメーションをプレビューします。
アニメーションに満足したら、「アニメーションの保存」ボタンをクリックし、アニメーションビルダーを閉じます。

9. アニメーションをフロー内のノードにリンクします。

フロービルダーに戻り、作成したインタラクションを見ることができることを確認します。

続行する前に、「インタラクションをリフレッシュ」ボタンをクリックしてください。その後、モデルの名前でフォルダを開きます。
フローのステップについては、アニメーションに対応する適切なチェックボックスをチェックします。
下にスクロールして「選択した相互作用を追加」をクリックします。
フロー内の各ステップに対応するアニメーションを生成します。
アニメーションが逆に再生される場合は、アニメーションの下の「Reverse」を選択するか、視聴者が部分をクリックしてアニメーションを開始できる場合は「interact」ボタンを選択します。