Sumerianでは、簡単にAR/VRのコンテンツが作成できます。さまざまなAWSのサービスと組み合わせることができることも魅力のひとつ。Coreと連携し、値に応じてSumerian上の球の色を変化させるコンテンツを作ってみたいと思います。必要なものWEBブラウザ(Chrome)全体のしくみ全体は、こんなイメージになります。手順は、大きく4つです。設定Sumerianコンテンツを作成する値を更新してブラウザで表示してみるそれぞれの手順について解説していきます。Poolを作成し、シーンに割り当てる必要があります。Poolは、下記のテンプレートを使って作成します。Poolは、Sumerianシーンと同じリージョンで作成します。スタックの作成テンプレート2.スタックの名前を設定します。3.承認欄にチェックを入れて「スタックの作成」をクリック。スタックの作成が完了すると、ステータスが「CREATE_COMPLETE」になります。4.「出力」タブでCognitoIdentityPoolIDの値をメモ帳などにコピーしておきます。IDは、あとでSumerianの設定に使います。Coreの設定を行います。Coreは、インターネットに接続されたデバイスから、アプリケーションや他のデバイスに通信するためのサービスです。今回は、手順を簡略化するために、デバイスとの接続は行いませんが、利用する際はIoTデバイスから送信されるデータを保持し、Sumerianから取得可能にしてくれる仲介役として機能します。IoTコンソールを開きます。画面左側のメニューから「管理」>「モノ」を選択し、「作成」ボタンをクリックします。2.「単一のモノを作成する」ボタンをクリックします。3.モノの登録画面で「名前」を指定し、「次へ」をクリックします。4.「証明書をスキップしてモノを作成」をクリックします。※今回は、手順を簡略化するために、証明書は発行しませんが、IoTデバイスを利用する際は、ここで発行する証明書をIoTデバイスに持たせて認証させます。Sumerianコンテンツを作成する次に、Sumerianのコンテンツを作成していきます。長くなるので、先に大まかな流れを説明すると、大きく以下の5ステップとなります。scene」を選択し、名前を付けて「作成」をクリックします。2.AWSの設定シーンが作成されたら、右側のメニューから「AWSの設定」をクリックし、下記の値を設定します。画面上部の「+エンティティの作成」をクリックし、「Sphereの追加」をクリック。エンティティツリーで作成した「Sphere」を選択した状態で、画面右側に表示されるメニューから「コンポーネントの追加」をクリックし、「ステートマシン」を選択します。ステートマシンで、「+」マークをクリックし、状態を追加します。名前を「init」に変更します。名前を変更したら、「+状態の追加」をクリックし、全部で、以下4つの状態を作成します。アクションの追加で「Wait」を追加。Script」を追加。Script」を追加。状態を作成したら、各状態の間をドラッグ&ドロップで下図のように連携します。Stateの「Success」と「Failure」のつなぎ先を間違えないように気を付けてください。次にどんな状態の時に、何をするかスクリプトで定義していきます。Coreからデバイスシャドウの値を取得します。State」をクリック。Scriptの「+」マークをクリックし、「カスタム(レガシー形式)」を選択してします。スクリプトが追加されたら「スクリプトの編集」をクリックします。Script」に変更します。スクリプトの内容を、以下のように書き換え、画面左下の「Save」をクリックして保存します。State」の状態をスクリプトで定義していきます。State」をクリック。Script」に変更し、以下のように書き換えます。ctx.transitions.success();}5.コンテンツを公開する最後に、コンテンツを公開し、URLを取得します。画面右上の「公開」>「パブリックリンクを作成する」をクリックします。同意確認が表示されますので、内容を確認して「公開」をクリックします。URLが発行されますので、「コピー」ボタンでメモ帳などにコピーしておきます。Coreからトピックにメッセージを発行します。Coreのコンソール画面を開き、「テスト」をクリックします。「トピックのサブスクリプション」に「$aws/things/TestDevice/shadow/update」と入力し、「トピックへのサブスクライブ」をクリックします。メッセージフィールドに下記のメッセージを入力し、「トピックに発行」をクリックします。Coreで値を更新したら、早速ブラウザで表示してみましょう。ブラウザを開き、Sumerianで発行したURLにアクセスします。球が表示され、少し時間がたつと「青色」に変化します。200」に変更して「トピックに発行」すると、球の色が「赤色」に変化します。さいごに今回の内容では、球の色を変化させただけでしたが、テキストで数値を表示することもできます。Coreに値を送信すれば、センサー情報を表示することもできます。piから、センサー情報を送信して、ARで表示するアプリを作ってみました!表示させたいところにマーカーを張っておけば、機械内の温度なんかも表示できそうですね!Sumerianは、簡単にコンテンツを作成できる点が大きな魅力です。本拠を置くITコンサルティング会社です。技術的な知見に基づいて技術案件から上流案件まで幅広くご支援しています。upLoginユーザーは見つかりませんでした。