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。

相关文章

Spring Security 从入门到进阶系列教程

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门（一）：登录与退出》 《Spring-Security-入门（二）：基于数据库验证》 《Spring-Security-入门（三）：密码加密》 《Spring-Security-入门（四）：自定义-Filter》 《Spring-Security-入门（五）：在 Sprin
阅读更多...
Makefile简明使用教程

Makefile简明使用教程

文章目录 规则makefile文件的基本语法：加在命令前的特殊符号：.PHONY伪目标: Makefilev1 直观写法v2 加上中间过程v3 伪目标v4 变量 make 选项-f-n-C Make 是一种流行的构建工具，常用于将源代码转换成可执行文件或者其他形式的输出文件(如库文件、文档等)。Make 可以自动化地执行编译、链接等一系列操作。 规则 makefile文件
阅读更多...
SWAP作物生长模型安装教程、数据制备、敏感性分析、气候变化影响、R模型敏感性分析与贝叶斯优化、Fortran源代码分析、气候数据降尺度与变化影响分析

SWAP作物生长模型安装教程、数据制备、敏感性分析、气候变化影响、R模型敏感性分析与贝叶斯优化、Fortran源代码分析、气候数据降尺度与变化影响分析

查看原文>>>全流程SWAP农业模型数据制备、敏感性分析及气候变化影响实践技术应用 SWAP模型是由荷兰瓦赫宁根大学开发的先进农作物模型，它综合考虑了土壤-水分-大气以及植被间的相互作用；是一种描述作物生长过程的一种机理性作物生长模型。它不但运用Richard方程，使其能够精确的模拟土壤中水分的运动，而且耦合了WOFOST作物模型使作物的生长描述更为科学。 本文让更多的科研人员和农业工作者
阅读更多...
沁恒CH32在MounRiver Studio上环境配置以及使用详细教程

沁恒CH32在MounRiver Studio上环境配置以及使用详细教程

目录 1.  RISC-V简介 2.  CPU架构现状 3.  MounRiver Studio软件下载 4.  MounRiver Studio软件安装 5.  MounRiver Studio软件介绍 6.  创建工程 7.  编译代码 1.  RISC-V简介         RISC就是精简指令集计算机（Reduced Instruction SetCom
阅读更多...
前端技术(七)——less 教程

前端技术(七)——less 教程

一、less简介 1. less是什么？ less是一种动态样式语言，属于css预处理器的范畴，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS 更易维护和扩展LESS 既可以在 客户端 上运行 ，也可以借助Node.js在服务端运行。 less的中文官网:https://lesscss.cn/ 2. less编译工具 koala 官网 http://koala-app.
阅读更多...
【Shiro】Shiro 的学习教程（三）之 SpringBoot 集成 Shiro

【Shiro】Shiro 的学习教程（三）之 SpringBoot 集成 Shiro

目录 1、环境准备2、引入 Shiro3、实现认证、退出3.1、使用死数据实现3.2、引入数据库，添加注册功能后端代码前端代码 3.3、MD5、Salt 的认证流程 4.、实现授权4.1、基于角色授权4.2、基于资源授权 5、引入缓存5.1、EhCache 实现缓存5.2、集成 Redis 实现 Shiro 缓存 1、环境准备 新建一个 SpringBoot 工程，引入依赖：
阅读更多...
Windows环境利用VS2022编译 libvpx 源码教程

Windows环境利用VS2022编译 libvpx 源码教程

libvpx libvpx 是一个开源的视频编码库，由 WebM 项目开发和维护，专门用于 VP8 和 VP9 视频编码格式的编解码处理。它支持高质量的视频压缩，广泛应用于视频会议、在线教育、视频直播服务等多种场景中。libvpx 的特点包括跨平台兼容性、硬件加速支持以及灵活的接口设计，使其可以轻松集成到各种应用程序中。 libvpx 的安装和配置过程相对简单，用户可以从官方网站下载源代码
阅读更多...
PHP APC缓存函数使用教程

PHP APC缓存函数使用教程

APC，全称是Alternative PHP Cache，官方翻译叫”可选PHP缓存”。它为我们提供了缓存和优化PHP的中间代码的框架。 APC的缓存分两部分:系统缓存和用户数据缓存。(Linux APC扩展安装) 系统缓存 它是指APC把PHP文件源码的编译结果缓存起来，然后在每次调用时先对比时间标记。如果未过期，则使用缓存的中间代码运行。默认缓存 3600s(一小时)。但是这样仍会浪费大量C
阅读更多...
Qt多语种开发教程

Qt多语种开发教程

Qt作为跨平台的开发工具，早已应用到各行各业的软件开发中。 今天讲讲，Qt开发的正序怎么做多语言开发。就是说，你设置中文，就中文显示；设置英语就英文显示，设置繁体就繁体显示，设置发育就显示法语等。 开发环境(其实多语种这块根环境没太大关系)：win10，Qt.5.12.10 一.先用QtCreator创建一个简单的桌面程序 1.工程就随便命名“LanguageTest”，其他默认。 2.在设计师
阅读更多...
第49课 Scratch入门篇：骇客任务背景特效

第49课 Scratch入门篇：骇客任务背景特效

骇客任务背景特效 故事背景：   骇客帝国特色背景在黑色中慢慢滚动着！ 程序原理：  1 、 角色的设计技巧  2 、克隆体的应用及特效的使用 开始编程   1、使用 黑色的背景： ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/7d74c872f06b4d9fbc88aecee634b074.png#pic_center)   2
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2