トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

3D文字を表示させるLookingGlassコンテンツ制作【完成&提出編】

 続き

bibinbaleo.hatenablog.com

完成した

webページもある

https://madewith.lookingglassfactory.com/app/89/

youtu.be

madewith.lookingglassfactory.com

 空間色を変える

滑らかに空間の色を変化させたい。

docs.unity3d.com

AmbientColorをスクリプトから操作するのはこんな感じ。

RenderSettings.ambientSkyColor = new Color(0.3f, 0.5f, 0.7f, 1.0f);

色を滑らかに変えるのはこちらの記事を参考にしました。

prince9.hatenablog.com

float phi = Time.time / duration * 2 * Mathf.PI;
float amplitude = Mathf.Cos(phi) * 0.5F + 0.5F;
RenderSettings.ambientSkyColor= Color.HSVToRGB(amplitude, 0.6f, 0.6f);

HSVというカラーモデルは、色相(Hue)、彩度(Saturation)、明度(Value)の3値だそうです。初めて使った!

明るくなりすぎると目が疲れるので、彩度と明度は0.6にしました。

ついでにディスコのミラーボールみたいにくるくる回るやつ吊り下げたくなっちゃう。

トマトちゃんが変わりでいいか。

回転させる

オブジェクトをくるくるずっと回転させます。

f:id:bibinbaleo:20190621200138p:plain

こちらのコードで1秒間に60度回るようになりました。

transform.Rotate(new Vector3(0, 60, 0) * Time.deltaTime, Space.Self);

tama-lab.net

Libraryのためのビルド

 配布のためのwindowsビルドをしてみます。

こちらのスライドを参考に設定しました。

speakerdeck.com

先に投稿ページを見て行動規約とか投稿しないといけない内容を読んでおいたほうがよさげ

madewith.lookingglassfactory.com

PlayerSettingでRunInBackGroundにチェックとDisplayResolutionDialogをEnableにする。

f:id:bibinbaleo:20190621093122p:plain

他も適当に設定した。

アプリアイコンとかカーソルとかを設定できるんだ!

ちなみにCursor設定してもLookingGlassだとちゃんと表示されない、

f:id:bibinbaleo:20190621084202p:plain

 SplashImageのApplicationConfigDialogが起動画面の解像度選択画面で表示される画像です。

f:id:bibinbaleo:20190621093125p:plain

ちなみにLookingGlassLibrary以外の野良で配布されたアプリをLookingGlassで表示するには、SelectmonitorをDisplay2にしたら表示されました。

Escapeキー

Libraryに登録するにはEscapeキーで終わる処理を書かないといけないそうです。

スライドのからほぼそのままお借りしました。

        if (Input.GetKeyDown(KeyCode.Escape))
        {
            #if UNITY_EDITOR
            UnityEditor.EditorApplication.isPlaying = false;
            #elif UNITY_STANDALONE
            UnityEngine.Application.Quit();
            #endif
        }

#ifっていう書き方、たまに見るけど使うの初めて。

プラットフォーム依存コンパイルっていうんだ。

docs.unity3d.com

c#でも同じような感じ。

docs.microsoft.com

ずっとコメントと同じ扱いかと思ってた。

Quilt画像はF10

申請に必要なQuilt画像は、ビルドしてexeを実行した状態でF10を押すと、exeと同じ階層にできます。エディタでもAssetフォルダと同じ階層にできました。

f:id:bibinbaleo:20190621202254p:plain

ちなみにF9だときれいな一枚絵ができます。

f:id:bibinbaleo:20190621202306p:plain

CanvasのUIは入らないんだ。

提出

f:id:bibinbaleo:20190621220534p:plain

2019/12/13追記:Readmeを書く場所がありました

Instructions, controls, credits and other additional notes. Not your original work? Credit the author!

f:id:bibinbaleo:20191213102921p:plain

サムネは1024*576以下

Cancaで大きさだけ変えた。

f:id:bibinbaleo:20190621212435p:plain

解像度画面での説明用画像も作った。

f:id:bibinbaleo:20190621212427p:plain

madewith.lookingglassfactory.com

タイトル

3D Words Display

キャッチフレーズ

Your favorite words in 3D characters

説明

It is an application that words displayed on the keyboard are displayed in 3D characters.

<How to display characters>
1. Bring the mouse cursor to LookingGlass
2. Click the upper right input space
3. Enter (Japanese or alphabet OK)
4. Press the Enter key

<"All Clear" button>
All 3D characters disappear

説明用ページも作りました。

bibinbaleo.hatenablog.com

提出終わり!!

どうなるかな~~~

最後に

githubにもあげています。誰にも試してもらってないので、そもそもちゃんと動くか、操作が分かるかとか未知数。

github.com