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

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

ARを楽しむ3 vuforia

AR

f:id:gjjjjcdssvgg:20180709180740j:plain

 

これを飲もうと

したんですけど

中身が出てこない

 

f:id:gjjjjcdssvgg:20180709180854j:plain

 

よく振らんと

ダメやったらしい

 

文字ちっさいなーと

思ったんで

文字ARで大きしてやろう

と考えました。

 

 

gjjjjcdssvgg.hatenablog.com

 

 

gjjjjcdssvgg.hatenablog.com

 

このレベルの知識で

作成しましたー

 

この2つの記事は

PCカメラだったんですけど

今回は

iphoneに

ぶち込んでやりました

 

 

iphoneへのビルド？

の仕方は

 

gjjjjcdssvgg.hatenablog.com

 

これとやり方一緒で

いけましたー

 

 

悩んだところ

 

今までは３Dモデルを

表示させてたんやけど

文字を表示させるには

どうしたらいいんやろー

って悩んでましたけど

ある程度

推測は立つ

 

 

f:id:gjjjjcdssvgg:20180709183159p:plain

 

まあ、この辺

いじくるんやろなー

 


で、色々触ってると

日本語表記が

できなかったんですよねー

 

そんな課題が見つかったので

解決しようと

あーだこーだしてると

このQiitaにたどり着く


qiita.com

 

でも、

なんかうまく

いかなかったんですよねー

 

f:id:gjjjjcdssvgg:20180709184716p:plain

 

Character Setのところ

うーんって感じ

 

それでまた

あーだこーだして

とりあえず

普通のtext作って

そのfont日本語に

しようとしました

 

でも

fontの

importの仕方

全くわからんかったん

ですよねー

ここ一番悩んだポイント

 

mizutanikirin.net

 

f:id:gjjjjcdssvgg:20180709185944p:plain

 

マニュアルに

書いてあったそうです

すいません

 

 

 

f:id:gjjjjcdssvgg:20180709190104p:plain

 

fontのファイル？

はfont bookにあるらしいので

色々する

 

これで保存できたのが

ttcファイルなんですよー

 

ttcファイルはUnityで

使えない（と思います）

ので

ttfファイルにしたい

 

そこで

 

transfonter.org

 

これでさっくり

ttcファイル

↓

ttfファイルに

変更できた

 

 

f:id:gjjjjcdssvgg:20180709191321p:plain

 

で、このttfファイルを

Assets → Import New Asset...

でUnityに入れる

（importする）

 

 

おわりに

 

セブイレ（セブン）で

 

f:id:gjjjjcdssvgg:20180709191604j:plain

 

プリンを

買ったので

こんなのも作ってみた

 

 

やっぱりプリンは

カスタードだなー

 

急にVtuberなりたくなった vuforia（全然うまくいってない）

AR

 

タイトル通り

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への道は遠い...

 

 

 

 

 

 

 

 

 

 

 

dAppsを触ろう ほぼ無料でイーサリアムトークン作成できるかも編

ブロックチェーン DApps

まあ、基本的に

このブログが更新されてたら

触っていこうというやつ

 

givinglog.com

 

f:id:gjjjjcdssvgg:20180708060447p:plain

 

今回はERC20トークンを

作ることができるらしい

開発してみて

わかったんですが

ワンクリックのために

開発者は

何クリックもしてるんですね

 

 

では、試そう

青色リンク画面を押すと

givinglog.com

f:id:gjjjjcdssvgg:20180708060826p:plain

 

Name：Bitcoin

Symbol：BTC

みたいなやつどす

 

Dicimalsは

metamaskと

以前自分が作った

トークンで検証〜

 

f:id:gjjjjcdssvgg:20180708063049p:plain

 

この300000000000000000000000

Otsuboは

Dicimals 0 でやってみました〜

 

f:id:gjjjjcdssvgg:20180708063302p:plain

 

ADD TOKENってやつ

押すとこの上の画面行きます

Dicimalsと

Decimals of Precisionは

同じと仮定

 

Dicimals 18 でAddクリックー

f:id:gjjjjcdssvgg:20180708064406p:plain

 

30000.000 Otsuboとなり

スッキリしました

 

 

 

f:id:gjjjjcdssvgg:20180708064717p:plain

 

では、

Dicimals 1 でAddすると

 

f:id:gjjjjcdssvgg:20180708064843p:plain

 

こんな感じw

 

f:id:gjjjjcdssvgg:20180708064927p:plain

 

Dicimals 8 でAdd〜

 

f:id:gjjjjcdssvgg:20180708064955p:plain

 

0が多いよ

 

f:id:gjjjjcdssvgg:20180708065116p:plain

 

Dicimals 14 でAdd〜

 

f:id:gjjjjcdssvgg:20180708065132p:plain

 

だいぶ 0 が減りましたねー

 

Dicimals０にしてる方が

トークン増えてるんじゃないのか！！

 

と思うんですけど

多分小数点表示されてない

だけだと思うんで

Dicimals が

0でも8でも14でも18でも

トークン量は

30000Otsuboだと

思います

 

先に進もう

f:id:gjjjjcdssvgg:20180708065831p:plain

 

Name,Symbol,Dicimals を

記入して

Create Tokenをクリック

 

f:id:gjjjjcdssvgg:20180708065954p:plain

 

はい、高いですw

日本円で5000円くらいですか？

 

私はここまでしかしませんが

このトランザクションを

実行すると

トークン総量などを

設定して

トークン作成できます

 

詳しくは

givinglog.com

 

 

ちなみに

f:id:gjjjjcdssvgg:20180708070508p:plain

Gas Price を 1 にすると

100円くらい？で

この世に

価値があるかもしれない

トークンを

作成することができます

価値があるなら

5000円でも全然払って

トークン作成するわ！

って人もいるかもしれませんがw

 

 

この値段の差で

思ったんですが

wakuwaku-currency.com

 

www.onhexel.com

 

このHexelもトークン作成できるんですが

5000円？くらいかかるんですよねー

DEXに上場させられるから

5000円かかるのかなー

その辺わかってないのですが

 

 

ちなみにちなみに

Ropsten Test Network

だと失敗します

MainだよMain

 

 

おわりに

 

 

安値で

トークン作成するなら

givinglog.com

このブログのdappsの

Gas Priceが安い時！！！

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

PUBG mobile 自分のツイート

PUBG mobile

自分のPUBGツイートを

なんとなくまとめる

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

おわりに

うまくなりたい

 

ARを楽しむ２ vuforia

AR

www.udemy.com

 

これのジャンケンの

コースの結果

 

f:id:gjjjjcdssvgg:20180707154310p:plain

 

f:id:gjjjjcdssvgg:20180707154323p:plain

 

 

 

 

 

 

 

 

 

 

 

おわりに

 

シーン

（タイトル画面と

バトル画面）

に分ける方法が

わかったので

いろんなシーンを

作ることができそう