Unity教程（十二）视差背景

2024-08-23 19:12
文章标签 教程 unity 背景 十二 视差

本文主要是介绍Unity教程（十二）视差背景，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Unity开发2D类银河恶魔城游戏学习笔记

Unity教程（零）Unity和VS的使用相关内容
Unity教程（一）开始学习状态机
Unity教程（二）角色移动的实现
Unity教程（三）角色跳跃的实现
Unity教程（四）碰撞检测
Unity教程（五）角色冲刺的实现
Unity教程（六）角色滑墙的实现
Unity教程（七）角色蹬墙跳的实现
Unity教程（八）角色攻击的基本实现
Unity教程（九）角色攻击的改进

Unity教程（十）Tile Palette搭建平台关卡
Unity教程（十一）相机
Unity教程（十二）视差背景

Unity教程（十三）敌人状态机


如果你更习惯用知乎
Unity开发2D类银河恶魔城游戏学习笔记目录

文章目录

  • Unity开发2D类银河恶魔城游戏学习笔记
  • 前言
  • 一、概述
  • 二、视差背景
    • （1）添加背景
    • （2）调整层次
    • （3）视差背景实现
  • 三、无尽滚动背景

前言

本文为Udemy课程The Ultimate Guide to Creating an RPG Game in Unity学习笔记，如有错误，欢迎指正。

本节添加视差背景。
对应b站视频：
【Unity教程】从0编程制作类银河恶魔城游戏P45
【Unity教程】从0编程制作类银河恶魔城游戏P46

一、概述

本节给游戏添加背景，我们做一个视差背景来增强视觉效果。
视差背景是通过多层次的背景来模拟透视视差效果。就是当发生移动时，离照相机越近的背景移动越快；反之越慢。这样，我们的背景就会形成类似于透视视差的效果。
我参照了这篇文章 聊聊2D游戏视差背景的实现
除此之外教程中还讲解了无限滚动的背景怎么实现。

二、视差背景

（1）添加背景

背景图的路径：
Assets->Graphics->Surroundings->Medieval_Castle->Background
将layer_1、layer_2拖入场景中
在这里插入图片描述
注意:(1)如果Tile Palette画笔工具还开着会向Tilemap的背景上绘制。所以记得拖入背景图前关掉。
(2)查看右上角2D选项有没有被关掉，关掉会显示不出背景。
在这里插入图片描述

（2）调整层次

调整Sprite Renderer中的Sorting Layer参数，调整被渲染的顺序
我们先添加四个层Background、Ground、Enemy、Player
在这里插入图片描述
在这里插入图片描述
给天空背景层重命名为BG_Sky_Layer，城堡背景层重命名为BG_City_Layer。
Sorting Layer都设置为Background，并分别修改Order inLayer为-10和-9。
在这里插入图片描述
在这里插入图片描述
重置他们的位置，挂靠在空物体下面，并把空物体重命名为Background
在这里插入图片描述

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

Animator层次设定为Player
在这里插入图片描述
将Tilemap里Ground层次设置为Ground，Background层次设置为Background
在这里插入图片描述
在这里插入图片描述

（3）视差背景实现

天空层复制两次成为天空层的子层。改变两个子层的位置，x的值一个改为-40，一个改为40。
在这里插入图片描述
城市层进行相同的处理
在这里插入图片描述
创建脚本ParallaxBackground
创建变量xPosition，在进入状态时记录背景的初始位置。
创建变量parallaxEffect来表示视差效应，控制背景跟随相机的速度。
在Update（）中每次用背景初始位置xPosition加上计算出的要移动的距离distanceToMove，来更新背景位置

//ParallaxBackground:视差背景
using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class ParallaxBackground : MonoBehaviour
{private GameObject cam;[SerializeField] private float parallaxEffect;private float xPosition;// Start is called before the first frame updatevoid Start(){cam = GameObject.Find("Main Camera");xPosition = transform.position.x;}// Update is called once per framevoid Update(){float distanceToMove = cam.transform.position.x * parallaxEffect;transform.position=new Vector3(xPosition + distanceToMove,transform.position.y);}
}

将脚本分别挂载到BG_Sky_Layer和BG_City_Layer，根据想要的效果调节ParallaxEffect的值
在这里插入图片描述
在这里插入图片描述
效果对比如下：
ParallaxEffect都为0
在这里插入图片描述

BG_Sky_Layer：ParallaxEffect为1，BG_City_Layer：ParallaxEffect为0.8
在这里插入图片描述

