トマシープが学ぶ

Unity/VR好きのミーハー初心者 記事内容は自分用のメモ。何も求めないで

ARのUIの英語の記事を読む

twitterで流れてきたこのARのUXについての記事を読みます。

uxdesign.cc

本文はGoogle先生に翻訳してもらいました。

主に画像部分を書き出しています。

 

ARで表示するものには3Dと画像や動画などのAnimated Mediaの2種類がある。

Animated Mediaについては、前私のブログでも取り上げました。 

bibinbaleo.hatenablog.com

 

どのようにその環境に対して操作(Interacting)するか

f:id:bibinbaleo:20180710173000p:plain

・タップ

・スワイプ

・ピンチ

・回す(回転)

・AirTap(ホロレンズのやつ)

・声、音声

・ホバー(画面に触らず近づけるだけで認識する。=フローティングタッチ)

・表情(認識?)

 

またアプリを使うときデバイスをどのように持つかを考えろ

f:id:bibinbaleo:20180710170329p:plain

右下しか届かないぞ!大事なボタンは右下に

 

VRと同じように、画面に写っていない仮想物体に気づかせるには、UIや音を使う。

f:id:bibinbaleo:20180710173236p:plain

f:id:bibinbaleo:20180710173012p:plain

 

色にも気を使え

f:id:bibinbaleo:20180710173014p:plain

緑はGo、赤はNoまたは停止を通常意味する

補色(カラーホイールの反対の色どうし)を使うとコントラストが高くなって、読みやすい!

 

照明入れろ!

f:id:bibinbaleo:20180710173520p:plain

「あなたの光源を配置する場所はどこですか?最高は、12時の位置で単純にオーバーヘッドです」ってあったけど、12時のいちにライト置いたらシャドウが見えなくない?

 

2Dの時と同じような操作

慣れ親しんだ、クリックやピンチなどの操作をARコンテンツにも取り入れたら、ユーザーがやりやすい。

最後に

AR独特の知見は画面外にあるオブジェクトに気付かせるように矢印や音で気付かせるあたりかな?

他はそのデバイスのコンテンツを作るときには当たり前にしていることを、ARでも気をつけようという感じですね。

bibinbaleo.hatenablog.com

bibinbaleo.hatenablog.com

 

ほたるVR

VRで見たら綺麗かな〜と思いなんとなく。

最終バージョン。VRで見たら結構きれい

youtu.be

ちなみに現実で蛍を見たことはありません。

今年見に行こうと思ってたらいつのまにか時期を過ぎていました。

OculusGo用です。

作る

音とか蛍の量とかはこの動画を参考にします。リアルな感じ。

www.youtube.com

やっぱり蛍はパーティクル表現かな?

そして星空にして、川を流して、適当に木を生やせばいいかな

空は昔触ったことがある天の川アセット・・・を最初使っていたけど、空の主張が強すぎたので止めた。

 こっちを使いました。

綺麗!ただ星が光っていて、蛍と被ってた。

f:id:bibinbaleo:20180706182105p:plain

パーティクル

蛍っぽくふわふわ点滅させます。

パーティクルの設定

f:id:bibinbaleo:20180706160618p:plain

ShapeをSphereにする。

f:id:bibinbaleo:20180706160554p:plain

点滅はColor over Lifetimeでこんな感じに

f:id:bibinbaleo:20180706151401p:plain

qiita.com

ボワ〜ってしてる。どうするのが正解なのかな?

f:id:bibinbaleo:20180706151404p:plain

MeshのSphereにして実体化したやつとどっちがいいんだろう?こっちのほうが光ははっきりしてリアルに近いけど、なんか違う。

f:id:bibinbaleo:20180707173443p:plain

木あり+パーティクル蛍

youtu.be

木なし+Meshの蛍

www.youtube.com

ちなみにアセットストアに蛍ないかなと思って探したら、有料のものはありました。

蛍は英語でFirefly(飛ぶ火?)なんだ!200円ぐらいだし買ってもいいかも。

f:id:bibinbaleo:20180706210458p:plain

これは評価も高い。

追記

