ARコンテンツ作成勉強会 in 天草:A-Frameハンズオン & AR/VR技術体験会

天草で開催したハンズオン&体験会の様子 http://eventon.jp/10903/
0

天草でハンズオン&体験会のAR Day

午前の部はA-Frameを用いたWebVR/AR開発のハンズオン。なんと工業高校の先生・生徒さんたちも参加してくれました。

Yoshiaki Okazaki @tw_oka

吉永さんによるAR勉強会 in 天草始まるよー! #AR_Amakusa pic.twitter.com/0bwMClaIKF

2018-02-11 09:01:39
拡大
Shinji Hayai @_shinjism

A-Frame対応のARライブラリAR.js。今日はこれを使います! #AR_Amakusa pic.twitter.com/AKjX1duyD0

2018-02-11 09:43:57
拡大
Shinji Hayai @_shinjism

A-Frameでは配置する物体の位置や向き、大きさ、色を指定が可能。それも簡単なHTMLで! #AR_Amakusa pic.twitter.com/2MQrloqJtm

2018-02-11 10:01:14
拡大
Shinji Hayai @_shinjism

実際に位置を変えてみよう!x y zの順にスペース区切りで! y軸は垂直方向というのがポイント! #AR_Amakusa pic.twitter.com/qoI3xyGIzH

2018-02-11 10:05:31
拡大
Yoshiaki Okazaki @tw_oka

A-Frameで使うタグのサンプル。3Dモデルを読み込むタグもあって、作れるものの可能性が大きいなって思う。aframe.io/docs/0.7.0/pri… #AR_Amakusa

2018-02-11 10:05:43
Shinji Hayai @_shinjism

コードでイメージしづらい人は視覚的に確認できます! #AR_Amakusa pic.twitter.com/jLqW5zGDlG

2018-02-11 10:10:02
拡大
Yoshiaki Okazaki @tw_oka

A-Frame、オブジェクトの位置などの設定をタグに書くだけでなく「Ctrl + Alt + I」で見た目で設定していけるインスペクトモードがあって便利。#AR_Amakusa

2018-02-11 10:11:23
Yoshiaki Okazaki @tw_oka

A-Frameでアニメーションを実装するのはa-animation 。 aframe.io/docs/0.7.0/cor… #AR_Amakusa

2018-02-11 10:46:35
Shinji Hayai @_shinjism

球体に地球🌏の画像を貼って自転アニメーションさせよう! #AR_Amakusa pic.twitter.com/49xkabxiU1

2018-02-11 10:51:04
拡大
Yoshiaki Okazaki @tw_oka

Googleが提供する3Dデータ共有サービスPoly。poly.google.com #AR_Amakusa

2018-02-11 11:06:37
Shinji Hayai @_shinjism

みんな無事ゴールにたどり着きました!勉強会の最後にまざまなAR活用事例を紹介!講師の吉永さんによる医療支援の事例も。 #AR_Amakusa pic.twitter.com/vs9dauVKEt

2018-02-11 11:55:46
拡大
拡大

午後の部はAR/VR技術のハンズオン。小さいお子さんも参加しました。

Yoshiaki Okazaki @tw_oka

昼からは、色んなデバイスの体験会! #AR_Amakusa

2018-02-11 14:12:34
Shinji Hayai @_shinjism

次世代スマホAR、マーカーに頼らないARを体験しよう! #AR_Amakusa

2018-02-11 14:25:46
Shinji Hayai @_shinjism

次世代スマホAR(簡易ヘッドセット)を体験しよう! #AR_Amakusa pic.twitter.com/B5CNpwaY5t

2018-02-11 14:27:35
拡大
Shinji Hayai @_shinjism

センサデバイスとARの組み合わせを体験しよう! #AR_Amakusa pic.twitter.com/o5dhVWob7J

2018-02-11 14:29:38
拡大