【游戏开发实战】2D游戏摄像机镜头跟随,屏幕边缘限制镜头移动(使用Cinemachine组件)

【游戏开发实战】2D游戏摄像机镜头跟随,屏幕边缘限制镜头移动(使用Cinemachine组件)【游戏开发实战】2D游戏摄像机镜头跟随,屏幕边缘限制镜头移动(使用Cinemachine组件)

大家好,又见面了,我是你们的朋友全栈君。

请添加图片描述

请添加图片描述

一、前言

嗨,大家好,我是新发。
有老铁留言问我能不能写一下2D镜头跟随以及人物移动到屏幕边缘限制镜头的文章,
在这里插入图片描述
这个功能本来我想用代码自己写,但是我想起了很久以前我看过Unity官方写的一个Cinemachine套件,于是我打算使用它来实现这个功能,话不多说,我们开始吧~

二、场景搭建

为了演示,我先快速搭建一个场景。

1、创建工程

我们先创建一个2D模板的Unity工程,名字叫2DCameraFollowDemo吧~
在这里插入图片描述

2、创建地图

使用Tilemap和地图生成器生成地图,
请添加图片描述

三、主角

1、创建主角

在阿里图库中找个图标作为主角,https://www.iconfont.cn/
在这里插入图片描述
放到地图中,如下,
在这里插入图片描述

2、主角移动控制

写个主角控制脚本,代码如下:

using UnityEngine;

public class Player : MonoBehaviour
{ 
   
	// 移动速度
    public float speed = 10;
    Rigidbody2D rigidbody2d;
    Vector2 currentInput;
    
    void Start()
    { 
   
        rigidbody2d = GetComponent<Rigidbody2D>();
    }

    void Update()
    { 
   
        float horizontal = Input.GetAxis("Horizontal");
        float vertical = Input.GetAxis("Vertical");
        // 获取键盘输入:A W S D或上下左右键
        currentInput = new Vector2(horizontal, vertical);
    }

    private void FixedUpdate()
    { 
   
        Vector2 position = rigidbody2d.position;
        position = position + currentInput * speed * Time.deltaTime;
        // 通过刚体来移动,防止碰撞抖动
        rigidbody2d.MovePosition(position);
    }
}

挂到主角身上,并添加Rigidbody2D
在这里插入图片描述
注意Rigidbody2D组件的重力缩放设置为0,否则主角会受到重力而往下掉,把Freeze Rotation Z勾选上,防止主角碰撞时产生Z轴旋转,
在这里插入图片描述

3、测试主角移动

此时运行Unity,效果如下,可以正常控制主角移动,
请添加图片描述

四、摄像机跟随

接下来我们来做摄像机跟随,要用到Cinemachine插件,打开Package Manager,搜索Cinemachine,点击Install
在这里插入图片描述
插件安装完毕后,在Hierarchy窗口中右键菜单Cinemachine / 2D Camera
在这里插入图片描述
此时会创建一个虚拟摄像机,
在这里插入图片描述
我们选中它,赋值Follow为主角物体,如下,
在这里插入图片描述
此时运行Unity,效果如下,摄像机已经可以跟着主角移动了,
请添加图片描述
请添加图片描述

五、屏幕边缘限制镜头移动

我们可以看到主角移动到地图边缘时,看到了地图外白色的场景,我们想限制镜头的移动范围,让其不超过地图边缘。
选中虚拟摄像机,然后点击Add Extensionselect下拉框,
在这里插入图片描述
选择CinemachineConfiner
在这里插入图片描述
它会帮我们挂上CinemachineConfiner组件,可以看到它需要一个形状碰撞体来限定界限,
在这里插入图片描述
我们创建一个空物体,命名为edge
在这里插入图片描述
为其添加PolygonCollider2D组件,
在这里插入图片描述
点击这个按钮可以编辑多边形形状,
在这里插入图片描述
调整多边形的形状使其与地图边缘吻合,
请添加图片描述
记得把多变形碰撞体的Is Trigger勾选上,否则会与主角发生碰撞,
在这里插入图片描述
最终给虚拟相机赋值Bounding Shape 2D为我们的多边形碰撞体,
在这里插入图片描述

