Unity Vuforia(高通)AR全流程

Unity Vuforia播放视频全过程(从Unity的安装到打包)

一、安装Unity
(1)点击安装地址下载Unity Hub

下载好之后点击安装。
(2)从Unity Hub进去安装Unity(要先注册登陆账号)

Unity Vuforia(高通)AR全流程_第1张图片
Unity Vuforia(高通)AR全流程_第2张图片
Unity Vuforia(高通)AR全流程_第3张图片
Unity Vuforia(高通)AR全流程_第4张图片
安装完后是这样的
Unity Vuforia(高通)AR全流程_第5张图片
二、新建项目
Unity Vuforia(高通)AR全流程_第6张图片
Unity Vuforia(高通)AR全流程_第7张图片
项目创建完成打开如下:
Unity Vuforia(高通)AR全流程_第8张图片
目标平台为安卓平台,选择菜单file—>buildsetting
Unity Vuforia(高通)AR全流程_第9张图片

三、项目制作
(1)在Unity内导入vuforia engine
Unity Vuforia(高通)AR全流程_第10张图片
window—>package manager
Unity Vuforia(高通)AR全流程_第11张图片
(2)前往Vuforia注册登录账号
点击Vuforia前往官网
Unity Vuforia(高通)AR全流程_第12张图片
注册登陆之后:
Unity Vuforia(高通)AR全流程_第13张图片
创建应用
Unity Vuforia(高通)AR全流程_第14张图片
Unity Vuforia(高通)AR全流程_第15张图片
在这里插入图片描述
(3)上传识别图
Unity Vuforia(高通)AR全流程_第16张图片
Unity Vuforia(高通)AR全流程_第17张图片
Unity Vuforia(高通)AR全流程_第18张图片
Unity Vuforia(高通)AR全流程_第19张图片

(4)下载到Unity
Unity Vuforia(高通)AR全流程_第20张图片

Unity Vuforia(高通)AR全流程_第21张图片
Unity Vuforia(高通)AR全流程_第22张图片

(5)将下载好的文件放置进入Unity(手动拖就好)
Unity Vuforia(高通)AR全流程_第23张图片
Unity Vuforia(高通)AR全流程_第24张图片
Unity Vuforia(高通)AR全流程_第25张图片
(6)按想法(识别图片播放视频)制作工程
在此窗口点击鼠标右键
Unity Vuforia(高通)AR全流程_第26张图片
依次点击Vuforia Engine—>AR Camera
Unity Vuforia(高通)AR全流程_第27张图片
Unity Vuforia(高通)AR全流程_第28张图片
Unity Vuforia(高通)AR全流程_第29张图片
在此窗口继续鼠标右键
依次点击Vuforia Engine—>Image
Unity Vuforia(高通)AR全流程_第30张图片
(7)配置密钥
回到AR Camera,点击open vuforia engine configuration
Unity Vuforia(高通)AR全流程_第31张图片
Unity Vuforia(高通)AR全流程_第32张图片
回到Vuforia官网
Unity Vuforia(高通)AR全流程_第33张图片

将框内密钥复制进入Unity
Unity Vuforia(高通)AR全流程_第34张图片
Unity Vuforia(高通)AR全流程_第35张图片
将AR Camera的下图脚本移除(remove component)
Unity Vuforia(高通)AR全流程_第36张图片

返回至ImageTarget,将下图脚本移除:
Unity Vuforia(高通)AR全流程_第37张图片
创建脚本:
Unity Vuforia(高通)AR全流程_第38张图片
Unity Vuforia(高通)AR全流程_第39张图片
Unity Vuforia(高通)AR全流程_第40张图片
脚本代码如下:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
/*==============================================================================
Copyright (c) 2017 PTC Inc. All Rights Reserved.

Copyright (c) 2010-2014 Qualcomm Connected Experiences, Inc.
All Rights Reserved.
Confidential and Proprietary - Protected under copyright and other laws.
==============================================================================*/
using Vuforia;

/// 
/// A custom handler that implements the ITrackableEventHandler interface.
///
/// Changes made to this file could be overwritten when upgrading the Vuforia version.
/// When implementing custom event handler behavior, consider inheriting from this class instead.
/// 
public class TestAR : MonoBehaviour, ITrackableEventHandler
{
    #region PROTECTED_MEMBER_VARIABLES

    protected TrackableBehaviour mTrackableBehaviour;
    protected TrackableBehaviour.Status m_PreviousStatus;
    protected TrackableBehaviour.Status m_NewStatus;

    #endregion // PROTECTED_MEMBER_VARIABLES

    #region UNITY_MONOBEHAVIOUR_METHODS

