【游戏开发实战】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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • php static

    php static当static用来修饰局部变量的时候,它就改变了局部变量的存储位置,从原来的栈中存放改为静态存储区。但是局部静态变量在离开作用域之后,并没有被销毁,而是仍然驻留在内存当中,直到程序结束,只不过我们不能

    2022年7月2日
    21
  • e.Row.Attributes.Add「建议收藏」

    e.Row.Attributes.Add「建议收藏」其实看到属性这个单词,还有点发憷呢,C#里面有个关键词是Attributes,搞了半天貌似没有弄清楚e.Row.Attributes.Add()函数的介绍,包括参数,什么是Attributes就是往行里面添加属性相当于html里面的一个表里的一个行的属性,你看看那个属性有什么,这个就可以添加什么属性//这个就是在前台添加一个Button的按钮,然后给他添加事件<asp…

    2022年9月26日
    2
  • 中国最大字幕组“人人影视”凉了!警方通报:因盗版视频14人被抓

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 来源:扩展迷EXTFANS 2月3日,上海市公安局召开新闻发布会,主要通报了“除隐患铸平安”专项行动中,近期侦破的2…

    2021年6月25日
    142
  • Dreamweaver 2020 安装教程

    Dreamweaver 2020 安装教程AdobeDreamweaver,简称“DW”,中文名称”梦想编织者”,是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对HTML、CSS、JavaScript等内容的支持,设计人员和开发人员可以在几乎任何地方快速制作和进行网站建设。它第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。受众人群:网页设计师,UI设计师,电商美工,学生及业余爱好者1、所见即所得的强大功能没有一个Web编辑软件能像Dream

    2022年5月29日
    40
  • pycharm多行代码同时缩进快捷键:Tab键,一次缩进四个字符

    pycharm多行代码同时缩进快捷键:Tab键,一次缩进四个字符pycharm使多行代码同时缩进鼠标选中多行代码后,按下Tab键,一次缩进四个字符

    2025年6月20日
    3
  • MariaDB安装教程

    MariaDB安装教程注:从MariaDB10.4.3开始,不再提供预构建的数据目录,并且用户需要运行mysql_install_db.exe来创建数据目录1、解压到自定义路径E:\MariaDB\mariadb-10.5.4-winx642、将其中的bin加入path系统环境路径3、用管理员方式打开cmd,并打开bin目录4、输入mysql_install_db.exe–datadir=E:\MariaDB\mariadb-10.5.4-winx64\data–service=MyMar..

    2022年6月14日
    36

发表回复

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

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