60 fps Animated Sprite?

[Shadowblitz16]

How do I draw a animated image centered in a canvas?

Right now I have this...

using Avalonia;
using CommunityToolkit.Mvvm.ComponentModel;

namespace SuperX.Avalonia.ViewModels;

public partial class GraphicWindowViewModel : ViewModelBase
{
    [ObservableProperty][NotifyPropertyChangedFor(nameof(FrameRect))] private uint _frames = 1;
    [ObservableProperty][NotifyPropertyChangedFor(nameof(FrameRect))] private uint _frameSpeed = 8;
    
    [ObservableProperty][NotifyPropertyChangedFor(nameof(GfxRect))] private uint _gfxWidth   = 16;
    [ObservableProperty][NotifyPropertyChangedFor(nameof(GfxRect))] private uint _gfxHeight  = 16;
    [ObservableProperty][NotifyPropertyChangedFor(nameof(GfxRect))] private int  _gfxOffsetX = 0;
    [ObservableProperty][NotifyPropertyChangedFor(nameof(GfxRect))] private int  _gfxOffsetY = 0;
    
    [ObservableProperty][NotifyPropertyChangedFor(nameof(HitRect))] private uint _hitWidth   = 16;
    [ObservableProperty][NotifyPropertyChangedFor(nameof(HitRect))] private uint _hitHeight  = 16;
    [ObservableProperty][NotifyPropertyChangedFor(nameof(HitRect))] private int  _hitOffsetX = 0;
    [ObservableProperty][NotifyPropertyChangedFor(nameof(HitRect))] private int  _hitOffsetY = 0;

    Rect FrameRect
    {
        get
        {
            var frame = (uint)???;
            var x = 0;
            var y = GfxHeight *(((uint)frame / FrameSpeed) % Frames);
            var w = GfxWidth;
            var h = GfxHeight;
            
            return new Rect(x, y, w, h);
        }
    }
    
    Rect GfxRect
    {
        get
        {
            var x  = _gfxOffsetX;
            var y  = _gfxOffsetY;
            var w = _gfxWidth;
            var h = _gfxHeight;
            
            return new Rect(x, y, w, h);
        }
    }
    Rect HitRect
    {
        get
        {
            var x  = _hitOffsetX;
            var y  = _hitOffsetY;
            var w = _hitWidth;
            var h = _hitHeight;
            
            return new Rect(x, y, w, h);
        }
    }
    
}