ノンプログラミングで作るWebAR -ZapWorks Designerの基本と新機能

2
じゅん@8/16#XRMTG&8/9#AIMTG北海道エリアのお世話 5/8💉6 @jun_mh4g

#AR_Fukuoka 表示したい3Dオブジェクトを追加する 左側パネルの3Dをクリックしてすすむ (以前作ったワイのアバター出てきちゃった) オリジナルデータを使いたい時はUploadをおす Designgerで作成中はglb 他のモードで作成中は他の形式も扱えるらしい pic.twitter.com/WFqcpbkE0R

2023-08-02 20:18:15
拡大
拡大
拡大
じゅん@8/16#XRMTG&8/9#AIMTG北海道エリアのお世話 5/8💉6 @jun_mh4g

#AR_Fukuoka 立体のアジサイはscaniverseで事前に作成したもの ドラッグ&ドロップで真ん中パネルにもってくる pic.twitter.com/9fMIj8heE9

2023-08-02 20:20:47
拡大
拡大
拡大
じゅん@8/16#XRMTG&8/9#AIMTG北海道エリアのお世話 5/8💉6 @jun_mh4g

#AR_Fukuoka オブジェクトとマーカーの位置関係などをチェックする (タッチパッドは二本指フリックでズームだった) オブジェクトを選択して軸をドラッグすると直観的に位置変更できる スケール変更は十字矢印アイコンの隣のアイコンをクリックしてモード切替 pic.twitter.com/ciaykEsWhr

2023-08-02 20:28:48
拡大
拡大
拡大
さって~(たいちょ~) @s_haya_0820

自分は感覚的にプロパティがmm単位で指定できるのはありがたいです #AR_Fukuoka pic.twitter.com/cgokOV6hcw

2023-08-02 20:32:10
拡大
じゅん@8/16#XRMTG&8/9#AIMTG北海道エリアのお世話 5/8💉6 @jun_mh4g

#AR_Fukuoka 確認の方法 previewボタンから発行されるQRコードをスマホでよむ pic.twitter.com/JOpOBeGNRl

2023-08-02 20:33:48
拡大
じゅん@8/16#XRMTG&8/9#AIMTG北海道エリアのお世話 5/8💉6 @jun_mh4g

#AR_Fukuoka 注意 プレビュー用のリンクは短い時間だけ有効 公開用のものとはべつ

2023-08-02 20:35:29

新機能のパーティクルを使ってみよう

さって~(たいちょ~) @s_haya_0820

Avaturnに続きParticlesも実装できるようになった! #AR_Fukuoka pic.twitter.com/E9jFaRlO9I

2023-08-02 20:37:52
拡大
じゅん@8/16#XRMTG&8/9#AIMTG北海道エリアのお世話 5/8💉6 @jun_mh4g

#AR_Fukuoka つづき パーティクル追加できる新機能 Applets から選んでいく pic.twitter.com/r7JZ4gvTIk

2023-08-02 20:38:38
拡大
拡大
拡大
さって~(たいちょ~) @s_haya_0820

追加したParticlesの選択ってどうするの???と思ったら上の方に板ができてたです(種類によって発生源の位置は異なるとのこと) #AR_Fukuoka pic.twitter.com/obqetMfJVf

2023-08-02 20:41:23
拡大
じゅん@8/16#XRMTG&8/9#AIMTG北海道エリアのお世話 5/8💉6 @jun_mh4g

#AR_Fukuoka オブジェクト選んで右パネル下側のparticles項目をいじるとエフェクトを調整できる pic.twitter.com/YXeiaUVujm

2023-08-02 20:42:22
拡大
拡大
さって~(たいちょ~) @s_haya_0820

パーティクルの種類や量、スピード、色など指定ができるとのこと。現状形状の種類は8パターンの様子 画像は雪を降らせてみたもの #AR_Fukuoka pic.twitter.com/Mo3lNcAiS0

2023-08-02 20:45:40
拡大

完成!あとは公開

さって~(たいちょ~) @s_haya_0820

Avaturnを使って自分のアバターを作って紫陽花と共に召喚してみた 数ヶ月前よりアクション増えてるみたい #AR_Fukuoka pic.twitter.com/T8FwnE63kI

2023-08-02 21:11:01
_ko_ko @koko_22_10

ARがあっという間に完成!楽しい✨ #AR_Fukuoka #WebAR #Zapworks pic.twitter.com/VxQziu2yg8 twitter.com/Taka_Yoshinaga…

2023-08-02 22:57:51
TakashiYoshinaga Ph.D. @Taka_Yoshinaga

今日の様子です。また明日編集します。 ノンプログラミングで作るWebAR -ZapWorks Designerの基本と新機能 togetter.com/li/2198148 #Togetter #AR_Fukuoka #WebAR #Zapworks @togetter_jpより

2023-08-02 22:05:31
拡大
じゅん@8/16#XRMTG&8/9#AIMTG北海道エリアのお世話 5/8💉6 @jun_mh4g

#AR_Fukuoka いろいろできたら公開 DeepLinkでリンクを発行することもできる pic.twitter.com/LWcvXJ3q6O

2023-08-02 21:24:40
拡大
拡大
拡大
じゅん@8/16#XRMTG&8/9#AIMTG北海道エリアのお世話 5/8💉6 @jun_mh4g

#AR_Fukuoka 質問コーナー 音を鳴らす方法 プロジェクトのBGM指定が可能 ボタンを追加してオンタップのとこに関連付けることもできる ほえー pic.twitter.com/PxR3eNul0R

2023-08-02 21:30:00
拡大
拡大
アラチャレ @Circlejp

【オンライン】ノンプログラミングで作るWebAR:ZapWorks新機能の紹介 xr-fukuoka.connpass.com/event/290957/ #AR_Fukuoka ZapWorksに新機能が追加され面白くなってきた😄 ・FlatだけでなくCurved(曲面)にも対応! ・AvaturnやParticlesなども追加できる! #AR_Fukuoka

2023-08-03 06:52:08

ハンズオン資料はこちら

TakashiYoshinaga Ph.D. @Taka_Yoshinaga

今日の資料です! ノンプログラミングで作るWebAR -ZapWorks Designerの基本と新機能 | Takashi Yoshinaga #docswell #AR_Fukuoka #WebAR docswell.com/s/Tks_Yoshinag…

2023-08-02 21:44:20