godot4制作2D游戏02———添加人物移动动画

添加人物移动动画

创建动画

• 动画一般有两种节点，一种为 AnimationPlayer, 另一种是 AnimatableSprite2D

  • AnimationPlayer 功能更强大
  • AnimatableSprite2D 使用简但功能少

• 在Player下创建一个AnimationPlayer节点

  • 在下方会出现一个工作台，创建新动画
  • 选中Sprite2D节点，然后在Animation属性中找到frame，点击钥匙加号
  • 然后在下方创建几个动画，idle和walk各三个

• 在Player.gd脚本中添加一些代码

  var move_speed: float  = 100.0
  var direction: Vector2 = Vector2.ZERO
  var cardinal_direction: Vector2 = Vector2.DOWN
  var state: String = "idle"
  
  @onready var animation_player: AnimationPlayer = $AnimationPlayer
  @onready var sprite: Sprite2D = $Sprite2D

  • 可以单击节点按住然后按command拖到gd脚本中来创建引用节点

修改代码

• 修改Player.md代码如下

class_name Player extends CharacterBody2D

// 将属性和需要的节点抽取出来
var move_speed: float  = 100.0
var direction: Vector2 = Vector2.ZERO
var cardinal_direction: Vector2 = Vector2.DOWN
var state: String = "idle"

@onready var animation_player: AnimationPlayer = $AnimationPlayer
@onready var sprite: Sprite2D = $Sprite2D


func _ready() -> void:
	pass
	
func _process(delta: float) -> void:
	direction.x = Input.get_action_strength("right") - Input.get_action_strength("left")
	direction.y = Input.get_action_strength("down") - Input.get_action_strength("up")

	velocity = direction * move_speed
    // 如果状态或者方向改变了就更新
	if SetState() || SetDirection():
		UpdateAnimation()
	pass

func _physics_process(delta: float) -> void:
	move_and_slide()

// cardinal_direction是保持的状态方向，比如说之前向上，但是不按方向键也要维持向上的状态
// direction是按键运动的方向，按方向键之后要更新方向
func SetDirection() -> bool:
	var new_dir: Vector2 = cardinal_direction
	if direction == Vector2.ZERO:
		return false
	if direction.y == 0:
		new_dir = Vector2.LEFT if direction.x < 0 else Vector2.RIGHT
	if direction.x == 0:
		new_dir = Vector2.UP if direction.y < 0 else Vector2.DOWN
	if cardinal_direction == direction:
		return false
	cardinal_direction = new_dir
	sprite.scale.x = -1 if cardinal_direction == Vector2.LEFT else 1
	return true
	
// 判断空闲状态还是行走状态，idle或walk
func SetState() -> bool: 
	var new_state: String = "idle" if direction == Vector2.ZERO else "walk"
	if new_state == state:
		return false
	state = new_state
	return true

// 更新需要运行的动画
func UpdateAnimation() -> void:
	animation_player.play(state + "_" + AnimationDirection())
	
func AnimationDirection() -> String:
	if cardinal_direction == Vector2.DOWN:
		return "down"
	elif cardinal_direction == Vector2.UP:
		return "up"
	else:
		return "side"