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

天草で開催したハンズオン&体験会の様子 http://eventon.jp/10903/
HoloLens ガジェット MR A-Frame AR
0
天草でハンズオン&体験会のAR Day

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

Yoshiaki Okazaki @tw_oka
吉永さんによるAR勉強会 in 天草始まるよー! #AR_Amakusa pic.twitter.com/0bwMClaIKF
拡大
Shinji Hayai @_shinjism
A-Frame対応のARライブラリAR.js。今日はこれを使います! #AR_Amakusa pic.twitter.com/AKjX1duyD0
拡大
Shinji Hayai @_shinjism
A-Frameでは配置する物体の位置や向き、大きさ、色を指定が可能。それも簡単なHTMLで! #AR_Amakusa pic.twitter.com/2MQrloqJtm
拡大
Shinji Hayai @_shinjism
実際に位置を変えてみよう!x y zの順にスペース区切りで! y軸は垂直方向というのがポイント! #AR_Amakusa pic.twitter.com/qoI3xyGIzH
拡大
Yoshiaki Okazaki @tw_oka
A-Frameで使うタグのサンプル。3Dモデルを読み込むタグもあって、作れるものの可能性が大きいなって思う。aframe.io/docs/0.7.0/pri… #AR_Amakusa
Shinji Hayai @_shinjism
コードでイメージしづらい人は視覚的に確認できます! #AR_Amakusa pic.twitter.com/jLqW5zGDlG
拡大
Yoshiaki Okazaki @tw_oka
A-Frame、オブジェクトの位置などの設定をタグに書くだけでなく「Ctrl + Alt + I」で見た目で設定していけるインスペクトモードがあって便利。#AR_Amakusa
Yoshiaki Okazaki @tw_oka
A-Frameでアニメーションを実装するのはa-animation 。 aframe.io/docs/0.7.0/cor… #AR_Amakusa
Shinji Hayai @_shinjism
球体に地球🌏の画像を貼って自転アニメーションさせよう! #AR_Amakusa pic.twitter.com/49xkabxiU1
拡大
Yoshiaki Okazaki @tw_oka
Googleが提供する3Dデータ共有サービスPoly。poly.google.com #AR_Amakusa
Shinji Hayai @_shinjism
みんな無事ゴールにたどり着きました!勉強会の最後にまざまなAR活用事例を紹介!講師の吉永さんによる医療支援の事例も。 #AR_Amakusa pic.twitter.com/vs9dauVKEt
拡大
拡大

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

Yoshiaki Okazaki @tw_oka
昼からは、色んなデバイスの体験会! #AR_Amakusa
Shinji Hayai @_shinjism
次世代スマホAR、マーカーに頼らないARを体験しよう! #AR_Amakusa
Shinji Hayai @_shinjism
次世代スマホAR(簡易ヘッドセット)を体験しよう! #AR_Amakusa pic.twitter.com/B5CNpwaY5t
拡大
Shinji Hayai @_shinjism
センサデバイスとARの組み合わせを体験しよう! #AR_Amakusa pic.twitter.com/o5dhVWob7J
拡大
残りを読む(13)

コメント

コメントがまだありません。感想を最初に伝えてみませんか?

ログインして広告を非表示にする
ログインして広告を非表示にする