如何在正确的方向上使用光线投射缩放 object？

Question

Hi I was trying to make a box on runtime where the initial point is on the first click of the mouse (I have a box with a pivot on the bottom left corner) and then drag to the mouse in the direction where I want to create a box while holding the mouse button (I just scale the box with the distance in x and y).

Like is seeing on the video but for some reason only works on one of the walls, I know that this has to be related with the rotation of the camera, but I don't know if I need to apply some kind of rotation to my scaling object or something else to scale correctly on the four walls.

Note: Here I have only four walls each rotated 90 degrees, but in some cases I can have a wall with other degrees like 45 or 60 to mention some examples.

I attach a video on my error and where only works on the first wall but not correctly on the others, and some snippets of my code.

Video of the problem

public GameObject currentBox;
private float speed = 4;

private void Update()
{
    //Rotate with mouse
    if (Input.GetMouseButton(1))
    {
        transform.eulerAngles += speed * new Vector3(-Input.GetAxis("Mouse Y"), Input.GetAxis("Mouse X"), 0);
    }
    
    //Box Scale logic
    if (Input.touchCount > 0)
    {
        Touch touch = Input.GetTouch(0);
        Ray ray = Camera.main.ScreenPointToRay(touch.position); //ray from camera
        
        bool hasHit = Physics.Raycast(ray, out var hitObject, float.PositiveInfinity,
            LayerMask.GetMask("Wall")); //raycast from camera to infinity
        
        //If doesn't hit with wall exit
        if (!hasHit)
            return;

        //If hits
        if (touch.phase == TouchPhase.Began)
        {
            //Set the pivot of the box on the first hit point
            currentBox.transform.position = hitObject.point;// + Vector3.back * 0.05f;
            currentBox.transform.rotation = Quaternion.FromToRotation(Vector3.back, hitObject.normal);
            //Debug.Log("Direction: " + (currentBox.transform.position - transform.position));
        }
        //If mouse is move scale the box with the width and height dimensions
        else if (touch.phase == TouchPhase.Moved)
        {
            float width = hitObject.point.x - currentBox.transform.position.x;
            float height = hitObject.point.y - currentBox.transform.position.y;
            currentBox.transform.localScale = new Vector3(width, height, 0.01f);
            //currentBox.transform.position = hitObject.point;
        }
    }
}

Answer 1

In TouchPhase.Began , cache the clicked point and also set a second point equal to that value.

In TouchPhase.Moved , update the second point.

After either case, set the rotation equal to hitObject's rotation, position as the average of the two values, and scale as the difference of the two values.

Another issue that you're seeing might be due to you setting the local scale to get your desired width and height, but the actual/effective scale will be determined by that AND the scale of the parent GameObject. I can't see how it's set in the hierarchy, so maybe it's not an issue, but I didn't notice your planes all are skewed.