可以看出增添视差效果后两层背景的移动速度明显不一样了，更具有空间效果。

按照教程做完我发现，假如相机初始位置为负可能造成背景反向移动，以比较极端的情况为例：
我将场景向x负方向拖，Main Camera的x坐标为-109.4
在这里插入图片描述
这时运行，背景会瞬间向后移动很长的距离。
在这里插入图片描述
虽然我们的初始位置一般定在中心，基本不会出现这种情况，但我还是想进行改进。
我们只要在进入状态时记录相机的初始位置，并且在计算要移动的距离时，将使用相机的x坐标改为使用相机x方向的位移即可。

//ParallaxBackground:视差背景
using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class ParallaxBackground : MonoBehaviour
{private GameObject cam;[SerializeField] private float parallaxEffect;private float xPosition;private float xCamPosition;// Start is called before the first frame updatevoid Start(){cam = GameObject.Find("Main Camera");xPosition = transform.position.x;xCamPosition= cam.transform.position.x;}// Update is called once per framevoid Update(){float distanceToMove = (cam.transform.position.x - xCamPosition) * parallaxEffect;transform.position=new Vector3(xPosition + distanceToMove,transform.position.y);}
}

这时即使初始位置比较极端程序也可以正常运行
在这里插入图片描述

三、无尽滚动背景

制作无尽滚动的背景我们使用可拼接重复的图片。如下所示，如果一瞬间移动背景使得移动过来的部分与原背景完全一致，在相机中我们是看不出来的。
如果没有视差背景和摄像机应该同步移动，现在背景落后于摄像机，所以每当背景落后于相机一个图片长度的时候我们移动一次背景，背景就可以不断随着角色前移，实现背景的无尽滚动。
在这里插入图片描述
图片的长度length通过SpriteRenderer获得。
判断背景与相机的距离差值与图片长度的关系。差值大于length，则前移length；小于-legth，则后移length
和教程中实现方式对应的示意图如下：
在这里插入图片描述

由图示可知距离插值等于 d i s t a n c e D i f f e r e n c e = c a m P o s i t i o n ∗ ( 1 − E f f e c t ) − x P s i o t i o n distanceDifference=camPosition * (1 - Effect) - xPsiotion distanceDifference=camPosition∗(1−Effect)−xPsiotion
对应代码

//ParallaxBackground:视差背景
using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class ParallaxBackground : MonoBehaviour
{private GameObject cam;[SerializeField] private float parallaxEffect;private float xPosition;private float length;// Start is called before the first frame updatevoid Start(){cam = GameObject.Find("Main Camera");length=GetComponent<SpriteRenderer>().bounds.size.x;xPosition = transform.position.x;}// Update is called once per framevoid Update(){float distanceToMove = cam.transform.position.x * parallaxEffect;float distanceMoved = cam.transform.position.x * (1 - parallaxEffect);transform.position=new Vector3(xPosition + distanceToMove,transform.position.y);if (distanceMoved > xPosition + length)xPosition = xPosition + length;else if (distanceMoved < xPosition - length)xPosition = xPosition - length;}
}

和改进后实现方式对应的示意图如下：
在这里插入图片描述

由图示可知距离插值等于 d i s t a n c e D i f f e r e n c e = ( c a m P o s i t i o n − x P o s i t i o n ) ∗ ( 1 − E f f e c t ) − ( x P o s i t i o n − x C a m P o s i t i o n ) distanceDifference=(camPosition-xPosition) * (1 - Effect) - (xPosition-xCamPosition) distanceDifference=(camPosition−xPosition)∗(1−Effect)−(xPosition−xCamPosition)

//ParallaxBackground:视差背景
using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class ParallaxBackground : MonoBehaviour
{private GameObject cam;[SerializeField] private float parallaxEffect;private float xPosition;private float xCamPosition;private float length;// Start is called before the first frame updatevoid Start(){cam = GameObject.Find("Main Camera");length=GetComponent<SpriteRenderer>().bounds.size.x;xPosition = transform.position.x;xCamPosition= cam.transform.position.x;}// Update is called once per framevoid Update(){float distanceToMove = (cam.transform.position.x - xCamPosition) * parallaxEffect;float distanceDifference = (cam.transform.position.x - xCamPosition) *(1- parallaxEffect)-(xPosition-xCamPosition);transform.position=new Vector3(xPosition + distanceToMove,transform.position.y);if (distanceDifference > length)xPosition = xPosition + length;else if (distanceDifference < -length)xPosition = xPosition + - length;}
}

