AR涂涂乐⭐三、 C#实现识别图进入扫描框显示绿色，未进入为红色功能

 

 

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;   //因为屏幕自适度原因，使用了Canvas的Canvas Scaler组件（Canvas来自Unity的UI）

public class Area : MonoBehaviour {

    public Material Red_Mate;
    public Material Green_Mate;
    public Material Tran_Mate;

    private CanvasScaler Cans;  //申请变量储存UI屏幕自适度（长&宽）的缩放组件
    private float X_Sc;   //申请浮点型变量储存实际的缩放比例（实际的/Unity使用的）

    //记录扫描框坐标  二维！
    private Vector2 TopLeft_UI, BottomLeft_UI, TopRight_UI, BottomRight_UI;   //我们可以看到Vector2是淡蓝色，代表一个类，所以需要实例化。
    //记录面片的世界坐标  三维！
    private Vector3 TopLeft_pl_w, BottomLeft_pl_w, TopRight_pl_w, BottomRight_pl_w;

    //获取面片二维方向上高和宽的长度！
    private Vector2 PlaneWH;

    //记录面片的屏幕坐标
    Vector2 TopLeft_pl_sc, BottomLeft_pl_sc, TopRight_pl_sc, BottomRight_pl_sc;

    // Use this for initialization
    void Start () {
        Cans = GameObject.Find("Canvas").gameObject.GetComponent<CanvasScaler>();  //获取屏幕自适度，GameObject指GameObject.Find("Canvas")这个物体，gameObject指GameObject这个物体。待测试去掉gameOgject是否可运行。
        X_Sc = Screen.width / Cans.referenceResolution.x;
        //为什么是除以x呢？因为在unity中，UI Scale Mode选的是Scale with Screen Scale，根据屏幕比例自动缩放，并且下方的
        //Screen Match Mode——Match Width or Height滑动条中，我们将滑动条拖到了最左侧的Width，所以是用屏幕宽度/自定义的宽度。
    }
	
	// Update is called once per frame
	void Update () {

        //计算扫描框四个点位置
        TopLeft_UI = new Vector2(Screen.width - 400*X_Sc, Screen.height + 300 * X_Sc) * 0.5f;  //因为不确定屏幕分辨率大小，所以需先获取;记得f!
        BottomLeft_UI = new Vector2(Screen.width - 400 * X_Sc, Screen.height - 300 * X_Sc) * 0.5f;  //屏幕左下角（0，0），向右x轴，向上y轴
        TopRight_UI = new Vector2(Screen.width + 400 * X_Sc, Screen.height + 300 * X_Sc) * 0.5f;
        BottomRight_UI = new Vector2(Screen.width + 400 * X_Sc, Screen.height - 300 * X_Sc) * 0.5f;

        //我们需要的是面片在空间中的大小，但我们获取到的是面片的实际大小，它本身缩放了0.1倍，它父集缩放50倍，所以他在空间实际是扩大了5倍，所以要*5。
        PlaneWH = new Vector2(gameObject.GetComponent<MeshFilter>().mesh.bounds.size.x, gameObject.GetComponent<MeshFilter>().mesh.bounds.size.z)*5*0.5f;   //空间中x、z是长宽，y是空间中的高度！

        //获得图片的四个点世界坐标（gameobject指的是面片，它的父集是图片）（position是图片中心的位置，所以需要加上面片x，y向长度）
        TopLeft_pl_w = gameObject.transform.parent.position + new Vector3(-PlaneWH.x, 0, PlaneWH.y);
        BottomLeft_pl_w = gameObject.transform.parent.position + new Vector3(-PlaneWH.x, 0, -PlaneWH.y);
        TopRight_pl_w = gameObject.transform.parent.position + new Vector3(PlaneWH.x, 0, PlaneWH.y);
        BottomRight_pl_w = gameObject.transform.parent.position + new Vector3(PlaneWH.x, 0, -PlaneWH.y);

        //获取面片的屏幕坐标
        TopLeft_pl_sc = Camera.main.WorldToScreenPoint(TopLeft_pl_w);   //Camera.main.WorldToScreenPoint()是封装好的函数，将三维向量转化为屏幕的二维向量。
        BottomLeft_pl_sc = Camera.main.WorldToScreenPoint(BottomLeft_pl_w);
        TopRight_pl_sc = Camera.main.WorldToScreenPoint(TopRight_pl_w);
        BottomRight_pl_sc = Camera.main.WorldToScreenPoint(BottomRight_pl_w);

        if (TopLeft_pl_sc.x>TopLeft_UI.x && TopLeft_pl_sc.y < TopLeft_UI.y && BottomLeft_pl_sc.x > BottomLeft_UI.x && BottomLeft_pl_sc.y > BottomLeft_UI.y&&TopRight_pl_sc.x<TopRight_UI.x&&TopRight_pl_sc.y<TopRight_UI.y&&BottomRight_pl_sc.x<BottomRight_UI.x&&BottomRight_pl_sc.y>BottomRight_UI.y)
        {
            gameObject.GetComponent<Renderer>().material = Green_Mate;   //当面片完全处于扫描框中时执行代码赋予材质
        }
        else
        {
            gameObject.GetComponent<Renderer>().material = Red_Mate;
        }
    }
}

测试过程发现几个待改进地点：
1、未考虑手机屏幕可旋转问题，导致旋转后手机UV的二维向量就互换了，即X、y变成了y、x（或其他方式），此时不该除以x（宽）
2、若识别图转动了一定角度（90°、180°、270°），即识别图不和屏幕同一方向了（面片和识别图同方向，面片四个点的
数值根据识别图位置确定，我们获取的是面片数值，转换后与屏幕数值相比较，很明显转动角度后比较的数值是错的），会出现不正确显示问题

大家还有什么问题，欢迎在下方留言！


 

如果你有 技术的问题 或 项目开发

都可以加下方联系方式

和我聊一聊你的故事🧡