プログラム上達したいな blog

プログラム書けるようになりたいアウトプット用

急にVtuberなりたくなった vuforia(全然うまくいってない)

 

タイトル通り

Vtuberになりたくなりました

1日ほど

なのでwebを調べてたら

こんなのがありました

korechipostit.hatenablog.com

 

これなら昨日に勉強した

 

gjjjjcdssvgg.hatenablog.com

 

の知識でいけんじゃね

っていう甘い気持ちで

取り掛かります

 

 

vuforia

 

https://developer.vuforia.com/targetmanager/project/deviceTargetListing

 

vuforia でARマーカーを

登録する

 

f:id:gjjjjcdssvgg:20180708171447p:plain

 

1.vuforia にログイン

2.Develop → License Manager → Get Development Key をクリック

 

f:id:gjjjjcdssvgg:20180708171821p:plain

 

3.App nameに好きな文字列記入

4.By checking ~ のところの四角をチェック

5.Confirmをクリック

 

これで License Manager の登録完了

vuforiaとunityを繋げるAPIキー?を取得できるようになる

 

 

f:id:gjjjjcdssvgg:20180708172549p:plain

 

6.Develop → Target Manager → Add Database をクリック

 

 

f:id:gjjjjcdssvgg:20180708173008p:plain

 

7.Nameに好きな文字列記入

8.TypeはDevice

9.Createをクリック

 

f:id:gjjjjcdssvgg:20180708173233p:plain

 

10.Add TargetをクリックしてARマーカーを追加していく

 

f:id:gjjjjcdssvgg:20180708173430p:plain

 

11.Type:single Imageを選択

12.File:Browse...をクリックしてARマーカーにしたい画像を選ぶ

13.Width:私は10としました 好きに変えていいと思います。どうなるかはわかりません

14.Name:好きな文字列記入

15.Addをクリック

 

画像を追加したいときは

//addしたい画像数 = A

for( j = 1 ; j < = A; j ++) {

    for( i = 10; i < = 15; i ++ ){

          i を実行;

    }

}

 

これであってる?www

 

Addしたい回数分

10. ~ 15. を行う

と同じということでw

 

 

unitypackageを作成

 

unitypackageを作成することで

unityに画像データを

importすることができるようになる

 

unityで画像データ

使えるようなりますよーみたいな

 

f:id:gjjjjcdssvgg:20180708180031p:plain

 

Download Detabase(All)をクリック

 

f:id:gjjjjcdssvgg:20180708180841p:plain

 

Select a development platform で

Unity Editorを選択した状態で

Downloadをクリック

 

すると

unitypackageが出来上がる

 

 

vuforia-unity-6-2-10.unitypackageをダウンロードする

 

もう1つunitypackageが必要

 

f:id:gjjjjcdssvgg:20180708181954p:plain

 

Downloads → SDK → Download Unity Extension (legacy) で

vuforia-unity-6-2-10.unitypackageを

ダウンロードする

 

 

 

 

これでvuforiaの設定完了

 

 

Unity

では、unityを起動

ãèµ·åãã¢ãã¡ãªãã¨ãã®ç»åæ¤ç´¢çµæ

 

バージョンは

f:id:gjjjjcdssvgg:20180708175757p:plain

たぶん、古いです

 

f:id:gjjjjcdssvgg:20180708175940p:plain

 

上の部分のAssetsを選択

 

f:id:gjjjjcdssvgg:20180708181219p:plain

 

Assets → Import Package → Custom Package を選択&クリック

 

vuforia-unity-6-2-10.unitypackageと

私の場合はVtuber.unitypackageを

importする

 

f:id:gjjjjcdssvgg:20180708182713p:plain

 

f:id:gjjjjcdssvgg:20180708182730p:plain

 

これは

I Made a Backup. Go Ahead!

をクリックで問題ないそう

 

f:id:gjjjjcdssvgg:20180708182842p:plain

 

Project要素が増えた

 

f:id:gjjjjcdssvgg:20180708183108p:plain

 

左の▷を押すと中身が

表示されるようになる

 

vuforia → Prefabs → ARCameraで

ARCameraを

Hierarchy内に

ドラッグ&ドロップする

 

f:id:gjjjjcdssvgg:20180708183441p:plain

 

Hierarchy内の

Main Cameraを

右クリックでDelete押して消す

 

f:id:gjjjjcdssvgg:20180708183622p:plain

 

ARCameraを選択しながら

右端のServicesを

 

f:id:gjjjjcdssvgg:20180708183814p:plain

 

Inspectorに変える

 

f:id:gjjjjcdssvgg:20180708183825p:plain

 

そうすると

ARCameraの詳細が表示される

 

とりあえず

設定を変えてみた

 

f:id:gjjjjcdssvgg:20180708184211p:plain

 

f:id:gjjjjcdssvgg:20180708184245p:plain

 

ARCameraが上から下を

見下ろしている感じ

 

ここで

f:id:gjjjjcdssvgg:20180708184211p:plain

 

Open Vuforia configurationを

クリックすると

 

f:id:gjjjjcdssvgg:20180708184520p:plain

 

この画面にいくので

大きな四角に

App License Keyを入れる

 

App License Keyは

vuforiaのホームページの

License Manegerのところに行って

先ほど作ったNameをクリック

私の場合

Vtuberをクリック

f:id:gjjjjcdssvgg:20180708184731p:plain

Please copy the license key below into your app

とのことです

 

f:id:gjjjjcdssvgg:20180708185047p:plain

 

unityに戻って

 

f:id:gjjjjcdssvgg:20180708185326p:plain

 

四角に先ほどのコピーした

App License Keyを入れる

 

これで

unity と vuforia が繋がった

 

f:id:gjjjjcdssvgg:20180708185534p:plain

 

Datasetsにチェックを入れる

私の場合 Load Vtuber Database と

Activateにチェックを入れる

 

 

次は

vuforia → Prefabs → ImageTargetで

ImageTargetを

Hierarchy内に

ドラッグ&ドロップする

 

f:id:gjjjjcdssvgg:20180708190226p:plain

 

なんか白いのが出てくる

 

Inspectorいじると

 

f:id:gjjjjcdssvgg:20180708190600p:plain

 

f:id:gjjjjcdssvgg:20180708190616p:plain

 

白いやつの大きさが変わったりする

 

f:id:gjjjjcdssvgg:20180708190758p:plain

 

Image Target Behaviourの

Database → Vtuber,

ImageTarget → kaoに

変更する(私の場合)

width,heightは好きなように変更

まあ、width = 1でいいかなー

 

あとは、

この動画みてくださいw

 

www.udemy.com

 

0310unity.hateblo.jp

 

Unity-Chan!を動かすことに

しました〜

 

f:id:gjjjjcdssvgg:20180708193239p:plain

 

これと

 

f:id:gjjjjcdssvgg:20180708193302p:plain

 

これを

Asset Storeから

ダウンロード&インポートしまして

 

色々して

完成したのがこちら

 

 

 

 

雑音入ってますが

阪神わっしょい音も

入ってるよー

 

 

 

おわりに

Vtuberへの道は遠い...