HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン!
イベント内容
お申し込み後、本ページ上部の「参加者への情報」にYouTubeLiveの配信URLが表示されます。お申込者様への限定公開でアーカイブを残しますので、リアルタイムに参加できない場合もお申込み下さい!
本イベントに参加するにあたり、インストール・ログイン・カメラ・マイクなど一切不要で、YouTubeLiveを視聴するだけでOKです。 匿名で投稿できるチャットも準備しておりますので、ライブ中に気軽に質問も可能です。
概要
今回はAR.jsを使って3D表示されるAR料理メニューを作成します。今回のARアプリで編集するのはHTMLのみであるため、プログラミング初心者の方でも簡単に試すことができます。また、表示する3Dモデルは生成AIで作成するのでモデリングの知識も必要ありません。
AR.jsについて
[動画引用] AR.js Documentation
AR.jsとは、ブラウザ上で動くARアプリを作成できるライブラリで、HTML上にタグを書くだけで簡単にカメラ映像上に3Dモデルを表示することができます。
https://ar-js-org.github.io/AR.js-Docs/
お手軽AR体験!
ハンズオンではTripoSRと呼ばれるソフトウェアを用いて画像がから3Dモデルを作成します。そして、AR.jsを用いて写真のように映像の上から3Dモデル表示します。なお、ARアプリは無料のWebアプリ開発環境のGlitchで作成するため、カメラがついているPCであればどなたでもお試しすることができます!
ハンズオンに必要なもの
カメラが使えるPCがあれば全て無料で簡単に準備できます。ソフトウェアもChromeのインストールのみでOKです!
また、「Glitchアカウント」を持っていれば自分が生成AIで作ったモデルを使用することができます!アカウントは下記リンクで作成できます。
得られること
対象者
背景
イベントを実施する背景として、こちらの「ものものテック」というサービスがあります。
「ものものテック」は、AI・IoT・ロボティクスを中心とした、オンラインで学べる技術教育サービスです。いつでもどこでもウェブブラウザで文章・画像・動画を見ながらコードを実行し自主的に学べます。本イベント内容に加え、「ものものテック」でさらに深く学んでいただければと思います。
タイムテーブル
時間 | 内容 | 詳細 |
---|---|---|
19:00 ~ 19:10 | オープニング | アンケート集計結果の共有など |
19:10 ~ 19:50 | ハンズオン | 今回のイベント内容 |
19:50 ~ 20:00 | クロージング | Q&Aなど |
- 途中、入退出していただいても問題ありません。
- 当日の状況によって順番や終了時間が多少変動する可能性もあります。
YouTube Live 配信URL
今回のイベントはYouTubeを視聴するだけで学べるライトなスタイルです。
- 本イベント申し込み済の方は本ページ上部の「参加者への情報」にYouTubeLiveの配信URLが表示されます。
- 本イベントに申し込みされた方のみが視聴できるYouTubeLive限定公開URLです。
- アーカイブが残りますので、お申込みした方は後日閲覧することが可能です。
- YouTubeで一般公開するかは未定です。リアルタイムに参加できない方もお申込みください。
運営・お問い合わせ
JellyWare株式会社
注意事項
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。
新規会員登録
このイベントに申し込むには会員登録が必要です。
アカウント登録済みの方はログインしてください。
※ ソーシャルアカウントで登録するとログインが簡単に行えます。
※ 連携したソーシャルアカウントは、会員登録完了後にいつでも変更できます。