昔パーティクルの本をやった時にパーティクルのテクスチャを変えらたら、がらりと印象が変わることを思い出した!

bibinbaleo.hatenablog.com

デフォルトのパーティクルじゃない蛍っぽいのを使ったら少し変わった。

f:id:bibinbaleo:20180709121252p:plain

ライティング

真っ暗にするために環境光はこんな感じ。

f:id:bibinbaleo:20180709105633p:plain

DirectionLightもなくていいぐらい。

あとPostProcessingのColorのEVで暗くしました。

f:id:bibinbaleo:20180709115635p:plain

ただこれをかけると蛍も暗くなってしまいます。蛍だけ別にするにはカメラとLayerを変えたらいいのかな?でもVRだしやり方よくわからない!

 

ブルームもかけています。こちらを参考に

am1tanaka.hatenablog.com

懐中電灯(スポットライト)で周りを照らせるようにした。

f:id:bibinbaleo:20180709105454p:plain

 

地形

うまく地形が作れない・・・

スタンダードアセットで適当に作りましたが、スケール感が難しい。

terrainはは凹ませることはできないらしいので、川が流れる部分以外を盛り上げました。

川はwaterのnight~

f:id:bibinbaleo:20180706164515p:plain

橋を置きました。

この橋は気に入ってる。 

f:id:bibinbaleo:20180706204403p:plain

川の音はこちらから

自然・季節・昆虫の音〜フリー効果音・無料効果音素材

軽量化

本当は木とか草も置きたかったけど、terrainでやったら死ぬほど重くなる。

どうせ3doFで動けないんだからbillboardでやればいいんだろうけど

ビルボードでやっても、頭を回転させるとビルボードが回転して楽しい感じになってしまった。ううー

ということでビルボードにした意味は全くないけど以下

 

こちらの記事を参考に軽量化にトライ

tsubakit1.hateblo.jp

重いかどうかはGame画面のStatsを押して出て来たパネルのBatchesの値を見たらいいらしい。

f:id:bibinbaleo:20180706204423p:plain

モバイルなら100ぐらいが目安らしい。

 

まず木のプレハブをクリックして

 

f:id:bibinbaleo:20180707164019p:plain

これのBillboardの%を大きくした。これによってビルボードになりやすくなる?

f:id:bibinbaleo:20180707164001p:plain

あとTerrainの設定画面でビルボードになる距離を短くした。またPixelErrorを大きくするとメッシュが雑になる?

f:id:bibinbaleo:20180707183143p:plain

 

docs.unity3d.com

これでもまだビルドに15分ぐらいかかって、やってらんない!

完成

とりあえずできました。

最終バージョン。VRで見たら結構きれい

youtu.be

もし何かに応募する機会があればもう少し作り込みたい。いろいろ締め切り終わってるけど!

 

とにかくここまで一つもスクリプトを書かずにできるのがUnityVRの楽しいところですよね!!!!!!!

先人

www.youtube.com

biki-games.hatenablog.com

www.youtube.com

はてなブログの本を読んで知らなかったことまとめ

この本を読みました。

はてなブログ Perfect GuideBook

知らなかった機能などをまとめます。

エクスポート

記事のエクスポート機能がありました。

詳細設定の下の方

f:id:bibinbaleo:20180705175926p:plain

 

f:id:bibinbaleo:20180705175825p:plain

こんな感じのテキストでエクスポートされました。

f:id:bibinbaleo:20180705180143p:plain

これはいいとして、下の方にMyBooksで書籍化するというボタンがあったので、ぽちぽちやっていったら、pdfでしかも画像付きでデータ化できました!

f:id:bibinbaleo:20180705184142p:plain

面白い。

f:id:bibinbaleo:20180705175831p:plain

Shift+Enterで(通常の)改行

知らなかった・・・

Shift+Enter

こん
ばんは

Enter

こん

ばんは

Enterだけだと段落が変わって幅が空きすぎる。

引用文のかっこいい表記

機能ではないけど、文を他のブログから引用した時

ニキビとか場所によっては、シールのおかげで目立たないので外にも行けるかもしれない。私はつけたまま外に出たことはないけど。