六、最终效果

最终运行Unity,效果如下,可以看到,主角移动到地图边缘时,摄像机被限制了移动,
请添加图片描述
请添加图片描述

七、工程源码

本文工程源码我已上传到CODE CHINA,地址:https://codechina.csdn.net/linxinfa/2DCameraFollowDemo
感兴趣的同学可自行下载学习,注:我使用的Unity版本为:Unity 2021.1.9f1c1 (64-bit)
在这里插入图片描述
好了,就写到这里吧。
我是林新发:https://blog.csdn.net/linxinfa
原创不易,若转载请注明出处,感谢大家~
喜欢我的可以点赞、关注、收藏,如果有什么技术上的疑问,欢迎留言或私信,拜拜~

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/140227.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Android 显示刷新机制、VSYNC和三重缓存机制

    Android 显示刷新机制、VSYNC和三重缓存机制Android显示刷新机制、VSYNC和三重缓存机制为了理解APP是如何进行渲染的,我们就必须了解手机硬件是如何工作的,也必须理解什么是VSYNC。首先,我们需要了解2个相关概念:刷新率(RefreshRate):代表了屏幕在一秒内刷新屏幕的次数,这取决于硬件的固定参数,例如60Hz。帧率(FrameRate):代表了GPU在一秒内绘制操作的帧数,例如30fps,60fps。GPU会获取图形数据进行渲染,然后硬件负责把渲染后的内容呈现到屏幕上,他们两者不停的进行协作。

    2022年5月21日
    42
  • 进入mariadb_Windows10系统下安装MariaDB 的教程图解[通俗易懂]

    进入mariadb_Windows10系统下安装MariaDB 的教程图解[通俗易懂]截至写这篇博客为止,MariaDB官方的稳定版本为,详情访问官方地址:https://downloads.mariadb.org/安装之前先简单说一下MariaDB:MariaDB由MySQL的创始人麦克尔·维德纽斯主导开发,他早前曾以10亿美元的价格,将自己创建的公司MySQL卖给了SUN,此后,随着SUN被甲骨文收购,MySQL的所有权也落入Oracle的手中。甲骨文公司收购了MySQL后,有…

    2022年6月4日
    35
  • RGB-D(深度图像) & 图像深度「建议收藏」

    RGB-D(深度图像) & 图像深度「建议收藏」RGB-D(深度图像)  深度图像=普通的RGB三通道彩色图像+DepthMap  在3D计算机图形中,DepthMap(深度图)是包含与视点的场景对象的表面的距离有关的信息的图像或图像通道。其中,DepthMap类似于灰度图像,只是它的每个像素值是传感器距离物体的实际距离。通常RGB图像和Depth图像是配准的,因而像素点之间具有一对一的对应关系

    2022年5月28日
    32
  • 对服务器整体性能画像,2020年抖音用户画像报告:DAU超4亿,整体男女均衡「建议收藏」

    对服务器整体性能画像,2020年抖音用户画像报告:DAU超4亿,整体男女均衡「建议收藏」近日,巨量算数发布2020年抖音用户画像报告。报告中显示,抖音DAU超4亿,较去年同期的2.5亿,增长了60%。抖音与头条的重合度为32.1%,重合用户占抖音的42.2%。抖音与西瓜的重合度为24.6%,重合用户占抖音的29.5%。抖音10-19次占比领先,30分钟以上时长占比提高到38%。抖音整体人群画像,男女较均衡,19-30岁TGI高,新一线、三线及以下城市用户TGI…

    2022年6月7日
    36
  • Cobbler实现CentOS自动安装

    Cobbler实现CentOS自动安装

    2021年9月15日
    40
  • 如何制作gif图片

    如何制作gif图片

    2021年10月14日
    61

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号