第一回 A-Frameハンズオン
イベント内容
イベント概要
本イベントは、A-Frameを使ってWeb VR開発をしたい方向けのハンズオン勉強会です。
A-Frameとは
A-Frame はHTMLでVR体験を生み出すためのWebVR用オープンソースフレームワークです。迅速なプロトタイピングを行い、3D/VRシーン開発がより早く簡単になるように開発されました。スマホ/PC/Oculus Rift/HTC Vive等で作動するVRシーンを構築できます。
ハンズオン内容
A-Frameの基礎的な始め方からコンポーネントを利用したコンテンツ制作まで。
※参考:福岡で行われたハンズオンの様子はこちらです。
成果物イメージ
以下のような迷路を作成予定:
http://theta360test.azurewebsites.net/maze/
(注: URLの読込みに少し時間がかかります。)
当日の流れ
第1部「A-Frameの使い方になれる」
初期の設定からオブジェクトを配置し動かす
第2部「迷路を作る(仮)」
Componentsを使いながら実際にコンテンツを作ってみる
第3部 「コンポーネントを作る(仮)」
・LT by @jujunjun110
自作コンポーネントがA-Frame公式サイトに紹介された経験エピソード
・コンポーネントの作り方を学ぶ
コンポーネントをつくって公開するまで
懇親会
共にハンズオンを乗り越えた仲間との懇親会
(※お酒やスナックなどを準備する予定)
A-PainterでのVRお絵描き体験ブース(2台)、Leap Motionを使ったA-Frame例なども紹介予定
対象者
最低限のHTMLとJavaScriptの知識が必須。
事前準備
当日まで以下を完了させてください。
⑴google chromeのインストール
⑵node.jsのインストール
ゲストチューター
@sgidon 氏
福岡で2度のA-Frameを利用したハンズオンイベントを実施。(ご実績 - https://eventon.jp/4956/ )
タイムテーブル
時間 | 内容 | 発表者 |
---|---|---|
12:15 - 12:45 | 開場 (+開発環境セットアップ開始) | |
12:45 - 13:00 | オープニングスピーチ + 会場スポンサー挨拶 | @jujunjun110 |
13:00 - 14:15 | 第1部「A-Frameの使い方になれる」 | @sgidon |
14:15 - 14:30 | 休憩 | |
14:30 - 16:30 | 第2部「迷路を作る」+ 第3部「コンポーネントをつくる」 | @sgidon / @jujunjun110 |
16:30 - 17:50 | 懇親会 | |
18:00 | 閉館 |
会場
株式会社VOYAGE GROUP
住所: 〒150-0045 東京都渋谷区神泉町8-16 渋谷ファーストプレイス8F
到着しましたら8F最奥の「パンゲア」という部屋までお越しください。
特記事項
会場にはゲスト用Wi-Fiの用意がございます。
会場には床埋め込み式の電源があります。
電源タップをお持ちの方は持参されると助かります。
会場を含む館内は禁煙です。
喫煙スペースは8F別室に用意されています。
スポンサー
会場&フードスポンサー
株式会社VOYAGE GROUP様( https://voyagegroup.com/ )
主催
A-Frame助け合い所( https://www.facebook.com/groups/1250425238325010/ )
※非営利で運営されているA-Frameを共に学び合うFacebookコミュニティグループ。
注意事項
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。