イベント概要

本イベントは、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の読込みに少し時間がかかります。）

当日の流れ

第１部「A-Frameの使い方になれる」

初期の設定からオブジェクトを配置し動かす

第２部「迷路を作る（仮）」

Componentsを使いながら実際にコンテンツを作ってみる

第３部 「コンポーネントを作る（仮）」

・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/ ）

タイムテーブル

会場

株式会社VOYAGE GROUP

https://voyagegroup.com/

住所: 〒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コミュニティグループ。