Unityでuguiを使用したUI上で手書きメモ機能を実装したい

Unityでuguiを使用しUIを作成しています。
UIに手書きメモ機能を持たせたいと思い調べましたが
SpriteRendererを使用したスクリプトしか見つけられませんでした。

これをUIのImageなどを使用して実装するにはどのようにすればよいでしょうか。

参考にしたのが以下のサイトです。
https://qiita.com/ayaseya/items/3064f146903c595c5ebd

public class PaintController : MonoBehaviour
{

    public Texture2D texture2D; // 描き込み先のTexture
    public GameObject pointer;  // カーソル
    private Brush brush;        // ブラシサイズ、色情報を保持するクラス

    void Start()
    {
        // 初期化処理(Inspectorでpublic変数が紐付けられていない時はタグから取得する)
        if (texture2D == null)
        {
            texture2D = GameObject.FindWithTag("Canvas")
                                  .GetComponent<SpriteRenderer>()
                                  .sprite
                                  .texture;
        }

        if (pointer == null)
        {
            Debug.Log("pointer");
            pointer = GameObject.FindWithTag("Pointer");
        }

        brush = new Brush();
    }

    void Update()
    {
        // マウス座標をワールド座標からスクリーン座標に変換する
        Vector2 mouse = Camera.main.ScreenToWorldPoint(Input.mousePosition);
        pointer.transform.position = new Vector3(
            mouse.x,
            mouse.y,
            this.transform.position.z /* マウスのz座標は-10となってしまうため、
            スクリプトがアタッチされているオブジェクトのz座標で補正する */
        );

        // マウスクリック
        if (Input.GetMouseButton(0))
        {
            Draw(Input.mousePosition);
        }
    }

    // 描き込み(Textureに描き込むだけで、元になったpngファイルには反映されない)
    private void Draw(Vector2 position)
    {
        // Textureにピクセルカラーを設定する
        texture2D.SetPixels((int)position.x, (int)position.y,
                            brush.blockWidth,
                            brush.blockHeight,
                            brush.colors);

        // 反映
        texture2D.Apply();
    }

    // ブラシ
    private class Brush
    {
        public int blockWidth = 4;
        public int blockHeight = 4;
        public Color color = Color.gray;
        public Color[] colors;

        public Brush()
        {
            colors = new Color[blockWidth * blockHeight];
            for (int i = 0; i < colors.Length; i++)
            {
                colors[i] = color;
            }
        }
    }
}

行動規範の内容に同意します

回答1件

ベストアンサー

単純に、SpriteRendererのテクスチャを指定している部分を
Imageのテクスチャを指定するように変更すれば良いのではないでしょうか。
指定する方法はいろいろあると思いますが、例えば

diff
1- texture2D = GameObject.FindWithTag("Canvas")
2-                                  .GetComponent<SpriteRenderer>()
3-                                  .sprite
4-                                  .texture;
5+ var image = GetComponent<Image>();
6+ var rt = GetComponent<RectTransform>();
7+ var width = (int)rt.rect.width;
8+ var height = (int)rt.rect.height;
9+ texture2D = new Texture2D(width, height, TextureFormat.ARGB32, false);
10+ image.sprite = Sprite.Create(texture2D, new Rect(0, 0, width, height), Vector2.zero);