引用元:http://bibinbaday.hatenadiary.jp/entry/2018/06/30/221639

 みたいな感じで、引用元を下に書くとそれっぽく見える。

脚注

存在は知っていたけど、使い所がわからない。*1

絵を描く

そういえば絵を描く機能もありましたね。

f:id:bibinbaleo:20180705192046p:plain(ヘビがいるよ)

ちょっとした図解をしたいときに、macだと簡単なペイントソフトがないので困っていましたがこれでいいや。

公開範囲

ブログの公開範囲が設定できる!

f:id:bibinbaleo:20180705204342p:plain

なぞなぞ認証とかあるの笑う。

f:id:bibinbaleo:20180705204343p:plain

レスポンシブデザイン

スマホでPCと同じデザイン設定で表示できる。レスポンシブデザインのテーマを利用しているときに使ったらいい感じになりそう。

f:id:bibinbaleo:20180706084702p:plain

私のテーマは多分対応してない?どっちがいいかわからない。

f:id:bibinbaleo:20180706084800p:plain

時間ごとのアクセス解析

時間タブあったんだ!

f:id:bibinbaleo:20180706093343p:plain

コメント返信

相手のid付きで返信すると相手に通知が行くらしい。

id:bibinbaleo

f:id:bibinbaleo:20180706110128p:plain

ただ、つけなくてもコメントした記事にコメントがついたら全部通知が行くよね?あれすごく鬱陶しい。

GoogleAdsense

独自ドメインでないとGoogleAdsenseに登録できないので、Proにしないといけないのですが、今更ドメインを変えるのは嫌。

と思ったら、最初に独自ドメインを登録したら、2つ目は無料ドメインでも登録できるそうなので、Proにしたのち適当に独自ドメインのブログを作って、今のブログを2つ目として登録したらドメインを変えずにGoogleAdsenseが使えるのか!?

というかプロにしなくても独自ドメインを取得して登録したらいいのかな?よくわからない。

まあある程度コンテンツがないと審査は降りないみたいだけど・・・

https://productforums.google.com/forum/?hl=ja#!topic/adsense-ja/1AaUMxmlgrg;context-place=forum/adsense-ja

というかそもそもGoogleAdsenseってお金はいるんだろうか?あの形式の広告をクリックしたこと一度もない・・・

BloggerというGoogleのブログサービスなら無料でGoogleAdが付けれる。

pokutaro.blogspot.com

iTunesアフェリエイト!!!!

初耳!

アカウント設定の画面を見たら本当にあった!

f:id:bibinbaleo:20180706103742p:plain

早速登録しました!

iTunes - アフィリエイトプログラム - Apple(日本)

コンテンツタイプってここで選んだやつしかアフェリできないのかな?

f:id:bibinbaleo:20180706104637p:plain

マイアプリって何?よくわからなかったのでその他のアプリ、音楽、映画にして見ました。

5日後ぐらいにメールが届くらしいです。

登録したのその日の夜に来ました!

jorgito.hatenablog.com

というかそもそもはてなブログItunesの商品貼り付けボタンがあるのに気づかなかった。

f:id:bibinbaleo:20180706104836p:plain

しかも音楽だけじゃなくてアプリも貼れるやん!今までの苦労はなんだったのか

f:id:bibinbaleo:20180706105618p:plain

このアプリおすすめです。PDFに書き込めるやつ。ノートも取れる。

GoodNotes 4

GoodNotes 4

  • Time Base Technology Limited
  • 仕事効率化
  • ¥960

私の好きな曲なので聞いてみてね!

TOKYO

TOKYO

  • provided courtesy of iTunes

私の好きな映画。シャーロックホームズ。

この映画で初めて外人(ジュードロウ)に恋をした。

 amazonと同じでクリックから24時間以内に買ったもの全てが含まれる。

もっと早く知りたかったなあ

最後に

2年近くほぼ毎日更新しているので、知らないことはそんなにないかなと思ってたら色々あった!

読んでよかったです。

はてな大好き。

*1:脚注ってどの脚注だったかわからなくなるよね