Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

作ってみた-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のままだとエラーになりました。

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

感想 • 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は楽しいので今後もトライしていきます。