25

I'm measuring the time between frames in a simple WPF animation. Perforator says the app performs at ~60fps, so I expected the time between frames to be ~16.6ms with little deviation.

    public MainWindow()
    {
    ...
        CompositionTarget.Rendering += Rendering;
    }

    List<long> FrameDurations = new List<long>();
    private long PreviousFrameTime = 0;
    private void Rendering(object o, EventArgs args)
    {
        FrameDurations.Add(DateTime.Now.Ticks - PreviousFrameTime);
        PreviousFrameTime = DateTime.Now.Ticks;
    }

Two things surprised me:

  • Time between frames is fairly irregular
  • Time between frames is ~8ms. I had expected that the monitor's refresh rate would set a lower bound on time between frames (ie. 60Hz = 16.6ms between each frame, and anything faster is pointless).

DefaultFrameRate

Y - Time between frames in ticks (10,000 ticks = 1ms)
X - Frame count

Possible confounding factors

  • Timer inaccuracy
  • If CompositionTarget.Rendering doesn't actually correlate to the drawing of a single frame

The project I'm using: SimpleWindow.zip

===Edit

Markus pointed out I could be using RenderingEventArgs.RenderingTime.Ticks instead of DateTime.Now.Ticks. I repeated the run and got very different results. The only difference is timing method:

DateTime.Now.Ticks

DefaultFrameRate

RenderingEventArgs.RenderingTime.Ticks

enter image description here

Data from RenderingEventArgs produced data much closer the expected 16.6ms/frame, and it is consistent.

  • I'm not sure why DateTime.Now and RenderingEventArgs would produce such very different data.
  • Assuming RenderingEventArgs is producing correct times, it's still a bit disconcerting that those times are not the expected 16.6ms.

If the display is updating every 16.6ms and WPF is updating every 14.9ms, we can expect a race condition that would result in tearing. That is to say, roughly every 10th frame WPF will be trying to write its image while the display is trying to read the image.

8

3 Answers 3

28

I raised this question with the WPF team and here is a summary of the response I was given:

Calculating the framerate from the UI thread is difficult. WPF decouples the UI thread from the render thread. The UI thread will render:

  • Whenever something is marked as dirty and we drain down to Render priority. This can happen more often than the refresh rate.

  • If an animation is pending (or if someone hooked the CompositionTarget.Rendering event) we will render on the UI thread after every present from the render thread. This involves advancing the timing tree so animations calculate their new values.

Because of this, the CompositionTarget.Rendering event can be raised multiple times per “frame”. We report the intended “frame time” in the RenderingEventArgs, and applications should only do “per-frame” work when the reported frame time changes.

Note that the UI thread is doing many things, so it is not reliable to assume the CompositionTarget.Rendering event handler runs at a reliable cadence. The model we use (decoupling the two threads) means that the UI thread can be a little behind, since it is calculating animations for a future frame time.

Special thanks to Dwayne Need for explaining this to me.

1
  • 7
    Awesome. Where can I learn more stuff like this? Is there a good book? I've been having trouble finding 'under-the-hood' WPF information. One problem is that because WPF is so easy (relative to GDI+ etc), there are a lot of people writing about it who don't really understand what they are doing, but still write about it. There's seems to be a fair bit of poor quality information to filter out.
    – Tristan
    Commented Jun 6, 2011 at 18:43
10

First - 'Christopher Bennage's-Answer has a good explanation and provides a hint to a solution:

"Only do “per-frame” work when the reported frame time changes"

This is a little bit hard, since the RenderingEventArgs are hidden as a normal EventArgs and a cast has to be done.

To make this a little bit easyer, a convinient solution can be found in "EVAN'S CODE CLUNKERS" http://evanl.wordpress.com/2009/12/06/efficient-optimal-per-frame-eventing-in-wpf/

I took his code and modified it a bit. Now just take my snipped, add the class to your Project, use CompositionTargetEx were you used CompositionTarget and you are fine :)

public static class CompositionTargetEx { 
    private static TimeSpan _last = TimeSpan.Zero; 
    private static event EventHandler<RenderingEventArgs> _FrameUpdating; 
    public static event EventHandler<RenderingEventArgs> Rendering { 
        add { 
            if (_FrameUpdating == null)                 
                CompositionTarget.Rendering += CompositionTarget_Rendering;
            _FrameUpdating += value; 
        } 
        remove { 
            _FrameUpdating -= value; 
            if (_FrameUpdating == null)                
                CompositionTarget.Rendering -= CompositionTarget_Rendering; 
        } 
    } 
    static void CompositionTarget_Rendering(object sender, EventArgs e) { 
        RenderingEventArgs args = (RenderingEventArgs)e;
        if (args.RenderingTime == _last) 
            return;
        _last = args.RenderingTime; _FrameUpdating(sender, args); 
    } 
}
4

WPF is not designed to be a constant frame rate rendering system. WPF renders to screen when the elements in the screen are marked as changed. The rendering system runs as a message loop so there is no way to ensure that a frame will be rendered at specific intervals.

3
  • 1
    Your answer makes sense, and is consistent with everything I'm seeing. Can you provide any data or means to backup your assertion? (Also, thanks for your time. I do appreciate it)
    – Tristan
    Commented May 11, 2011 at 18:05
  • 2
    You can check this video on the WPF Architecture in Channel 9 from one of the designers of WPF (They talk a lot about Avalon, it was the code name of WPF before its release)link
    – Vicro
    Commented May 12, 2011 at 2:38
  • 2
    Also I found some info on MSDN about the Rendering Behavior.
    – Vicro
    Commented May 12, 2011 at 2:40

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.