Too much dropped frame when rendering canvas using requestAnimationFrame in Edge Mobile

Confirmed Issue #6504370 • Assigned to Daniel L.

Details

Created
Feb 10, 2016
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

==============

Here’s an example I created: http://www.ghiasi.net/EdgeWPframeSkippingBug/test1/index.html

If you run this on Chrome (Android) or Edge (PC) or even IE11 (WP8.1), you’ll see that long waits (longer than 20ms) happens rarely. (maybe just one in each second) which is fine, and animation runs smoothly.

But if you run it on a Windows 10 Mobile device (tested on Lumia 930 and Lumia 540, both running latest build of Windows 10 Mobile) You’ll see that lots of long waits are happening, and the movement lag is noticable.

I’ve noticed this bug while developing a 2D html game, but I created this simple example to demonstrate the issue.

I’ve tried the same code on a Cordova based app and a Windows javascript app, they have this issue too. (They use Edge for rendering, right?)

Expected Results:

==============

Waits longer than 20ms (between current and next requestAnimationFrame) should happen rarely, so animation runs smoothly. (no lag)

Actual Results:

==============

Dev Channel specific:

================

Yes

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Rico M.”

      Changed Assigned To from “Rico M.” to “Daniel L.”

      Changed Status to “Confirmed”

      Changed Steps to Reproduce

      Changed Title from “Too much dropped frame when rendering canvas using requestAnimationFrame in Edge Mobile” to “Too much dropped frame when rendering canvas using requestAnimationFrame in Edge Mobile”

    • This is a very annoying issue for any developer creating Windows 10 games using HTML5/Javascript canvas. Makes Windows 10 mobile unusable for that scenario.

    You need to sign in to your Microsoft account to add a comment.

    Sign in