Animasyon Durum Makinesi: State Transitions Doğru Tasarımı

1enum CharacterState {
2Idle,
3Running,
4Jumping,
5Landing,
6Falling
7}

1class StateTransition {
2currentState: CharacterState
3nextState: CharacterState
4condition: () => boolean
5}
6
7const transitions: StateTransition[] = [
8{ currentState: Idle, nextState: Running, condition: () => inputX!== 0 },
9{ currentState: Running, nextState: Jumping, condition: () => isJumpPressed },
10{ currentState: Jumping, nextState: Falling, condition: () => velocity.y < 0 },
11{ currentState: Falling, nextState: Landing, condition: () => isGrounded },
12{ currentState: Landing, nextState: Idle, condition: () => landingAnimationFinished }
13]

1function updateState() {
2const validTransitions = transitions.filter(
3t => t.currentState === currentState && t.condition()
4)
5
6if (validTransitions.length > 0) {
7const nextState = validTransitions[0].nextState
8onStateChange(currentState, nextState)
9currentState = nextState
10playAnimation(getAnimationFor(nextState))
11}
12}

1function onStateChange(from, to) {
2switch(to) {
3case Running:
4character.speed = 5
5break
6case Jumping:
7character.velocity.y = 15
8break
9case Landing:
10character.speed = 0
11break
12}
13}