当前位置:   article > 正文

Unity Vuforia(高通)AR全流程

unity vuforia

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

一、安装Unity
(1)点击安装地址下载Unity Hub
在这里插入图片描述
下载好之后点击安装。
(2)从Unity Hub进去安装Unity(要先注册登陆账号)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装完后是这样的
在这里插入图片描述
二、新建项目
在这里插入图片描述
在这里插入图片描述
项目创建完成打开如下:
在这里插入图片描述
目标平台为安卓平台,选择菜单file—>buildsetting
在这里插入图片描述

三、项目制作
(1)在Unity内导入vuforia engine
在这里插入图片描述
window—>package manager
在这里插入图片描述
(2)前往Vuforia注册登录账号
点击Vuforia前往官网
在这里插入图片描述
注册登陆之后:
在这里插入图片描述
创建应用
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
(3)上传识别图
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

(4)下载到Unity
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

(5)将下载好的文件放置进入Unity(手动拖就好)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
(6)按想法(识别图片播放视频)制作工程
在此窗口点击鼠标右键
在这里插入图片描述
依次点击Vuforia Engine—>AR Camera
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在此窗口继续鼠标右键
依次点击Vuforia Engine—>Image
在这里插入图片描述
(7)配置密钥
回到AR Camera,点击open vuforia engine configuration
在这里插入图片描述
在这里插入图片描述
回到Vuforia官网
在这里插入图片描述

将框内密钥复制进入Unity
在这里插入图片描述
在这里插入图片描述
将AR Camera的下图脚本移除(remove component)
在这里插入图片描述

返回至ImageTarget,将下图脚本移除:
在这里插入图片描述
创建脚本:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
脚本代码如下:

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;

/// <summary>
/// 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.
/// </summary>
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

    /// <summary>
    ///     Implementation of the ITrackableEventHandler function called when the
    ///     tracking state changes.
    /// </summary>
    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
}

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126

(8)编辑设置页面(使用VideoPlayer播放视频)
选中ImageTarget,鼠标右键—>UI—>Canvas
在这里插入图片描述
选中Canvas,鼠标右键—>Video—>VideoPlayer
在这里插入图片描述
选中VideoPlayer,更改分辨率大小,并添加RawImage
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

创建Render Texture
右键Asset—>Greate—>Render Texture
在这里插入图片描述
选中Render Texture,更改分辨率
在这里插入图片描述
赋值给VideoPlayer和RawImage
在这里插入图片描述
在这里插入图片描述
(9)将要播放的视频放入工程(手动拖拽就好)
在这里插入图片描述

将Canvas隐藏,并将Canvas赋值给脚本TestAR(手动拖拽)
在这里插入图片描述
在这里插入图片描述
Ctrl+S保存项目,点击如下按钮运行:
在这里插入图片描述
将识别图放入摄像头识别区内即可播放视频
在这里插入图片描述

四、项目打包
菜单栏file—>buildsetting在这里插入图片描述在这里插入图片描述
将场景添加(手动拖拽)
在这里插入图片描述
点击build
在这里插入图片描述
至此打包完成。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/626291
推荐阅读
相关标签
  

闽ICP备14008679号