3Dモードでのline描画について

Question

###実現したいこと　
Unity3dでマウスをドラッグした時にその軌道上に線を描画するということをしたいです。

###試したこと
linerendererを用いてcanvas上に描いてみました。

###該当のソースコード
canvasのRenderModeはScreenSpace-cameraでRenderCameraにMainCameraをアタッチしています。
PlaneDestanceは５です。（手前に表示したいため）
MainCameraのTransformは
Position（0, 5, -10);
Rotation(20, 0, 0);
Scale(0, 0, 0);
ProjectionはPerspective
Field of View が　60です。

以下がソースコードです。

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

public class lineController : MonoBehaviour {
	private LineRenderer lineRenderer;
	private int index;
    private Camera mainCamera;
	// Use this for initialization
	void Start () {
		lineRenderer = GetComponent<LineRenderer> ();
		index = 0;
		mainCamera = GameObject.FindWithTag("MainCamera").GetComponent<Camera> ();
	}
	
	// Updateis  called once per frame
	void Update () {
//ボタンを押した時最初の点を決める。
		if (Input.GetMouseButtonDown (0)) {
			var pos = Input.mousePosition;
			pos = mainCamera.ScreenToWorldPoint(Input.mousePosition + mainCamera.transform.forward*10);
//調整のためcanvasのscaleのそれぞれの座標で割ったり、canvasのポジションを引いたりしている。（うまくいかない）
			pos.x = (float)(pos.x / 0.00641500);
			pos.y = (float)((pos.y-3.289912f) / 0.00641500);
			pos.z = 0.0f;
			index++;
			lineRenderer.positionCount = index;
			lineRenderer.SetPosition (index - 1, pos);
		}
//ボタンを押している間線を引く。
		if (Input.GetMouseButton (0)) {
			var posSecond = Input.mousePosition;
			posSecond = mainCamera.ScreenToWorldPoint (posSecond + mainCamera.transform.forward*10);
//調整のためcanvasのscaleのそれぞれの座標で割ったり、canvasのポジションを引いたりしている。（うまくいかない）
			posSecond.x = (float)(posSecond.x / 0.00641500);
			posSecond.y = (float)((posSecond.y-3.289912f) / 0.00641500);
			posSecond.z = 0.0f;
			index++;
			lineRenderer.positionCount = index;
			lineRenderer.SetPosition (index - 1, posSecond);
		} 
		if (!(Input.GetMouseButton (0))) {
			index = 0;
		}
	}
}

###問題点
マウスの軌道上にぴったり合わせることができません。

ぴったり合わせる方法を教えていただけないでしょうか？（足りない情報があれば申し訳ありませんがが教えてくださいませ。追記いたします。）

###追記
大変申し訳ありません。こちらの情報不足でした。
マウスの座標に線を引くことができました！　しかしカメラが動くとlineのz座標が変ってしまいます。
これをうまく固定して表示することはできないでしょうか。

以下がカメラにアタッチしているscriptです。

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

public class CameraController : MonoBehaviour {
	public GameObject unityChan;
	// Use this for initialization
	void Start () {
		unityChan = GameObject.FindGameObjectWithTag ("Player");		
			transform.position = new Vector3(unityChan.transform.position.x, unityChan.transform.position.y + 5, unityChan.transform.position.z - 7);

	}
	
	// Update is called once per frame
//カメラがキャラクターを追従する
	void Update () {
		transform.position = new Vector3(unityChan.transform.position.x, unityChan.transform.position.y + 5, unityChan.transform.position.z - 7);
	}
}

Answer 1

ScreenToWorldPointに与える座標が不適切なのではないかと思います。
下記のようにしてみてはいかがでしょうか?

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

public class lineController : MonoBehaviour
{
    private LineRenderer lineRenderer;
    private int index;
    private Camera mainCamera;
    // Use this for initialization
    void Start()
    {
        lineRenderer = GetComponent<LineRenderer>();
        index = 0;
        mainCamera = GameObject.FindWithTag("MainCamera").GetComponent<Camera>();
    }

