State Transitions

// Define transitions between states
stateMachine.addTransition(idleState, walkState, "startWalking");
stateMachine.addTransition(walkState, runState, "startRunning");
stateMachine.addTransition(runState, walkState, "slowDown");
stateMachine.addTransition(walkState, idleState, "stop");

// Start with idle state
stateMachine.setCurrentState("idle");

// Later, trigger transitions
document.getElementById("walkButton").addEventListener("click", () => {
    stateMachine.trigger("startWalking");
});

document.getElementById("runButton").addEventListener("click", () => {
    stateMachine.trigger("startRunning");
});