HTML5 Canvas Performance

Discussion and feedback on Construct 2

Post » Sat Sep 17, 2011 11:54 am

This is driving me crazy, because nothing I try changes anything, and I don't know why.

On my last pc, some month ago, I worked with a HD2600XT and Firefox 4. Ghost shooter demo: 10 fps.
FishIE Tank: 33 fps

On my new pc I had only an on-board-graphic chip (NVIDIA 7025) with the newest driver and Firefox 6.
Ghost shooter demo: 10 fps.
FishIE Tank: 29 fps

A friend of mine was so kind to give me his old card, a 9400GS. Still Firefox 6 and newest driver.
Ghost shooter demo: 10 fps.
FishIE Tank: 32 fps
Scott Porter's Canvas Performance Test: 48 fps

It doesn't help if people tell that they are able to run at 60 fps, because if their computer is powerful enough, it might reach that value without hardware support. And I can't find any message, if Firefox is using the hardware or not.

1) Why does it appear to have no hardware support, although it should?
2) Why is the ghost shooter demo so slow, while a HTML5 3D Canvas Test results in 48 fps?
3) Why does it seem, that no matter the cpu and gpu, I always get approx. the same rates?

Test pages used:
FishIE Tank
Scott Porter's Canvas Performance Test

EDIT: I also tested the on-board-chip and the current card with a project in CC. On-board chip 400 fps, new card 1400 fpstulamide2011-09-17 11:56:20
Image
B
23
S
8
G
10
Posts: 1,820
Reputation: 8,242

Post » Sat Sep 17, 2011 12:13 pm

[QUOTE="Tulamide"]And I can't find any message, if Firefox is using the hardware or not.[/QUOTE]

I'm confident Firefox uses hardware acceleration since version 4. There is an option for it in the preferences. Should be under the advanced tab and say "use hardware acceleration when available" or something similar.

Your similarly bad results are a bit on the weird side indeed though. What are the complete specs of the systems you tried? You seemed to have the strongest GPU on your old pc with the HD2600XT.

My last test, which is a bit outdated, indicated that Firefox is only doing an average job with HTML5, with IE9 in the performance lead followed by chrome (I think they may have switched places by now).

Did you try your luck with other browsers also? There may be a performance difference to be experienced.
B
21
S
6
G
10
Posts: 1,024
Reputation: 7,445

Post » Sat Sep 17, 2011 12:21 pm

To modify configuration stuff as hardware acceleration, etc... in firefox, put "about:config" in the url bar.

Also make sure that in tools/options/advanced "Use harware acceleration when available" is checked.

This should give you some leads for firefox.

For the ghost shooter, I believe it is the fullscreen options that eats FPS.
On my PC it runs at 11 FPS in FF6.
Modify, in the project properties of the ghostshooter.capx, the property "fullscreen in browser" to "no". 20 FPS announced, but the game feels more fluid to me.

Also FF is known to execute HTML5 slower than chrome and/or IE9.

Ninja'd by RebirthKyatric2011-09-17 12:22:12
New to Construct ? Where to start

Image Image
Image Image

Please attach a capx to any help request or bug report !
Moderator
B
247
S
85
G
40
Posts: 6,998
Reputation: 57,791

Post » Sat Sep 17, 2011 1:41 pm

Yeah, you should resize the ghost shooter window to the same size as the other tests to keep it fair.

Firefox 4+ uses hardware acceleration, but only if your drivers are up to date. Go Firefox menu -> Help -> Troubleshooting information, and under "Graphics", check "Direct2D enabled" is "true".

Firefox 6 seems a fair bit faster than Firefox 4 - in some of my tests, it actually has come out the fastest of all browsers. Different browsers are good at different things.
Scirra Founder
B
359
S
214
G
72
Posts: 22,946
Reputation: 178,478

Post » Sat Sep 17, 2011 2:38 pm

Thank you for the fast replies!

With "can't find any message, if Firefox is using the hardware or not" I meant some feedback from fierfox, that it found the hardware and will be using it. That's where Ashleys tip was very helpful!

[QUOTE=Ashley]Firefox 4+ uses hardware acceleration, but only if your drivers are up to date. Go Firefox menu -> Help -> Troubleshooting information, and under "Graphics", check "Direct2D enabled" is "true".[/QUOTE]
I did so and following is the text file created from 'Troubleshooting'. It's a german version, but the important part is under 'Grafik' (= Graphics). There is no item where it says, "Direct2D enabled". The very last entry says "GPU-accelerated windows" and lists 1 with Direct3D 9, but that's all I could find about acceleration at all:

[EDIT] I also used 'about:config' to find anything about Direct2D. I found this entry: gfx.direct2d.disabled;false [/EDIT]


Allgemeine Informationen

        Name
        Firefox

        Version
        6.0.2

        User-Agent
        Mozilla/5.0 (Windows NT 5.1; rv:6.0.2) Gecko/20100101 Firefox/6.0.2

        Profilordner

          Beinhaltenden Ordner anzeigen

        Aktivierte Plugins

          about:plugins

        Build-Konfiguration

          about:buildconfig

