EasyAR 初学者入门指南（3）---二维码+AR的应用（上）

二维码在我们生活总早已是司空见惯了，当AR碰撞上二维码，一定可以产生好玩的效果。EasyAR对于二维码的识别与支持是相当不错的，所以在这一篇与下一篇的教程中，我们会分享如何从零开发二维码+AR 的应用。 Step 1:开发环境 我们需要新建一个unity项目，并将"EasyAR_SDK_2.0.0_Basic" 的unitypackage导入，关于EasyAR+unity 这些基础操作不懂的可以看看之前的文章“EasyAR 初学者入门指南（1）---显示模型”，在这里我一笔带过。导入之后，我们的unity目录界面应该是这样的：

我们删除原有的Main Camera，将"EasyAR_ImageTracker-1_QRCode-1" 拖到面板中。并将官网申请的Key填好。

观察"EasyAR_ImageTracker-1_QRCode-1"这个预制体，对比与我们之前常用的"EasyAR_Startup",发现多了一个"BarCodeScanner" 的部分。

它上面所挂的脚本"QRCodeScannerBehaviour"使用来实现二维码的扫描与识别功能的。这是对于它的具体描述：

Step 2:制作二维码资源 我们需要准备二维码的图片，有许多网站都可以来制作自己的二维码。我制作的内容大致如下：

大家也可以发挥自己的脑洞，随意写些内容，目前我们先实现通过EasyAR SDK 来实现扫描二维码显示文字的功能。 Step 3：编辑代码 我们准备好了二维码，接下来就是在unity里编辑代码来实现功能，首先我们在"EasyAR_ImageTracker-1_QRCode-1" 下新建一个脚本，命名为"ARIsEasyBehaviour",

脚本下载地址：链接: https://pan.baidu.com/s/1dF5tigx 密码: 9ag5

using System.Collections;
using UnityEngine;

namespace EasyAR
{
    public class ARIsEasyBehaviour : MonoBehaviour
    {
        private const string title = "Please enter KEY first!";
        private const string boxtitle = "===PLEASE ENTER YOUR KEY HERE===";
        private const string keyMessage = ""
            + "Steps to create the key for this sample:\n"
            + "  1. login www.easyar.com\n"
            + "  2. create app with\n"
            + "      Name: HelloARQRCode (Unity)\n"
            + "      Bundle ID: cn.easyar.samples.unity.helloarqrcode\n"
            + "  3. find the created item in the list and show key\n"
            + "  4. replace all text in TextArea with your key";

        private bool startShowMessage;
        private bool isShowing;
        private string textMessage;

        private void Awake()
        {
            var EasyARBehaviour = FindObjectOfType<EasyARBehaviour>();
            if (EasyARBehaviour.Key.Contains(boxtitle))
            {
#if UNITY_EDITOR
                UnityEditor.EditorUtility.DisplayDialog(title, keyMessage, "OK");
#endif
                Debug.LogError(title + " " + keyMessage);
            }
            EasyARBehaviour.Initialize();
            foreach (var behaviour in ARBuilder.Instance.ARCameraBehaviours)
            {
                behaviour.TargetFound += OnTargetFound;
                behaviour.TargetLost += OnTargetLost;
                behaviour.TextMessage += OnTextMessage;
            }
            foreach (var behaviour in ARBuilder.Instance.ImageTrackerBehaviours)
            {
                behaviour.TargetLoad += OnTargetLoad;
                behaviour.TargetUnload += OnTargetUnload;
            }
        }

        void OnTargetFound(ARCameraBaseBehaviour arcameraBehaviour, TargetAbstractBehaviour targetBehaviour, Target target)
        {
            Debug.Log("<Global Handler> Found: " + target.Id);
        }

        void OnTargetLost(ARCameraBaseBehaviour arcameraBehaviour, TargetAbstractBehaviour targetBehaviour, Target target)
        {
            Debug.Log("<Global Handler> Lost: " + target.Id);
        }

        void OnTargetLoad(ImageTrackerBaseBehaviour trackerBehaviour, ImageTargetBaseBehaviour targetBehaviour, Target target, bool status)
        {
            Debug.Log("<Global Handler> Load target (" + status + "): " + target.Id + " (" + target.Name + ") " + " -> " + trackerBehaviour);
        }

        void OnTargetUnload(ImageTrackerBaseBehaviour trackerBehaviour, ImageTargetBaseBehaviour targetBehaviour, Target target, bool status)
        {
            Debug.Log("<Global Handler> Unload target (" + status + "): " + target.Id + " (" + target.Name + ") " + " -> " + trackerBehaviour);
        }

        private void OnTextMessage(ARCameraBaseBehaviour arcameraBehaviour, string text)
        {
            textMessage = text;
            startShowMessage = true;
            Debug.Log("got text: " + text);
        }

        IEnumerator ShowMessage()
        {
            isShowing = true;
            yield return new WaitForSeconds(2f);
            isShowing = false;
        }

        private void OnGUI()
        {
            if (startShowMessage)
            {
                if (!isShowing)
                    StartCoroutine(ShowMessage());
                startShowMessage = false;
            }

            if (isShowing)
                GUI.Box(new Rect(10, Screen.height / 2, Screen.width - 20, 30), textMessage);
        }
    }
}

我们在这段脚本文件实现的是首先Target 的识别然后是扫描二维码之后接收结果并实现绘制在屏幕上，对于Target 的found与load等方法相信大家已经很熟悉了。对于OnTextMessage（）接收返回结果然后赋值给textMessage，并由OnGUI（）进行绘制。我们Build测试，会实现如下的效果：

PS：在实际的开发中，我们不会像这样从零来搭建AR+二维码的开发环境，一般是直接在EasyAR官网的实例进行二次开发，这样会大大提高我们的效率。下一篇我们会实现二维码+AR的一个实例。

秒客网

EasyAR 初学者入门指南（3）---二维码+AR的应用（上）

相关文章