Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AWSでメタバース

 AWSでメタバース

AWSでメタバース!?
Amazon Sumerian → AWS Amplify × Babylon.js
JAWS DAYS 2022 - Satellites
2022年10月8日(土曜) 大阪サテライト会場 LT大会
長田英幸

Hideyuki Nagata

October 08, 2022
Tweet

More Decks by Hideyuki Nagata

Other Decks in Programming

Transcript

  1. AWSでメタバース!?
    Amazon Sumerian →
    AWS Amplify × Babylon.js
    JAWS DAYS 2022 - Satellites
    2022年10月8日(土曜) 大阪サテライト会場 LT大会
    長田英幸

    View full-size slide

  2. 目次/自己紹介
    • Amazon Sumerianの今
    • Babylon.jsとは何か
    • AWS Amplifyとは何か
    • 作ってみた
    • 感想

    View full-size slide

  3. Amazon Sumerianの今
    Amazon Sumerian は、Babylon.js を使用してシーンをオーサリングし、
    AWS Amplify で公開できるように移行中です。

    View full-size slide

  4. Babylon.jsとは何か
    Babylon.jsは、JavaScriptライブラリを使用して、HTML5経由でWeb
    ブラウザーに3Dグラフィックを表示するリアルタイム3Dエンジ
    ンです。ーーーウィキペディア(英語)より引用
    オープンソース
    • https://www.babylonjs.com/
    • https://doc.babylonjs.com/

    View full-size slide

  5. AWS Amplifyとは何か
    スケールするモバイルアプリケーションやウェブアプリケーションを開発
    するための最も迅速で簡単な方法。
    https://docs.amplify.aws/

    View full-size slide

  6. 作ってみた-1
    Creating simple examples in Babylon.js for regular practice で公開され
    ていたものを少し修正しました。
    https://forum.babylonjs.com/t/creating-simple-examples-in-babylon-
    js-for-regular-practice/25419
    AWS Amplifyに上げた時にCDNのままだとエラーになりました。

    View full-size slide

  7. 作ってみた-2
    新しいアプリケーション
    ウェブアプリケーションをホスト
    Amplify Hosting の開始方法
    Gitプロバイダーなしでデプロイ
    保存してデプロイ
    Domain
    https://dev02.d3glo1ycpsv4de.amplifyapp.com

    View full-size slide

  8. 感想
    • AWS Amplifyは手軽にアップロード出来てよかった。
    • Webホスティングとして、S3とはどう違うのかが気になりまし
    た。
    • AWS Tools for Babylon.JS Editor: AWS Amplify Publisher Pluginという
    のの設定がどうしても上手く出来ませんでした。
    https://github.com/aws-samples/aws-tools-for-babylonjs-
    editor/tree/main/aws-amplify-publisher-plugin
    • AWS Amplify × Babylon.jsは楽しいので今後もトライしていきます。

    View full-size slide