摄像头画面显示于unity场景

请添加图片描述

🐾 个人主页 🐾

🪧阿松爱睡觉,横竖醒不来
🏅你可以不屠龙,但不能不磨剑🗡

一、前言

由于标题限制,这篇文章主要是讲在unity中调用摄像头,然后将摄像头捕捉到的画面显示到场景中,无论是UI画面还是场景中的某个物体上;至于应用的场景可以用于AR增强现实。

那么话不多说,直接开始今天的内容吧!

请添加图片描述

二、UI画面

  1. 首先创建一个RawImage,用于在UI中显示画面
    在这里插入图片描述
  2. 调整RawImage尺寸,不调整也行,这里调整主要便于演示。
    选中RawImage,然后点击Rect Transform中的方标,然后按住Alt键的同时点击最右下角的位置,直至RawImage铺满屏幕。
    在这里插入图片描述
  3. 创建一个脚本文件,并键入以下的代码
    在这里插入图片描述
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class WebCamToUI : MonoBehaviour
{
    // 显示视频画面的RawImage
    public RawImage rawImage; 

    // Start is called before the first frame update
    void Start()
    {
        // 创建一个WebCamTexture实例
        WebCamTexture webcamTexture = new WebCamTexture();

        // 将WebCamTexture应用到RawImage上
        rawImage.texture = webcamTexture;

        // 开始播放摄像头的纹理
        webcamTexture.Play();
    }

    // Update is called once per frame
    void Update()
    {
        
    }
}

  1. 将脚本挂载到RawImage中,然后将开始创建的RawImage赋值给变量rawImage
    在这里插入图片描述
  2. 运行看效果
    请添加图片描述
    不好意思,搞错了,重来。
    请添加图片描述

三、显示于场景

在场景中显示和在UI中显示的逻辑其实大差不差,还是比较相似的,这里以Cube为例,也可以用QuadPlane

  1. 创建一个Cube
    在这里插入图片描述
  2. 创建一个脚本文件,键入以下代码
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class WebCamToScene : MonoBehaviour
{
	// 需要显示摄像头内容的物体的MeshRenderer组件
    public MeshRenderer meshRenderer; 

    // Start is called before the first frame update
    void Start()
    {
        // 创建WebCamTexture实例
        WebCamTexture webcamTexture = new WebCamTexture();

        // 创建一个材质并应用摄像头纹理
        Material material = new Material(Shader.Find("Unlit/Texture"));
        material.mainTexture = webcamTexture;

        // 将材质应用到MeshRenderer上
        meshRenderer.material = material;

        // 开始播放摄像头纹理
        webcamTexture.Play();
    }

    // Update is called once per frame
    void Update()
    {
        
    }
}

  1. 挂载脚本,赋值变量。
    这里直接拖物体只由于创建的物体中自带有Mesh Renderer组件
    在这里插入图片描述
  2. 运行看效果
    请添加图片描述
    其他的物体也可以,比如前面提到的QuadPlane
    请添加图片描述

四、结语

文章看完后别忘了自己不看步骤再做一遍,巩固一下,记住脚本中的API。
这一期文章的内容就到这里,下期见,拜拜。

请添加图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿松爱睡觉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值