    protected virtual void Start()
    {
        mTrackableBehaviour = GetComponent<TrackableBehaviour>();
        if (mTrackableBehaviour)
            mTrackableBehaviour.RegisterTrackableEventHandler(this);
    }

    protected virtual void OnDestroy()
    {
        if (mTrackableBehaviour)
            mTrackableBehaviour.UnregisterTrackableEventHandler(this);
    }

    #endregion // UNITY_MONOBEHAVIOUR_METHODS

    #region PUBLIC_METHODS

    /// 
    ///     Implementation of the ITrackableEventHandler function called when the
    ///     tracking state changes.
    /// 
    public void OnTrackableStateChanged(
        TrackableBehaviour.Status previousStatus,
        TrackableBehaviour.Status newStatus)
    {
        m_PreviousStatus = previousStatus;
        m_NewStatus = newStatus;

        if (newStatus == TrackableBehaviour.Status.DETECTED ||
            newStatus == TrackableBehaviour.Status.TRACKED ||
            newStatus == TrackableBehaviour.Status.EXTENDED_TRACKED)
        {
            Debug.Log("Trackable " + mTrackableBehaviour.TrackableName + " found");
            OnTrackingFound();
        }
        else if (previousStatus == TrackableBehaviour.Status.TRACKED &&
                 newStatus == TrackableBehaviour.Status.NO_POSE)
        {
            Debug.Log("Trackable " + mTrackableBehaviour.TrackableName + " lost");
            OnTrackingLost();
        }
        else
        {
            OnTrackingLost();
        }
    }


    public GameObject panel;
    #endregion // PUBLIC_METHODS

    #region PROTECTED_METHODS

    protected virtual void OnTrackingFound()
    {
        var rendererComponents = GetComponentsInChildren<Renderer>(true);
        var colliderComponents = GetComponentsInChildren<Collider>(true);
        var canvasComponents = GetComponentsInChildren<Canvas>(true);

        // Enable rendering:
        foreach (var component in rendererComponents)
            component.enabled = true;

        // Enable colliders:
        foreach (var component in colliderComponents)
            component.enabled = true;

        // Enable canvas':
        foreach (var component in canvasComponents)
            component.enabled = true;
        panel.SetActive(true);
    }


    protected virtual void OnTrackingLost()
    {
        var rendererComponents = GetComponentsInChildren<Renderer>(true);
        var colliderComponents = GetComponentsInChildren<Collider>(true);
        var canvasComponents = GetComponentsInChildren<Canvas>(true);
        // Disable rendering:
        foreach (var component in rendererComponents)
            component.enabled = false;

        // Disable colliders:
        foreach (var component in colliderComponents)
            component.enabled = false;

        // Disable canvas':
        foreach (var component in canvasComponents)
            component.enabled = false;

        panel.SetActive(false);
    }
    #endregion // PROTECTED_METHODS
}

(8)编辑设置页面(使用VideoPlayer播放视频)
选中ImageTarget,鼠标右键—>UI—>Canvas
Unity Vuforia(高通)AR全流程_第41张图片
选中Canvas,鼠标右键—>Video—>VideoPlayer
Unity Vuforia(高通)AR全流程_第42张图片
选中VideoPlayer,更改分辨率大小,并添加RawImage
Unity Vuforia(高通)AR全流程_第43张图片

Unity Vuforia(高通)AR全流程_第44张图片

Unity Vuforia(高通)AR全流程_第45张图片

创建Render Texture
右键Asset—>Greate—>Render Texture
Unity Vuforia(高通)AR全流程_第46张图片
选中Render Texture,更改分辨率
Unity Vuforia(高通)AR全流程_第47张图片
赋值给VideoPlayer和RawImage
Unity Vuforia(高通)AR全流程_第48张图片
Unity Vuforia(高通)AR全流程_第49张图片
(9)将要播放的视频放入工程(手动拖拽就好)
Unity Vuforia(高通)AR全流程_第50张图片

将Canvas隐藏,并将Canvas赋值给脚本TestAR(手动拖拽)
Unity Vuforia(高通)AR全流程_第51张图片
Unity Vuforia(高通)AR全流程_第52张图片
Ctrl+S保存项目,点击如下按钮运行:
Unity Vuforia(高通)AR全流程_第53张图片
将识别图放入摄像头识别区内即可播放视频
Unity Vuforia(高通)AR全流程_第54张图片

四、项目打包
菜单栏file—>buildsettingUnity Vuforia(高通)AR全流程_第55张图片Unity Vuforia(高通)AR全流程_第56张图片
将场景添加(手动拖拽)
Unity Vuforia(高通)AR全流程_第57张图片
点击build
Unity Vuforia(高通)AR全流程_第58张图片
至此打包完成。

你可能感兴趣的:(ar,unity,vr)