Erweiterungen

        Name

        Version

        Aktiviert

        ID

        Adblock Plus
        1.3.9
        true
        {d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d}

        Download Statusbar
        0.9.8
        true
        {D4DD63FA-01E4-46a7-B6B1-EDAB7D6AD389}

        DownloadHelper
        4.9.5
        true
        {b9db16a4-6edc-47ec-a1f4-b86292ed211d}

        Java Quick Starter
        1.0
        true
        jqs@sun.com

        Microsoft .NET Framework Assistant
        0.0.0
        true
        {20a82645-c095-46ed-80e3-08825760534b}

        Java Console
        6.0.24
        false
        {CAFEEFAC-0016-0000-0024-ABCDEFFEDCBA}

        Java Console
        6.0.26
        false
        {CAFEEFAC-0016-0000-0026-ABCDEFFEDCBA}

        Mehr Leistung und Videoformate fr dein HTML5 <video>
        2.1.2.126
        false
        {23fcfd51-4958-4f00-80a3-ae97e717ed8b}

Modifizierte Einstellungen

      Name

      Wert

        accessibility.typeaheadfind.flashBar
        0

        browser.places.importBookmarksHTML
        false

        browser.places.importDefaults
        false

        browser.places.leftPaneFolderId
        -1

        browser.places.migratePostDataAnnotations
        false

        browser.places.smartBookmarksVersion
        2

        browser.places.updateRecentTagsUri
        false

        browser.startup.homepage
        about:home

        browser.startup.homepage_override.buildID
        20110902133214

        browser.startup.homepage_override.mstone
        rv:6.0.2

        extensions.lastAppVersion
        6.0.2

        network.cookie.prefsMigrated
        true

        places.database.lastMaintenance
        1316176172

        places.history.expiration.transient_current_max_pages
        64400

        privacy.donottrackheader.enabled
        true

        privacy.sanitize.migrateFx3Prefs
        true

        security.warn_viewing_mixed
        false

Grafik

        Karten-Beschreibung
        NVIDIA GeForce 9400 GT

        Vendor-ID
        10de

        Gerte-ID
        0641

        Karten-Ram
        Unknown

        Karten-Treiber
        nv4_disp

        Treiber-Version
        6.14.12.8026

        Treiber-Datum
        8-3-2011

        WebGL-Renderer
        Google Inc. -- ANGLE -- OpenGL ES 2.0 (ANGLE 0.0.0.686)

        GPU-beschleunigte Fenster
        1/1 Direct3D 9

    tulamide2011-09-17 14:47:08
Image
B
23
S
8
G
10
Posts: 1,820
Reputation: 8,242

Post » Sat Sep 17, 2011 3:05 pm

Oh, Direct2D isn't available on Windows XP, I forgot. It's part of DX10 for Vista+ only. Duh! Well, I'm not sure how to tell then.
Scirra Founder
B
359
S
214
G
72
Posts: 22,946
Reputation: 178,478

Post » Sat Sep 17, 2011 3:30 pm

Out of interest, what's the lowest FPS for the Space Blaster game? At times, it drops to around 11 or 12 FPS when screen is busy for me.
If your vision so exceeds your ability, then look to something closer.
Moderator
B
120
S
28
G
68
Posts: 4,840
Reputation: 48,281

Post » Sat Sep 17, 2011 4:48 pm

This kind of inconsistency is why I haven't bought C2 yet. It's not Ashley's fault of course, it's just that I need to see way more consistency. If you make a casual web game and over half the people that play it are on an integrated chip that can't pull 20 fps, that's no good. Especially since those same chips even from several years ago, are more than capable of running a 2D game.

Anyways, I know it's not something Ashley can do anything about, it's just the reason I can't justify even a discounted purchase yet. I'd rather see these things ironed out first and pay more at that time.
B
13
S
6
G
6
Posts: 144
Reputation: 3,106

Post » Sat Sep 17, 2011 5:00 pm

Space Blaster is deliberately designed to exercise hardware acceleration by having tonnes of sprites and explosions. It's perfectly possible to make games that run well even on software rendering!
Scirra Founder
B
359
S
214
G
72
Posts: 22,946
Reputation: 178,478

Post » Sat Sep 17, 2011 5:07 pm

HTML5 will run fast in every major browser pretty soon. Of course the hardware and OS combination probably won't be allowed to be too outdated. I'm actually more worried about mobile performance. That should improve too once the technology gets more popular.

From my second little HTML5 performance test one could roughly talk about an average 44,2% improvement regarding the five biggest browsers in the last 6 months. If this keeps going, we are on a good path. PixelRebirth2011-09-17 17:16:49
B
21
S
6
G
10
Posts: 1,024
Reputation: 7,445

Next

Return to Construct 2 General

Who is online

Users browsing this forum: NetOne and 2 guests