在这里插入图片描述

这篇关于Unity教程（十二）视差背景的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1100258。

相关文章

Nexus安装和启动的实现教程

Nexus安装和启动的实现教程

《Nexus安装和启动的实现教程》：本文主要介绍Nexus安装和启动的实现教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、Nexus下载二、Nexus安装和启动三、关闭Nexus总结一、Nexus下载官方下载链接：DownloadWindows系统根
阅读更多...
CnPlugin是PL/SQL Developer工具插件使用教程

CnPlugin是PL/SQL Developer工具插件使用教程

《CnPlugin是PL/SQLDeveloper工具插件使用教程》：本文主要介绍CnPlugin是PL/SQLDeveloper工具插件使用教程,具有很好的参考价值,希望对大家有所帮助,如有错... 目录PL/SQL Developer工具插件使用安装拷贝文件配置总结PL/SQL Developer工具插
阅读更多...
Java中的登录技术保姆级详细教程

Java中的登录技术保姆级详细教程

《Java中的登录技术保姆级详细教程》：本文主要介绍Java中登录技术保姆级详细教程的相关资料,在Java中我们可以使用各种技术和框架来实现这些功能,文中通过代码介绍的非常详细,需要的朋友可以参考... 目录1.登录思路2.登录标记1.会话技术2.会话跟踪1.Cookie技术2.Session技术3.令牌技
阅读更多...
Python使用Code2flow将代码转化为流程图的操作教程

Python使用Code2flow将代码转化为流程图的操作教程

《Python使用Code2flow将代码转化为流程图的操作教程》Code2flow是一款开源工具,能够将代码自动转换为流程图,该工具对于代码审查、调试和理解大型代码库非常有用,在这篇博客中,我们将深... 目录引言1nVflRA、为什么选择 Code2flow？2、安装 Code2flow3、基本功能演示
阅读更多...
Java Spring 中的监听器Listener详解与实战教程

Java Spring 中的监听器Listener详解与实战教程

《JavaSpring中的监听器Listener详解与实战教程》Spring提供了多种监听器机制,可以用于监听应用生命周期、会话生命周期和请求处理过程中的事件,：本文主要介绍JavaSprin... 目录一、监听器的作用1.1 应用生命周期管理1.2 会话管理1.3 请求处理监控二、创建监听器2.1 Ser
阅读更多...
MySQL 安装配置超完整教程

MySQL 安装配置超完整教程

《MySQL安装配置超完整教程》MySQL是一款广泛使用的开源关系型数据库管理系统（RDBMS）,由瑞典MySQLAB公司开发,目前属于Oracle公司旗下产品,：本文主要介绍MySQL安装配置... 目录一、mysql 简介二、下载 MySQL三、安装 MySQL四、配置环境变量五、配置 MySQL5.1
阅读更多...
MQTT SpringBoot整合实战教程

MQTT SpringBoot整合实战教程

《MQTTSpringBoot整合实战教程》：本文主要介绍MQTTSpringBoot整合实战教程,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考... 目录MQTT-SpringBoot创建简单 SpringBoot 项目导入必须依赖增加MQTT相关配置编写
阅读更多...
在Java中基于Geotools对PostGIS数据库的空间查询实践教程

在Java中基于Geotools对PostGIS数据库的空间查询实践教程

《在Java中基于Geotools对PostGIS数据库的空间查询实践教程》本文将深入探讨这一实践,从连接配置到复杂空间查询操作,包括点查询、区域范围查询以及空间关系判断等,全方位展示如何在Java环... 目录前言一、相关技术背景介绍1、评价对象AOI2、数据处理流程二、对AOI空间范围查询实践1、空间查
阅读更多...
Logback在SpringBoot中的详细配置教程

Logback在SpringBoot中的详细配置教程

《Logback在SpringBoot中的详细配置教程》SpringBoot默认会加载classpath下的logback-spring.xml（推荐）或logback.xml作为Logback的配置... 目录1. Logback 配置文件2. 基础配置示例3. 关键配置项说明Appender（日志输出器
阅读更多...
Kali Linux安装实现教程(亲测有效)

Kali Linux安装实现教程(亲测有效)

《KaliLinux安装实现教程(亲测有效)》：本文主要介绍KaliLinux安装实现教程(亲测有效),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、下载二、安装总结一、下载1、点http://www.chinasem.cn击链接 Get Kali | Kal
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2