ZapWorks DesignerでノンプログラミングAR
5.9K Views
July 04, 22
スライド概要
2022年07月02日に学生コミュニティTENGINEER福岡で実施したハンズオン資料
可視化技術や人間計測/空間計測技術を活用した問題解決に関する研究開発。 ARコンテンツ作成勉強会(tryAR)を主催。
関連スライド
各ページのテキスト
ZapWorks DesignerでノンプログラミングAR
⾃⼰紹介 ⽒名︓吉永崇(Takashi Yoshinaga) 専⾨︓ARを⽤いた医療⽀援や運動計測 Volumetric Video (3Dビデオ) コミュニティ︓ARコンテンツ作成勉強会 主催
ARコンテンツ作成勉強会の紹介 p 2013年5⽉に勉強会をスタート。 p ARコンテンツの作り⽅をハンズオン形式で学ぶ p ⼈数は5~10名程度の少⼈数で実施 p 参加条件はAR/VRに興味がある⼈(知識不要) p 各地で開催 (福岡、熊本、宮崎、⻑崎、⼤分、 ⿅児島、⼭⼝、広島、札幌、関東)
Twitterと勉強会ページで情報を発信しています @AR_Fukuoka Googleで「AR勉強会」で検索
ハッシュタグ #TENGINEER福岡 #AR_Fukuoka
演習⽤素材のダウンロード https://github.com/TakashiYoshina ga/ARFukuoka/raw/main/ZapWorksDesig ner_20220702/Samples.zip
ハンズオンスタート
ZapWorksにログイン (https://zap.works) Log In
ZapWorksにログイン アカウント作成時に選んだ⽅法でログイン
プロジェクトを作成 をクリック
プロジェクトを作成 Create project
プロジェクトを作成 Designer(beta)を選択
プロジェクトを作成 QR code
ダッシュボード画⾯
デザイナーを開く Open Designer
デザイナーを開く Image Tracking
デザイナーを開く Start creating
補⾜ (やらなくてOK) Template
補⾜ (やらなくてOK) さまざまなテンプレートがあるので ZapWorksで何ができるか学ぶのに便利
デザイナーを開く ARで表⽰できるオブジェクトのリスト プロジェクトや選択したオブジェクトの詳細
マーカーの設定 Upload target image
マーカーの設定 ①Samplesフォルダ ②marker.jpg ③アップロード
マーカーの設定 しばらく待つ
マーカーの設定 マーカーがー表⽰されるので、 この上でオブジェクトを配置
オブジェクトの配置 3Dをクリック
オブジェクトの配置 サンプルオブジェクトが表⽰される(今回は使わない)
オブジェクトの配置 Browse from computer
オブジェクトの配置 ①Samplesフォルダ ②flower.glb ③アップロード
オブジェクトの配置 アップロードしたオブジェクトが追加される
オブジェクトの配置 マーカーの上にドラッグ&ドロップ
オブジェクトの配置 オブジェクトが登場
マーカーとの位置関係を観察 回転︓オブジェクト以外の領域をドラッグ 拡⼤縮⼩︓マウススクロール
オブジェクトの位置・サイズ・⾓度の調整 オブジェクトをクリック (軸が表⽰されるはず)
オブジェクトの位置・サイズ・⾓度の調整 をクリック 各軸をドラッグで移動
オブジェクトの位置・サイズ・⾓度の調整 をクリック 軸をドラッグで拡⼤縮⼩
オブジェクトの位置・サイズ・⾓度の調整 をクリック 各リングをドラッグで回転
オブジェクトの位置・サイズ・⾓度の調整 Transformsを開けば数値で指定可能
動作確認 Preview
動作確認 これをスマホで読む
動作確認 https://twitter.com/Taka_Yoshinaga/status/1538444336416 686086
登場時の挙動を追加 オブジェクトをクリック
登場時の挙動を追加 Transition Effects Enter
登場時の挙動を追加 エフェクトを選択 (例︓Fade-In) Durationでアニメーション にかかる時間を設定 (例︓2秒)
動作確認 Preview
動作確認 これをスマホで読む
動作確認
補⾜︓その他設定 Actions タップ時の挙動を選べる
コンテンツの公開 Publish
コンテンツの公開 ダッシュボードに戻る
コンテンツの公開 このQRを共有すればOK DLはこちらから
コンテンツの公開 PCでの閲覧は︖
コンテンツの公開 New trigger
コンテンツの公開 Deep link Create
コンテンツの公開 リンクができてる
コンテンツの公開 クリック
コンテンツの公開 これを共有すればOK
コンテンツ名をつける Back to project overview
コンテンツ名をつける Untitled projectの横のボタンをクリック
コンテンツ名をつける 名前の編集
コンテンツ⼀覧の確認 をクリック
コンテンツ⼀覧の確認 今回作ったコンテンツが表⽰される
コンテンツ⼀覧の確認 無料で作れる残りコンテンツ数(合計5個まで無料)
コンテンツ⼀覧の確認 新規コンテンツを作る場合はこちら
コンテンツ⼀覧の確認 削除する場合はこちらから Delete
お疲れ様でした︕