Unity)開いた画像にテキストを入力して保存したい

Question

Unityでアプリを作っています。

指定した画像を開いてその画像にテキスト文字を入力（input)して
保存する仕組みを作りたいのですがやり方が分かりません。

画像に手書きで文字を入力する方法は
Assetsの「Simple drawing canvas」などで設置すれば可能なのですが
テキストを画像に入力する方法が見つかりません。

コードもしくはAssetsで可能な方法を知っていられる方お教えください。

下記コードはpngファイルを開いてTexture2Dに変換したところまでです。
ここからどうやればできるかヒントで結構ですのでお教えください。

環境）
PC: mac
Unity2019.4.0f1
言語：C#

public class GetPngSctipt : MonoBehaviour
{
    #pragma warning disable 649
    [SerializeField]GameObject drawObject;
    Sprite pngToSprite;
    string fileName = "001";
    string dataPath;
    Texture2D editTexture;
    // Start is called before the first frame update
    void Start()
    {
        //pngを取得する
         dataPath = Application.dataPath + "/../a" + fileName + ".png";
         ScreenCapture.CaptureScreenshot(dataPath);
         pngToSprite = LoadSprite(dataPath);
         drawObject.GetComponent<SpriteRenderer>().sprite = pngToSprite;

         //SpriteをTexture2Dに変換する
         editTexture = new Texture2D((int)pngToSprite.rect.width,(int)pngToSprite.rect.height);
         var pixels = pngToSprite.texture.GetPixels(
                   (int)pngToSprite.textureRect.x,
                   (int)pngToSprite.textureRect.y,
                   (int)pngToSprite.textureRect.width,
                   (int)pngToSprite.textureRect.height);
        editTexture.SetPixels(pixels);
        editTexture.Apply();
        // rawImage.texture = editTexture;

    }
    // Update is called once per frame
    void Update()
    {
        
    }
    Sprite LoadSprite(string path)
    {
        if(string.IsNullOrEmpty(dataPath))return null;
        if(File.Exists(dataPath))
        {
            byte[] bytes = File.ReadAllBytes(dataPath);
            Texture2D texture2D = new Texture2D(1, 1);
            texture2D.LoadImage(bytes);
            Sprite sprite = Sprite.Create(texture2D, new Rect(0,0, texture2D.width, texture2D.height), new Vector2(0.5f,0.5f));
            return sprite;
        }
        return null;
    }
}

Comments

[MMashiro]

いまいちやりたいことがピンとこないのですが、ペイントツールのように画像に文字を入れたいという事でしょうか？

[navesanta]

そうです。よろしくお願いします。

Answer 1

これは難しいですね。ゲームエンジンですからその辺の機能は充実していません。

まず、画像を表示できないといけません。
その次に、クリックしたところに InputField か何かを出現させて、そこに文字を入力させたりします。
色とかフォント、フォントサイズを変えたければそういう機能は自分で実装しなければなりません。
最後に、画面を画像として保存する方法ですが、その画面を別の Camera で撮影し、その撮影したものを RenderTexture に書き込みます。そしてその RenderTexture をファイルに保存すればよいでしょう。

また、overlay の UI はカメラに映らないので、UI を overlay ではなく World Space に表示する必要もあります。

参考

• UnityでRenderTextureをファイルに保存
• [Unity] Save RenderTexture to image file
• Dump RenderTexture to PNG in Unity
• 【Unity】Cameraに写るものをPNGファイルとして保存
• RenderTexture(Texture2D)を画像保存すると暗い時

Answer 2

色々方法はあると思いますが、思いついた方法を挙げます

Cameraの映像をRenderTextureに取り込んでその内容をファイルに保存する

1. ファイルに出力したい映像を映したカメラを用意する（Target TextureにRenderTextureを指定する）
2. そのRenderTextureの内容をTexture2Dに変換するスクリプトを用意する
3. Texture2Dに変換したスクリプトをEncodeToPNGなどを使用してbyte配列に変換
4. 上記配列をファイルに保存

上記カメラには読み込んだ画像と書き込みたいText(uGUI)が表示されるようにしてください

あと全然質問には関係ないですが、 #pragma warning disable 649 で警告を無理やり消すより
[SerializeField]GameObject drawObject = null; や
[SerializeField]GameObject drawObject = default;
の方が警告も出ず、#pragma使わなくでいいのでお勧めです

Comments

[navesanta]

回答ありがとうございます。

早速試してみます。とりあえずうまくいくか確認します。

また#pragma warning disable 649のご指摘ありがとうございました。
今までずっと使っていましたがご指摘の方法の方がよさそうです。