    // Updateis  called once per frame
    void Update()
    {
        //ボタンを押した時最初の点を決める。
        if (Input.GetMouseButtonDown(0))
        {
            // ScreenToWorldPointが引数として求めるのは「X、Yにスクリーン座標、Zにカメラからの距離」なので
            // 「マウスのスクリーン座標」+「ワールド座標系でのカメラforward×10」を与えるのは奇妙だと思います
            
            // こうではなく...
            /*
            var pos = Input.mousePosition;
            pos = mainCamera.ScreenToWorldPoint(Input.mousePosition + mainCamera.transform.forward*10);
            */

            // これでどうでしょうか?
            var pos = Input.mousePosition;
            pos.z = 10;
            pos = mainCamera.ScreenToWorldPoint(pos);

            // あるいは、こう書いてもよさそうです
            // var pos = mainCamera.ScreenToWorldPoint(Input.mousePosition + Vector3.forward * 10);

            // LineRendererのポジションはuseWorldSpaceがtrueの場合ワールド座標系で指定するので、たとえLineRendererをアタッチしたオブジェクトが
            // Canvas階層下に入っていたとしても、Canvasの位置・スケールによるポジション調整は不要なはず
            /*
            //調整のためcanvasのscaleのそれぞれの座標で割ったり、canvasのポジションを引いたりしている。（うまくいかない）
            pos.x = (float)(pos.x / 0.00641500);
            pos.y = (float)((pos.y - 3.289912f) / 0.00641500);
            pos.z = 0.0f;
            */

            index++;
            lineRenderer.positionCount = index;
            lineRenderer.SetPosition(index - 1, pos);
        }
        //ボタンを押している間線を引く。
        if (Input.GetMouseButton(0))
        {
            // こちらも上のパートと同様に書き換えました
            // GetMouseButtonDownのパートもGetMouseButtonのパートもやっていることに違いはなく、
            // GetMouseButtonDownのパートは丸ごと削除してしまっても問題ないかもしれませんね

            /*
            var posSecond = Input.mousePosition;
            posSecond = mainCamera.ScreenToWorldPoint (posSecond + mainCamera.transform.forward*10);
            */

            var posSecond = Input.mousePosition;
            posSecond.z = 10.0f;
            posSecond = mainCamera.ScreenToWorldPoint(posSecond);

            /*
            //調整のためcanvasのscaleのそれぞれの座標で割ったり、canvasのポジションを引いたりしている。（うまくいかない）
            posSecond.x = (float)(posSecond.x / 0.00641500);
            posSecond.y = (float)((posSecond.y - 3.289912f) / 0.00641500);
            posSecond.z = 0.0f;
            */

            index++;
            lineRenderer.positionCount = index;
            lineRenderer.SetPosition(index - 1, posSecond);
        }
        if (!(Input.GetMouseButton(0)))
        {
            index = 0;
        }
    }
}

こうするとラインとUIの位置関係は下図のようになり、カメラから5mの位置にUIが、10mの位置にラインが描画されるかと思います。

#コメントを受けて追記

それでは、このlineControllerをアタッチしているオブジェクトを、カメラと連動して動くようにした上で、useWorldSpaceをfalseにしてみてはいかがでしょう。

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

public class lineController : MonoBehaviour
{
    private LineRenderer lineRenderer;
    private int index;
    private Camera mainCamera;
    // Use this for initialization
    void Start()
    {
        lineRenderer = GetComponent<LineRenderer>();

        // ラインの座標指定を、このラインオブジェクトのローカル座標系を基準にするよう設定を変更
        // この状態でラインオブジェクトを移動・回転させると、描かれたラインもワールド空間に
        // 取り残されることなく、一緒に移動・回転するはず
        lineRenderer.useWorldSpace = false;

        index = 0;
        mainCamera = GameObject.FindWithTag("MainCamera").GetComponent<Camera>();
    }

    // Updateis  called once per frame
    void Update()
    {
        // このラインオブジェクトを、位置はカメラ前方10m、回転はカメラと同じになるようキープさせる
        // スクリプトによる追従ではなく、ラインオブジェクトをカメラの子オブジェクトにする方式でもいいと思います
        // その方がオブジェクトの位置をシーンビュー上で視覚的に調整できて好都合かもしれませんね
        transform.position = mainCamera.transform.position + mainCamera.transform.forward * 10;
        transform.rotation = mainCamera.transform.rotation;

        // 簡略化して、「ボタンを押している間線を引く」パートのみにしました
        //ボタンを押している間線を引く。
        if (Input.GetMouseButton(0))
        {
            // 座標指定の設定をローカル座標系にしたため、与える座標にも手を加える
            // まず先ほどと同じようにマウススクリーン座標をワールド座標に直し...
            var pos = Input.mousePosition;
            pos.z = 10.0f;
            pos = mainCamera.ScreenToWorldPoint(pos);

            // さらにそれをラインオブジェクトにおけるローカル座標に直し...
            pos = transform.InverseTransformPoint(pos);

            // 得られたローカル座標をラインレンダラーに追加する
            index++;
            lineRenderer.positionCount = index;
            lineRenderer.SetPosition(index - 1, pos);
        }
        if (!(Input.GetMouseButton(0)))
        {
            index = 0;
        }
    }
}

これで動かしてみたところ、マウスで線を描いた後にカメラを回転させても、画面内の描いた線の位置は一定になりました。

Comments

[sakuramoti]

Bongo様

回答大変ありがとうございます。
マウスの軌道上にラインを表示することができました！
しかしこちらの記載不足でやりたかったことがうまく伝えられていませんでした。
その情報追記いたしました。
もしよろしければご回答いただけると助かります。

[Bongo]

お返事遅れてすみません、画面内の線の位置を固定する案を検討してみました。ご参考になりますでしょうか?

[sakuramoti]

はい！
やりたかったことができました！
大変ありがとうございます。
以前にもご回答していただいたことがあったのですが、
丁寧にコメント付きでとても参考になりました。

本当にありがとうございました！