AWSでメタバース

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

Transcript

1. AWSでメタバース！？ Amazon Sumerian → AWS Amplify × Babylon.js JAWS DAYS 2022 - Satellites 2022年10月8日(土曜) 大阪サテライト会場 LT大会 長田英幸
2. 目次/自己紹介 • Amazon Sumerianの今 • Babylon.jsとは何か • AWS Amplifyとは何か • 作ってみた • 感想
3. Amazon Sumerianの今 Amazon Sumerian は、Babylon.js を使用してシーンをオーサリングし、 AWS Amplify で公開できるように移行中です。
4. Babylon.jsとは何か Babylon.jsは、JavaScriptライブラリを使用して、HTML5経由でWeb ブラウザーに3Dグラフィックを表示するリアルタイム3Dエンジ ンです。ーーーウィキペディア（英語)より引用 オープンソース • https://www.babylonjs.com/ • https://doc.babylonjs.com/
5. AWS Amplifyとは何か スケールするモバイルアプリケーションやウェブアプリケーションを開発 するための最も迅速で簡単な方法。 https://docs.amplify.aws/
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のままだとエラーになりました。
7. 作ってみた-2 新しいアプリケーション ウェブアプリケーションをホスト Amplify Hosting の開始方法 Gitプロバイダーなしでデプロイ 保存してデプロイ Domain https://dev02.d3glo1ycpsv4de.amplifyapp.com
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は楽しいので今後もトライしていきます。