エンジニアカフェ1周年イベント：WebAR/VR開発入門ハンズオン

EngineerCafe @EngineerCafeJP

追加決定👏21日(金)18:00 エンジニアカフェ1周年イベントゲスト紹介 【#吉永崇 氏】 Steampunk Digital株式会社にてVR/AR,3D計測や画像処理を用いたシステムについて研究開発。またAR Fukuokaというコミュニティも主催。 ■#エンジニアカフェ1周年 イベント5DAYS engineercafe.connpass.com/event/185250/ pic.twitter.com/ltuogE4KlW

拡大

AR Fukuoka @ar_fukuoka

本日、エンジニアカフェ1周年イベント内でWebAR/VR入門ハンズオンを実施します！ xr-fukuoka.connpass.com/event/186605/ #AR_Fukuoka #エンジニアカフェ #AframeVR #WebVR #WebAR

TakashiYoshinaga Ph.D. @Taka_Yoshinaga

今日のハンズオンはエンジニアカフェのカフェスペースから配信します。 #エンジニアカフェ　#AR_Fukuoka pic.twitter.com/Gt6lhlJHzG

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

twitter.com/jun_mh4g/statu… #AR_Fukuoka シリーズをたくさん参加である

じゅん@4/19XRミーティング北海道エリアのお世話 10/22💉5 @jun_mh4g

本日の発表スライドです。 お疲れ様でした～('ω')ノ (緊張した） #XRMTG #DoMCN #盛夏音祭20 #AR_Fukuoka #VR研究座談会 slideshare.net/JunyaIshioka/2… #DevRel #SciRel #地道 pic.twitter.com/hk4DYLTou7

2020-08-19 22:52:36

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ1周年 はじまった　まず会の趣旨の紹介 初心者でも安心 小人数が確実に課題を終えられる志向 地域展開もたくさん pic.twitter.com/eT948xHiR0

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ1周年 本日はA-Frameの実習です ブラウザ上で動くよ pic.twitter.com/13p3hMetHI

拡大

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ1周年 サンプルをまず見てみる 移動が出来る pic.twitter.com/vOYbtHxRYK

拡大

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ1周年 360°写真を自分のWebサイトに貼るのも簡単らしい pic.twitter.com/wfPSaDPumA

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ1周年 AR.js の利用が今回の課題 マーカーにCGが追従する pic.twitter.com/Zme3V9eXVg

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ1周年 基本的な使い方の習得から始まって 完成を目指す pic.twitter.com/HoyxrWb1nv

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ ひつようなもの一覧 Webサーバーを共通条件で手に入れるのハードル高い →無料サーバの開発用サービスをつかう　との事 pic.twitter.com/NucH9ZG5ev

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ 自分のプロジェクトに移すには文中のremixなんちゃらをクリック一発でできるらしい（できた） pic.twitter.com/gtkefCDwEV

拡大

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ おお、タグでGREEの日記をなんかデコってたのを思い出してきた pic.twitter.com/6SdMO7XRWc

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ 3D描画のタグ内側のコードの解釈 どうでもいいけどVoxelkeiさんにこないだ教えてもらったLightShot（スクショ切り抜きツール）が便利すぎて捗る pic.twitter.com/nnVxgTZ29e

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ なんかこんなかんじ pic.twitter.com/ks6IR2lHOK

拡大

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ スペース区切りに注意 各軸の正の向きはカメラに対してx y z : → ↑ ⦿ カラーコードを使う pic.twitter.com/ahlAw1oNbv

拡大

拡大

福村浩治＠介護福祉エンジニア @fukumura_kaigo

A-Frame、こんなHTMLみたいなので、ARやVRが出来るのかぁ。すごいなぁ。 #AR_Fukuoka #エンジニアカフェ1周年

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ いじりタイム終了 本題にうつります pic.twitter.com/Bb1SpAodqX

拡大

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ 地球の素いがいを削除 pic.twitter.com/5XyI2xJYNh

拡大

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ テクスチャマッピング 地球をアップロードして割り付ける作業 assets-Upload an Assetでプロジェクトに追加 URLを取得 pic.twitter.com/CsR8mkZh4q

拡大

拡大

拡大

拡大

福村浩治＠介護福祉エンジニア @fukumura_kaigo

丁寧な進行で、見習いたい。 #AR_Fukuoka #エンジニアカフェ1周年

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ 地球を貼って、アニメーションを角度制御で書いたら回る 等速で動くためにeasingを追加　くるくる pic.twitter.com/DhnpBensNO

拡大

拡大

拡大

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ a-sky タグを追加してうちゅうにした プロジェクト名を自分の好きな名前にして、 さくっと公開 pic.twitter.com/cVK8QycBbp

拡大

拡大

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ いろいろ追加できるらしい glTFも追加していいらしい あとはAR化するのみ pic.twitter.com/xUmRBwYcfu

拡大

拡大

じゅん@3/17MRHack 3/20XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #エンジニアカフェ 関連付けの作業と、 位置ズレの修正（マーカーとCDの相対ズレ） 位置ずれ（カメラ原点とA-Frame表示デフォルト視点との相対ズレ）をそれぞれ修正する pic.twitter.com/fhnohOjgzo

拡大

拡大

拡大