CSHARP
using SkiaSharp;
using SkiaSharp.Views.Maui.Controls;

public class CatAnimator
{
    private float walkCycle = 0f;
    private readonly float walkSpeed = 0.05f;
    private readonly SKPoint catPosition = new(200, 300);
    
    public void DrawWalkingCat(SKCanvas canvas, long frame)
    {
        walkCycle += walkSpeed;
        
        // Front paws alternate with offset
        float frontPawOffset = (float)Math.Sin(walkCycle) * 15f;
        float backPawOffset = (float)Math.Sin(walkCycle + Math.PI) * 12f;
        
        DrawCatBody(canvas, catPosition);
        DrawPaw(canvas, catPosition.X - 20, catPosition.Y + 40 + frontPawOffset);
        DrawPaw(canvas, catPosition.X + 20, catPosition.Y + 40 - frontPawOffset);
        DrawPaw(canvas, catPosition.X - 15, catPosition.Y + 35 + backPawOffset);
        DrawPaw(canvas, catPosition.X + 15, catPosition.Y + 35 - backPawOffset);
    }
}

Animation Setup:

1. Initialize timing variables (walkCycle, idleCycle, frameTime)
2. Set realistic speed constants (walkSpeed: 0.05f, runSpeed: 0.12f)
3. Create easing functions for natural acceleration/deceleration
4. Establish paw positioning offsets for quadruped gait

Core Animation Loop: Progress:

• Update timing based on real deltaTime
• Calculate current gait phase (walk/trot/run)
• Apply physics-based movement curves
• Render body with subtle bounce
• Draw paws with proper alternating pattern
• Add secondary animations (tail, ears, whiskers)

Natural Movement Patterns:

1. Walking Gait: Diagonal pairs alternate (front-left + back-right, then front-right + back-left)
2. Trotting: Faster diagonal coordination with slight airtime
3. Prowling: Lower body, slower deliberate steps, extended paw holds
4. Sitting/Standing: Weight shift with micro-movements for breathing

Example 1: Walking Animation

CSHARP
public void UpdateWalkCycle(float deltaTime)
{
    walkCycle += walkSpeed * deltaTime * 60f; // 60fps normalization
    
    // Natural paw lifting curve (quick up, slow down)
    float frontLeft = EaseOutQuart(Math.Sin(walkCycle)) * 20f;
    float frontRight = EaseOutQuart(Math.Sin(walkCycle + Math.PI)) * 20f;
    float backLeft = EaseOutQuart(Math.Sin(walkCycle + Math.PI/2)) * 15f;
    float backRight = EaseOutQuart(Math.Sin(walkCycle - Math.PI/2)) * 15f;
}

Example 2: Pounce Sequence

CSHARP
public void AnimatePounce(float progress)
{
    if (progress < 0.3f) // Crouch phase
    {
        float crouch = progress / 0.3f;
        bodyHeight = Lerp(normalHeight, crouchHeight, EaseInQuad(crouch));
        frontPawSpread = Lerp(0f, 25f, crouch);
    }
    else if (progress < 0.8f) // Leap phase
    {
        float leap = (progress - 0.3f) / 0.5f;
        bodyHeight = Lerp(crouchHeight, leapHeight, EaseOutCubic(leap));
        allPawsUp = true;
    }
    // Landing handled separately with impact absorption
}