播放视频

平面图像识别以后播放视频也是一种经常被用到的增强现实的表现方式。通常是截取视频第一帧的图片作为识别图片，识别以后播放视频。这样就给人一个图片动起来的错觉。

在场景中设置Main Camera的Clear Flags属性为Solid Color。
将EasyAR/Prefabs/Composites目录下的EasyAR_ImageTracker-1预制件拖到场景中。
将EasyAR/Prefabs/Primitives目录下的ImageTarget预制件拖到场景中。
设置“ImageTarget”的识别图片。

选中一个“ImageTarget”，点击鼠标右键，在弹出菜单中选择3D Object--Plane，为“ImageTarget”对象添加一个平面作为其子游戏对象。
设置Plane游戏对象的角度为“90,0,180”，并修改其Scale属性将其大小设置的和视频图片大小一样。

选中Plane游戏对象，点击菜单Component--Video--Video Player，为其添加一个视频播放组件。
将一段视频拖到目录EasyAR4Learn/Videos下，导入为资源，并将其拖动到Video Player组件的Video Clip属性中为其赋值。

运行效果：

视频不仅可以在平面上播放，也可以在其他形状的3D物体上播放。

在另外一个“ImageTarget”对象下，添加一个方块作为视频播放的游戏对象，设置方块的大小和角度，添加Video Player组件并设置组件的Video Clip属性。

运行效果：

当识别出图片以后，就可以看见一个方块，在方块的表面在播放视频。

涂涂乐

导入资源

从官方示例导入小熊模型。

从官方示例中导入【Coloring3D】着色器。

从官方示例中导入【Sample_TextureSample】材质。同时设置材质对应的着色器是【Sample/Coloring3D】。

导入脚本。这个脚本是用官方示例脚本改写的，区别只是去掉了对按钮的绑定。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using easyar;

public class Coloring3D : MonoBehaviour
{
    public CameraImageRenderer CameraRenderer;
    private Material material;
    private ImageTargetController imageTarget;
    private RenderTexture renderTexture;
    private Optional<bool> freezed;
    private RenderTexture freezedTexture;

    void Awake()
    {
        material = GetComponent<MeshRenderer>().material;
        imageTarget = GetComponentInParent<ImageTargetController>();
        CameraRenderer.RequestTargetTexture((camera, texture) =>
         {
             renderTexture = texture;
         });
        imageTarget.TargetFound += () =>
       {
           if (freezed.OnNone)
           {
               freezed = false;
           }
       };
    }

    public void Freeze()
    {
        freezed = true;
        if (freezedTexture)
        {
            Destroy(freezedTexture);
        }
        if (renderTexture)
        {
            freezedTexture = new RenderTexture(renderTexture.width, renderTexture.height, 0);
            Graphics.Blit(renderTexture, freezedTexture);
        }
        material.SetTexture("_MainTex", freezedTexture);
    }

    public void Thaw()
    {
        if (freezedTexture)
        {
            Destroy(freezedTexture);
        }
    }

    void Update()
    {
        if (freezed.OnNone || freezed.Value || imageTarget.Target == null)
        {
            return;
        }
        var halfWidth = 0.5f;
        var halfHeight = 0.5f / imageTarget.Target.aspectRatio();
        Matrix4x4 points = Matrix4x4.identity;
        Vector3 targetAnglePoint1 = imageTarget.transform.TransformPoint(new Vector3(-halfWidth, halfHeight, 0));
        Vector3 targetAnglePoint2 = imageTarget.transform.TransformPoint(new Vector3(-halfWidth, -halfHeight, 0));
        Vector3 targetAnglePoint3 = imageTarget.transform.TransformPoint(new Vector3(halfWidth, halfHeight, 0));
        Vector3 targetAnglePoint4 = imageTarget.transform.TransformPoint(new Vector3(halfWidth, -halfHeight, 0));
        points.SetRow(0, new Vector4(targetAnglePoint1.x, targetAnglePoint1.y, targetAnglePoint1.z, 1f));
        points.SetRow(1, new Vector4(targetAnglePoint2.x, targetAnglePoint2.y, targetAnglePoint2.z, 1f));
        points.SetRow(2, new Vector4(targetAnglePoint3.x, targetAnglePoint3.y, targetAnglePoint3.z, 1f));
        points.SetRow(3, new Vector4(targetAnglePoint4.x, targetAnglePoint4.y, targetAnglePoint4.z, 1f));
        material.SetMatrix("_UvPints", points);
        material.SetMatrix("_RenderingViewMatrix", Camera.main.worldToCameraMatrix);
        material.SetMatrix("_RenderingProjectMatrix", GL.GetGPUProjectionMatrix(Camera.main.projectionMatrix, false));
        material.SetTexture("_MainTex", renderTexture);
    }

    void OnDestroy()
    {
        if (freezedTexture) { Destroy(freezedTexture); }
    }
}
复制代码

实现

在场景中设置Main Camera的Clear Flags属性为Solid Color。
将EasyAR/Prefabs/Composites目录下的EasyAR_ImageTracker-1预制件拖到场景中。
将EasyAR/Prefabs/Primitives目录下的ImgaeTarget预制件拖到场景中。
导入识别图片并设置“ImageTarget”的识别图片为“coloring3d-bear.jpg”，这里的识别图片必须和3D模型对应，是一个特殊UV展开后的纹理贴图。