カテゴリー機能は終了いたしました。まとめ作成時にはタグをご活用ください。
8
ながみね @KzoNag
今日はこちらに参加します! 8thWallWebで始めるWebAR xr-fukuoka.connpass.com/event/114279/ #AR_Fukuoka
TakashiYoshinaga @Taka_Yoshinaga
#AR_Fukuoka スタート。今回の講師は@sgidon さんで最速 #8thWallWeb 10.0ハンズオン pic.twitter.com/NUfkuUiiMn
 拡大
TakashiYoshinaga @Taka_Yoshinaga
今日使うツールその2はA-Frame。HTMLで手軽にWebVR/ARを実現。 #AR_Fukuoka pic.twitter.com/BosRIaYXym
 拡大
ながみね @KzoNag
まずは8thWallWebのコンテンツを試してみる。ブラウザで動くのすごい。 対応してる端末ならブラウザで開くだけで試せるはず。 #AR_Fukuoka apps.8thwall.com/gipphtfc/DinoC… pic.twitter.com/QV9QZ5Q0JS
 拡大
AR Cameraを使ったノンコーディングAR
TakashiYoshinaga @Taka_Yoshinaga
まずはAR Cameraを使い、ノンコーディングでコンテンツ作成。 #AR_Fukuoka #8thWallWeb pic.twitter.com/G3MzvKIIu6
 拡大
TakashiYoshinaga @Taka_Yoshinaga
AR Cameraを使うとドラッグ&ドロップだけで手軽にシンプルなコンテンツを作れる。junaio的で結構いいかも。 #AR_Fukuoka pic.twitter.com/GY0lpLH6pq
 拡大
ながみね @KzoNag
8thWallWebのARCameraのサービスを使うとブラウザにモデルをアップしてちょっと設定するだけでこんなことができる #AR_Fukuoka pic.twitter.com/AagA79sbH3
A-Frameを使った開発
TakashiYoshinaga @Taka_Yoshinaga
後半スタート。まずはA-Frameの使い方を解説。 #AR_Fukuoka pic.twitter.com/NF3wyrpKAN
 拡大
TakashiYoshinaga @Taka_Yoshinaga
習うより慣れろということで、A-Frameを弄りまわす。 #AR_Fukuoka pic.twitter.com/VNXNz69RUL
 拡大
TakashiYoshinaga @Taka_Yoshinaga
A-Frameと8thWallWebを一緒に使うには、a-frameの読み込みの代わりに以下を使う。 <script src="//cdn.8thwall.com/web/aframe/8frame-0.8.2.min.js"></script> #ar_fukuoka
完成!その後はもくもくタイム
TakashiYoshinaga @Taka_Yoshinaga
完成。ほんの少しのコードでCGの表示と画面タップによる再配置ができた。#AR_Fukuoka #8thwallweb pic.twitter.com/U0d3sS0hZX
おやま @totomomoXR
いとも簡単にペンギンが回った 8thWallすげー! #AR_Fukuoka pic.twitter.com/CPpv1F4amv
TakashiYoshinaga @Taka_Yoshinaga
今日の #8thWallWeb ハンズオンの成果。後半の黙々タイムでRGB-Dで記録したデータを表示してみた。Webブラウザでここまで動くのは面白い。 #AR_Fukuoka pic.twitter.com/eNPfJZqaNr
IGO (いぐお @trackmakerDJ
あはははははは♪あはははは♪ (歩きARはやめましょう) #AR_Fukuoka pic.twitter.com/pp5VW1MF11
 拡大

コメント

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