BV1xr4y1s71V?spm_id_from=333.851.header_right.history_list.click

学习内容：

首先我们要先搭建好游戏的场景，利用TileMap将作者已经切割好的Sprite放到我们的Tile Pattle面板中，这里我创建了三个Grid，并把绘制地板的那个Grid添加好Tilemap Collider 2D以及Composite和Rigibody2D，需要提醒的一点是，别忘了设置一下这三个Grid的Sorting Layer，无论如何人物的层肯定要显示在最上面。

然后就是设置人物。先创建一个空对象。并给它相应的组件，

正如我前面讲的，将人物的显示部分作为子对象然后再给它Sprite Render,并把我们人物精灵图给它

接下来调整它的Sorting Layer以及创建好动画给它

动画的有限状态机我们先放一边，先来制作人物的碰撞检测的脚本

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class PlayerCollision : MonoBehaviour
{[Header("地面层级")]public LayerMask groundLayer;[Space]public bool onGround;public bool onWall;public bool onLeftWall;public bool onRightWall;public int wallSide;[Header("检测参数")]public float collisionRadius = 0.25f;public Vector2 bottomPos, leftPos, rightPos;private Color collisionColor = Color.red;void Update(){// Physics2D.OverlapCircle形成圆形检测通过我们设置的对应检测参数来设置onGround = Physics2D.OverlapCircle((Vector2)transform.position + bottomPos, collisionRadius, groundLayer);onWall = Physics2D.OverlapCircle((Vector2)transform.position + leftPos, collisionRadius, groundLayer) ||Physics2D.OverlapCircle((Vector2)transform.position + rightPos, collisionRadius, groundLayer);onLeftWall = Physics2D.OverlapCircle((Vector2)transform.position + leftPos, collisionRadius, groundLayer);onRightWall = Physics2D.OverlapCircle((Vector2)transform.position + rightPos, collisionRadius, groundLayer);wallSide = onRightWall ? -1 : 1;}private void OnDrawGizmos(){//将检测圆形直接在Scene界面上更直观的显示Gizmos.color = Color.red;var checkositions = new Vector2[] { bottomPos, leftPos, rightPos };Gizmos.DrawWireSphere((Vector2)transform.position + bottomPos, collisionRadius);Gizmos.DrawWireSphere((Vector2)transform.position + leftPos, collisionRadius);Gizmos.DrawWireSphere((Vector2)transform.position + rightPos, collisionRadius);}
}

然后再创建一个PlayerMovement，把对应的检测补上，一会动画的时候还要用

public class PlayerMovement : MonoBehaviour
{[Space][Header("运动参数")][SerializeField] float moveSpeed;[SerializeField] float jumpForece;[SerializeField] float dashSpeed;[SerializeField] float slideSpeed;[SerializeField] float wallJumpLefp;private PlayerAnimation anim;private PlayerCollision coll;[HideInInspector]public Rigidbody2D rigi2D;[Header("判断")]public bool canMove;public bool hasDashed;public bool isDashing;public bool wallGrab;public bool wallSlide;public bool wallJumped;private bool groundTouch;public int side = 1;[Space][Header("粒子系统")]public ParticleSystem slidePartical;public ParticleSystem dashPartical;public ParticleSystem jumpPartical;public ParticleSystem wallJumpPartical;void Start(){rigi2D = GetComponent<Rigidbody2D>();anim = GetComponentInChildren<PlayerAnimation>();coll = GetComponent<PlayerCollision>();}
}

我们通过代码控制动画条件，有了我们前面的检测和PlayerMovement我们能更轻易的控制动画。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class PlayerAnimation : MonoBehaviour
{private Animator anim;private PlayerMovement movement;private PlayerCollision coll;[HideInInspector]public SpriteRenderer sr;void Start(){anim = GetComponent<Animator>();coll = GetComponentInParent<PlayerCollision>();movement = GetComponentInParent<PlayerMovement>();sr = GetComponent<SpriteRenderer>();}void Update(){anim.SetBool("onWall", coll.onWall);anim.SetBool("onGround", coll.onGround);anim.SetBool("onRightWall", coll.onRightWall);anim.SetBool("wallGrab", movement.wallGrab);anim.SetBool("wallSlide", movement.wallSlide);anim.SetBool("canMove", movement.canMove);anim.SetBool("isDashing", movement.isDashing); ;}public void SetHorizontalMovement(float x,float y,float yVel){anim.SetFloat("HorizontalAxis", x);anim.SetFloat("VerticalAxis", y);anim.SetFloat("VerticalVelocity", yVel);}public void SetATrigger(string trigger){anim.SetTrigger(trigger);}public void Flip(int side){if(movement.wallGrab || movement.wallSlide){if (side == -1 && sr.flipX)return;if (side == 1 && !sr.flipX)return;}bool state = (side == 1) ? false : true;sr.flipX = state;}
}

然后在动画状态机上设置对应的参数以及连线设置条件

截屏截的有点多了，需要注意的是代码设置的动画名字和我们Animator的参数要对应起来

别忘了在我们的子对象上挂载脚本

接下来我们继续萹蓄PlayerMovement的脚本

首先是要在Update中持续读入的Input，并且要把参数传入到PlayerAnimation中让条件读入

void Update(){float x = Input.GetAxis("Horizontal");float y = Input.GetAxis("Vertical");float xRaw = Input.GetAxisRaw("Horizontal");float yRaw = Input.GetAxisRaw("Vertical");Vector2 dir = new Vector2(x, y);Walk(dir);anim.SetHorizontalMovement(x, y, rigi2D.velocity.y);
}

我们接着创建一个Walk(Vector2)函数，需要注意的是，为了让玩家在墙上跳跃的时候更加平滑即更好的操作空间，在玩家墙上跳跃的时候仍然能够往回走，就用了插值函数Lerp

 private void Walk(Vector2 dir){if (!canMove)return;if (wallGrab)return;if (!wallJumped){rigi2D.velocity = new Vector2(dir.x * moveSpeed, rigi2D.velocity.y);}else{rigi2D.velocity = Vector2.Lerp(rigi2D.velocity, new Vector2(dir.x * moveSpeed, rigi2D.velocity.y), wallJumpLefp * Time.deltaTime);}}

接下来编写跳跃相关的,跳跃分为在地面上跳跃以及再墙上跳跃，所以我们用我们的碰撞检测脚本的属性onWall和onGround来判断。

首先是在Update函数中

void Update
{
//跳跃if (Input.GetButtonDown("Jump")){anim.SetATrigger("jump");if (coll.onGround){Jump( Vector2.up,false);}else if (coll.onWall && !coll.onGround){WallJump();}}
}

 private void Jump(Vector2 dir,bool wall){slidePartical.transform.parent.localScale = new Vector3(ParticalSide(), 1, 1);ParticleSystem particle = wall ? wallJumpPartical : jumpPartical;rigi2D.velocity = new Vector2(rigi2D.velocity.x, 0);rigi2D.velocity += dir* jumpForece;particle.Play();}
private void WallJump(){if((coll.onRightWall && side ==1) || (coll.onRightWall && side == -1)){side *= -1;anim.Flip(side);}StopCoroutine(DisableMovement(0));StartCoroutine(DisableMovement(0.1f));Vector2 wallDir = coll.onRightWall ? Vector2.left : Vector2.right;Jump(Vector2.up /1.5f + wallDir /1.5f,true);wallJumped = true;}

接下来做Dash冲刺相关的函数，但首先要创建一个新脚本用来仿制玩家冲刺生成的残影，这里涉及的DG.Tweening都在我上一篇文章上讲过总的来说是先生成一个动画队列然后调用回调函数让动作按步骤执行并用循环3次生成3个残影。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;
public class PlayerGhostTrail : MonoBehaviour
{private PlayerMovement movement;private PlayerAnimation anim;private SpriteRenderer sr;public Transform ghostParent;public Color trailColor;public Color fadeColor;public float ghostInterval;public float fadeTime;void Start(){movement = FindObjectOfType<PlayerMovement>();anim = FindObjectOfType<PlayerAnimation>();sr = GetComponent<SpriteRenderer>();}public void ShowGhost(){Sequence sequence = DOTween.Sequence();for (int i = 0; i < ghostParent.childCount; i++){Transform currentGhost = ghostParent.GetChild(i);sequence.AppendCallback(() => currentGhost.transform.position = movement.transform.position);sequence.AppendCallback(() => currentGhost.GetComponent<SpriteRenderer>().flipX = anim.sr.flipX);sequence.AppendCallback(() => currentGhost.GetComponent<SpriteRenderer>().sprite = anim.sr.sprite);sequence.Append(currentGhost.GetComponent<SpriteRenderer>().material.DOColor(trailColor, 0));sequence.AppendCallback(() => FadeSprite(currentGhost));sequence.AppendInterval(ghostInterval);}}public void FadeSprite(Transform current){current.GetComponent<SpriteRenderer>().material.DOKill();current.GetComponent<SpriteRenderer>().material.DOColor(fadeColor, fadeTime);}
}

然后再回到PlayerMovement脚本中

private void Dash(float x,float y){Camera.main.transform.DOComplete(); //终止所有动画Camera.main.transform.DOShakePosition(0.2f, 0.5f, 14, 90, false, true); //这里运用的是我上一篇文章讲到的DOTween的让摄像机震动的效果FindObjectOfType<RippleEffect>().Emit(Camera.main.WorldToViewportPoint(transform.position)); //目的是使在玩家位置产生涟漪的效果，也是Github上的一个项目hasDashed = true;anim.SetATrigger("dash");rigi2D.velocity = Vector2.zero;Vector2 dir = new Vector2(x, y);rigi2D.velocity += dir.normalized * dashSpeed; //让冲刺朝着玩家移动的方向StartCoroutine(DashWait());}IEnumerator DashWait(){FindObjectOfType<PlayerGhostTrail>().ShowGhost();StartCoroutine(GroundDash());DOVirtual.Float(14, 0, 0.8f, RigibodyDrag);dashPartical.Play();rigi2D.gravityScale = 0;GetComponent<PlayerBetterJumping>().enabled = false;wallJumped = true;isDashing = true;yield return new WaitForSeconds(0.3f);dashPartical.Stop();isDashing = false;wallJumped = false;rigi2D.gravityScale = 3;GetComponent<PlayerBetterJumping>().enabled = true;}IEnumerator GroundDash(){yield return new WaitForSeconds(0.15f);if (coll.onGround){hasDashed = false;}}

Update函数中需要写个判断条件

if(Input.GetButtonDown("Fire1")&& !hasDashed){if(xRaw != 0 || yRaw != 0){Dash(xRaw,yRaw);}}

接下来还要实现的还有墙上滑行，抓住墙壁，粒子效果，这里把完整的PlayerMovement贴上来

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;public class PlayerMovement : MonoBehaviour
{[Space][Header("运动参数")][SerializeField] float moveSpeed;[SerializeField] float jumpForece;[SerializeField] float dashSpeed;[SerializeField] float slideSpeed;[SerializeField] float wallJumpLefp;private PlayerAnimation anim;private PlayerCollision coll;[HideInInspector]public Rigidbody2D rigi2D;[Header("判断")]public bool canMove;public bool hasDashed;public bool isDashing;public bool wallGrab;public bool wallSlide;public bool wallJumped;private bool groundTouch;public int side = 1;[Space][Header("粒子系统")]public ParticleSystem slidePartical;public ParticleSystem dashPartical;public ParticleSystem jumpPartical;public ParticleSystem wallJumpPartical;void Start(){rigi2D = GetComponent<Rigidbody2D>();anim = GetComponentInChildren<PlayerAnimation>();coll = GetComponent<PlayerCollision>();}void Update(){float x = Input.GetAxis("Horizontal");float y = Input.GetAxis("Vertical");float xRaw = Input.GetAxisRaw("Horizontal");float yRaw = Input.GetAxisRaw("Vertical");Vector2 dir = new Vector2(x, y);Walk(dir);anim.SetHorizontalMovement(x, y, rigi2D.velocity.y);//抓住墙壁if (coll.onWall && Input.GetButton("Fire3") && canMove) {if (side != coll.wallSide)anim.Flip(side * -1);wallGrab = true;wallSlide = false;}//放手if(!coll.onWall || !canMove || Input.GetButtonUp("Fire3")){wallGrab = false;wallSlide = false;}if (coll.onGround && !isDashing){wallJumped = false;GetComponent<PlayerBetterJumping>().enabled = true;}if(wallGrab && !isDashing){rigi2D.gravityScale = 0;if(x>0.2f || x < -0.2f){rigi2D.velocity = new Vector2(rigi2D.velocity.x, 0);}float speedModifier = y > 0 ? 0.5f : 1f;rigi2D.velocity = new Vector2(rigi2D.velocity.x,y * (moveSpeed * speedModifier));}else{rigi2D.gravityScale = 3;}//墙上滑行if(coll.onWall && !coll.onGround){if (x != 0 && !wallGrab){wallSlide = true;WallSlide();}}if(!coll.onWall || coll.onGround){wallSlide = false;}//跳跃if (Input.GetButtonDown("Jump")){anim.SetATrigger("jump");if (coll.onGround){Jump( Vector2.up,false);}else if (coll.onWall && !coll.onGround){WallJump();}}if(Input.GetButtonDown("Fire1")&& !hasDashed){if(xRaw != 0 || yRaw != 0){Dash(xRaw,yRaw);}}if(coll.onGround && !groundTouch){GroundTouch();groundTouch = true;}if(!coll.onGround && groundTouch){groundTouch = false;}WallPartical(y);if (wallSlide || wallGrab || !canMove)return;if(x>0){side = 1;anim.Flip(side);}if (x < 0){side = -1;anim.Flip(side);}}private void Walk(Vector2 dir){if (!canMove)return;if (wallGrab)return;if (!wallJumped){rigi2D.velocity = new Vector2(dir.x * moveSpeed, rigi2D.velocity.y);}else{rigi2D.velocity = Vector2.Lerp(rigi2D.velocity, new Vector2(dir.x * moveSpeed, rigi2D.velocity.y), wallJumpLefp * Time.deltaTime);}}private void Jump(Vector2 dir,bool wall){slidePartical.transform.parent.localScale = new Vector3(ParticalSide(), 1, 1);ParticleSystem particle = wall ? wallJumpPartical : jumpPartical;rigi2D.velocity = new Vector2(rigi2D.velocity.x, 0);rigi2D.velocity += dir* jumpForece;particle.Play();}void GroundTouch(){hasDashed = false;isDashing = false;side = anim.sr.flipX ? -1 : 1;jumpPartical.Play();}private void Dash(float x,float y){Camera.main.transform.DOComplete(); //终止所有动画Camera.main.transform.DOShakePosition(0.2f, 0.5f, 14, 90, false, true); //这里运用的是我上一篇文章讲到的DOTween的让摄像机震动的效果FindObjectOfType<RippleEffect>().Emit(Camera.main.WorldToViewportPoint(transform.position)); //目的是使在玩家位置产生涟漪的效果，也是Github上的一个项目hasDashed = true;anim.SetATrigger("dash");rigi2D.velocity = Vector2.zero;Vector2 dir = new Vector2(x, y);rigi2D.velocity += dir.normalized * dashSpeed; //让冲刺朝着玩家移动的方向StartCoroutine(DashWait());}IEnumerator DashWait(){FindObjectOfType<PlayerGhostTrail>().ShowGhost();StartCoroutine(GroundDash());DOVirtual.Float(14, 0, 0.8f, RigibodyDrag);dashPartical.Play();rigi2D.gravityScale = 0;GetComponent<PlayerBetterJumping>().enabled = false;wallJumped = true;isDashing = true;yield return new WaitForSeconds(0.3f);dashPartical.Stop();isDashing = false;wallJumped = false;rigi2D.gravityScale = 3;GetComponent<PlayerBetterJumping>().enabled = true;}IEnumerator GroundDash(){yield return new WaitForSeconds(0.15f);if (coll.onGround){hasDashed = false;}}void WallPartical(float vertical){var main = slidePartical.main;if(wallSlide || (wallGrab && vertical < 0)){slidePartical.transform.parent.localScale = new Vector3(ParticalSide(), 1, 1);main.startColor = Color.white;}else{main.startColor = Color.clear;}}private void WallJump(){if((coll.onRightWall && side ==1) || (coll.onRightWall && side == -1)){side *= -1;anim.Flip(side);}StopCoroutine(DisableMovement(0));StartCoroutine(DisableMovement(0.1f));Vector2 wallDir = coll.onRightWall ? Vector2.left : Vector2.right;Jump(Vector2.up /1.5f + wallDir /1.5f,true);wallJumped = true;}private void WallSlide(){if(coll.wallSide != side){anim.Flip(side * -1);}if (!canMove)return;bool pushingWall = false;if((rigi2D.velocity.x > 0 && coll.onLeftWall) || (rigi2D.velocity.x<0 && coll.onRightWall)){pushingWall = true;}float push = pushingWall ? 0 : rigi2D.velocity.x;rigi2D.velocity = new Vector2(push, -slideSpeed);}IEnumerator DisableMovement(float time){canMove = false;yield return new WaitForSeconds(time);canMove = true;}void RigibodyDrag(float x){rigi2D.drag = x;}int ParticalSide(){int particalSide = coll.onRightWall ? 1 : -1;return particalSide;}
}

除此之外还需要一个脚本来使玩家能大小跳

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class PlayerBetterJumping : MonoBehaviour
{private Rigidbody2D rigi2D;public float fallMultipler = 2.5f;public float lowJumpMultipler = 2f;void Start(){rigi2D = GetComponent<Rigidbody2D>();}void Update(){if(rigi2D.velocity.y < 0){rigi2D.velocity += Vector2.up * Physics2D.gravity.y * (fallMultipler - 1) * Time.deltaTime;}else if(rigi2D.velocity.y > 0 && !Input.GetButton("Jump")){rigi2D.velocity += Vector2.up * Physics2D.gravity.y * (lowJumpMultipler - 1) * Time.deltaTime;}}
}

这些是所需的所有脚本，其中RippleEffect是玩家需要从源码中下载的。

别忘了给人物填上参数。

以及给我们负责绘制Ground的一个层级

还有我们的Ghost

作者用一个名字叫"Ghost"的Material能让它们隐身，当使用的是会显示出来

使用作者的Partical System模拟出飘雪的感觉

最后别忘了在Project Settings上更改你的Fire1和Fire3

学习产出：

首先是按住Fire1能够悬停在墙上

冲刺的残影这个nm我截不到，按不到暂停所有就算了

总之残影和涟漪效果都是可以实现的。

【Unity好项目分享】如何制作如游戏蔚蓝般极佳的操作手感相关推荐

【unity】分享一个2D小游戏的完整制作教程——小球跳圈
文章目录前言 1.准备游戏材质 2.进入编辑器,处理四色环的逻辑 3.玩家控制小球逻辑 4.关于摄像机部分前言看到了个不错的unity3D游戏教程,于是记录一下这是工程地址+游戏Demo 1. ...
【unity】分享一个2D小游戏的完整制作教程——涂鸦跳跃demo
文章目录前言 1.贴图准备跳板的逻辑人物的逻辑相机的逻辑如何自动生成跳板如何赢得游戏前言这个只是练手的一个2D小游戏,不许商用哦完成了原版的一个关卡的内容,跳板也只有一种,但是如果需 ...
按键精灵制作自用游戏脚本所需的简单操作
分享一下疫情期间自己玩游戏时用按键精灵制作脚本常用的关键字,函数和设计方式. 版本:按键精灵2014 #按键精灵语法大小字母写无影响,变量可以用汉字. #按键精灵2014和按键精灵9语法上有一定区别, ...
Unity制作格斗游戏核心思路总结
http://anchorart9.com/2016/05/22/unity%E5%88%B6%E4%BD%9C%E6%A0%BC%E6%96%97%E6%B8%B8%E6%88%8F%E6%A0%B ...
Unity初级案例-愤怒的小鸟:三:07猪的受伤+08弹弓划线操作+09死亡和加分特效的制作+10游戏逻辑的判定，实现多只小鸟的飞出
目录一.目的 1.想知道:愤怒的小鸟:如何制作 2.做好学习笔记,方便下次查看二.参考 1.SIKI学院三.注意 1.版本操作:1:07猪的受伤 1.游戏逻辑 1.图片裁剪:制作背景等 1.创 ...
开发者分享在PC上制作iOS游戏的经验（下）
开发者分享在PC上制作iOS游戏的经验(下) 发布时间:2013-05-01 09:48:18 Tags: AI, 市场营销, 手势, 测试, 游戏平衡简介这时候我们已经创造了一款可行的游戏,即 ...
图文并茂使用CocosBuilder制作Cocos2D游戏分享0
图文并茂使用CocosBuilder制作Cocos2D游戏分享0 目录 The Game 设置工程创建动画类型的主界面本文由Zynga 工程师原创,翻译:Iven,张作宸,Butterfly ...
分享一组制作游戏用的人物立绘/角色形象素材图片，共182张图片
分享一组制作游戏用的人物立绘/角色形象素材图片,共182张图片上面的下载地址链接是图片,无法直接复制哦!下载请直接点击: 游戏素材下载或者复制以下链接:http://www.2gei.com/v ...
分享Unity工具十天创建iPad游戏的经验
作者:James Bowling 数周前,我在网上与朋友聊天时,决定挑战下自己的能力.我想看看能否在1周时间内用Unity开发工具创建出一款游戏.我并没有丰富的Unity开发经验,因而绝大多数时间会花 ...
Unity游戏源码分享-卡通填色游戏Drawing Coloring Extra Edition 1.09
Unity游戏源码分享-卡通填色游戏Drawing Coloring Extra Edition 1.09 非常适合小朋友玩的小游戏功能很齐全完善项目地址:https://download.csd ...

【Unity好项目分享】如何制作如游戏蔚蓝般极佳的操作手感

Github：完整项目：

学习目标：

学习内容：

学习产出：

【Unity好项目分享】如何制作如游戏蔚蓝般极佳的操作手感相关推荐

最新文章

热门文章