3D文字を表示させるLookingGlassコンテンツ制作【文字入力編】

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class fontmaker : MonoBehaviour
{
    public InputField inputfield;

    public void onEndText()
    {
        FlyingText.GetObjects(inputfield.text);
        InitInputField();
    }

    void InitInputField()
    {

        // 値をリセット
        inputfield.text = "";

        // フォーカス
        inputfield.ActivateInputField();
    }
}

そしてInputFieldのOnEndのところにonEndTextを付ける。

f:id:bibinbaleo:20190616204545p:plain

これで入力してEnterを押したら文字が落ちてくるようになった！！

f:id:bibinbaleo:20190616204540p:plain

カーソルの幅とかいろいろ設定できるのでする。

f:id:bibinbaleo:20190616210030p:plain

FlyingText

FlyingTextのスクリプト部分はこんな感じ。

 Vector3 random = new Vector3(Random.Range(-10.0f, 4.0f), 5, Random.Range(-1.5f, 6.0f));
　float size = Random.Range(1.2f, 4.6f);
        FlyingText.GetObjects(inputfield.text,material,edgeMaterial,size,0.25f,5,random, Quaternion.identity);

要素はこんな感じ。（付属のpdfに解説があるよ）

GetObject

(text : String,

material : Material,

edgeMaterial : Material,

size : float,

extrudeDepth : float,

resolution : int,

position : Vector3 = Vector3.zero,

rotation : Quaternion = Quaternion.identity)

サイズと生成位置をランダムにした。

生成位置を変えるだけなら

FlyingText.GetObject ("Hello", new Vector3(0, 5, 10), Quaternion.Euler(0, 90, 0));

みたいに位置と角度だけ指定したらいいけど、sizeも変えるには上みたいにいっぱい他も指定しないといけないみたい。

色

色を変えたいと思ったけど、過去の自分も試しててできてなかった。

成長したところを見せてやろうか！っと思ったけどめんどくさいからいいや。

マテリアルをグラデーションのあるものにしたら、文字同士の色に変化出るかも

文字全消し

Clearボタンを押したら文字が全部消えるようにしたい

www.sejuku.net

今は3DText(XX)という名前のオブジェクトが生成されているだけ。

f:id:bibinbaleo:20190616215153p:plain

これを全部消すには名前で探す、もしくはテキストを空のゲームオブジェクトの子として生成されるようにして、その子をまとめて消すか。

名前で探すのは重いし、一つだけしか消えない気がするので、子オブジェクトにして消します

qiita.com

できたスクリプトがこちら

    public void onEndText()
    {   
        Vector3 random = new Vector3(Random.Range(-10.0f, 4.0f), 5, Random.Range(-1.5f, 6.0f));
        float size = Random.Range(1.2f, 4.6f);
        GameObject obj = FlyingText.GetObjects(inputfield.text,material,edgeMaterial,size,0.5f,5,random, Quaternion.identity);
        obj.transform.parent = parentObj.transform;
        InitInputField();
    }

    public void OnDestroyfont()
    {
        foreach (Transform child in parentObj.transform)
        {
            // 一つずつ破棄する
            Destroy(child.gameObject);
        }
    }

これで子要素になる

obj.transform.parent = parentObj.transform;

完璧な挙動！！一発でできて気持ち良すぎる。我天才か？

録画

ゲーム画面を良い感じにキャプチャする方法ないかな

OBSで画面キャプチャで選んだらこんな感じ。

www.youtube.com

こちらのツイートみたいに２Dで動画取りたい。

tipsですが、Looking Glassアプリの立体視間を少しでも伝えたいので動画撮影することが多いですが、2D写真でも良ければ標準prefabを使っているアプリなら「F9」キーを押すとこんな感じにお手元にスクショが撮影できます。 #ルキグラス #LookingGlass pic.twitter.com/kW54NzI1CY
— ザバイオーネ (@z_zabaglione) June 2, 2019