archive-com.com » COM » C » CRAFTYMIND.COM

Total: 161

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • GUIMark 2 - HTML5 Bitmap Test
    GUIMark Bitmap Game Test Current 10 fps

    Original URL path: http://www.craftymind.com/factory/guimark2/HTML5GamingTest.html (2016-04-27)
    Open archived version from archive


  • GUIMark 2 - Flash Bitmap Test
    Flash 9 required Source Code

    Original URL path: http://www.craftymind.com/factory/guimark2/FlashGamingTest.html (2016-04-27)
    Open archived version from archive

  • GUIMark 2 - HTML5 Text Test
    GUIMark Vector Chart Test Current 10 fps

    Original URL path: http://www.craftymind.com/factory/guimark2/HTML5TextTest.html (2016-04-27)
    Open archived version from archive

  • GUIMark 2 - Flash Text Test
    Flash 9 required Source Code

    Original URL path: http://www.craftymind.com/factory/guimark2/FlashTextTest.html (2016-04-27)
    Open archived version from archive

  • GUIMark 2 Mobile - HTML5 Bitmap Test
    GUIMark 10 fps

    Original URL path: http://www.craftymind.com/factory/guimark2/MobileHTML5GamingTest.html (2016-04-27)
    Open archived version from archive

  • GUIMark 2 Mobile - Flash Vector Test
    Flash 9 required Source Code

    Original URL path: http://www.craftymind.com/factory/guimark2/MobileFlashChartingTest.html (2016-04-27)
    Open archived version from archive

  • GUIMark 2 Mobile - Flash Bitmap Test
    Flash 9 required Source Code

    Original URL path: http://www.craftymind.com/factory/guimark2/MobileFlashGamingTest.html (2016-04-27)
    Open archived version from archive

  • GUIMark 2: The rise of HTML5 | Craftymind
    0 5 11 76 13 21 Firefox 3 6 3 7 5 14 09 Chrome 5 0 342 7 4 19 96 Opera 10 10 5 86 14 53 Avg 8 13 fps Avg 15 44 fps Linux Mint Firefox 3 5 9 4 84 fps 10 91 fps Safari on PC again only renders one frame per mousedown event so the results are impossible to verify These results are really surprising Chrome on OS X manages to push Flash higher then even Windows based browsers I was so surprised I ended up rebooting and running the test again just to make sure something wasn t wrong We re starting to see a trend where HTML5 on average runs slower for Canvas based animations and I ll explain why a bit further below Linux takes a huge performance hit in this test but the percentage difference mirrors the other platforms exactly With Nvidia drivers I d imagine the real numbers would be closer to Mac performance Text Column Test This test is designed to push the text layout and rendering engine in HTML and Flash The test utilizes custom fonts introduced with CSS3 as well as multibyte character string This is my least favorite test in the group because it doesn t simulate any real world test cases however it should provide a good estimate of how quickly a page full of text can be calculated I call it the iceberg test since 80 of the hit on the CPU happens outside the renderable view It works because although text that overflows outside the textblock doesn t get rendered it does have to get calculated in order to know how many lines of text can be scrolled HTML pages do this all the time when you load a site with text below the fold HTML5 Flash 10 Windows 7 Internet Explorer 8 0 7600 21 79 1 51 Firefox 3 6 3 24 7 1 5 Chrome 4 1 249 23 58 1 44 Opera 10 53 21 16 1 49 Safari 4 0 5 30 1 46 Avg 24 24 fps Avg 1 48 fps Snow Leopard Safari 4 0 5 27 26 16 24 Firefox 3 6 3 23 61 18 71 Chrome 5 0 342 26 07 22 85 Opera 10 10 22 72 15 22 Avg 24 91 fps Avg 18 25 fps Linux Mint Firefox 3 5 9 25 89 11 67 Safari continues to show problems on PC Safari reports 30 fps but it looks like it s running at 10 fps I ve included the results but they re really wrong Internet Explorer renders the view but is unable to display the custom fonts Chrome on both platforms is unable to render the Jedi custom font I didn t have time to investigate whether the super slow PC performance in Flash is my fault or Adobe s but I expect that will be uncovered soon enough As for the general differences between HTML and Flash in the text test this is exactly what I was expecting HTML was built for text rendering and this is further proof that browsers do this best GUIMark Mobile The Vector and Bitmap tests have been ported into miniature forms to test on mobile devices with a minimum resolution of 320 480 This is the area I imagine will see a lot of updates over the next 6 months I ve ordered the results by the release date of each phone tested HTML5 Vector HTML5 Bitmap Flash Vector Flash Bitmap Palm Pre c o Kevin O Shea 21 46 32 89 iPhone 3GS 10 79 12 86 Motorola Droid 8 95 12 59 Nokia N900 Flash 9 9 51 9 65 16 69 19 78 Nexus One 15 86 18 83 HTC HD2 c o Matt Emory 10 43 17 59 29 91 37 62 Two phones running the Flash player isn t conclusive evidence about Flash s performance in general in the mobile space but it does cast immediate doubts on claims that Flash is slow on ARM based smart phones Meanwhile if you want the best performance in HTML5 based web content Palm Pre and Nexus One are sitting at the top of the pile If you have results you d like to see added to the chart you can email results to mech at craftymind dot com What about video comparison I had really hoped to add a video test to this benchmark but I quickly found out there s no reliable way to record rendering performance for video objects As far as I can tell HTML5 video doesn t provide an api to catch frame dropping events or a way to determine the playback fps Blindly running a Timer object on the main thread didn t seem to help either At that point I didn t even bother seeing what hurdles Flash had to testing playback Parsing the Results I imagine half of the people reading this page will have one of two thoughts at this point Who cares if HTML5 is slower I just want Flash to die and HTML5 is still brand new it s going to get a lot faster While I m not interested in addressing the first point developers should have context around the second point There is a fundamental difference between the rendering models used in HTML5 Canvas and Flash which heavily influence the performance divide The difference is Canvas uses an immediate mode renderer while Flash uses a retained mode renderer When you write a line of javascript that draws a vector or bitmap to a Canvas the browser will immediately render that change before moving on to the next line of javascript Since the browser has to block that line of javascript while rendering it means the environment is most efficient when running on a single thread Text rendering on the other hand occurs at the end of the event loop behaving more like Flash In

    Original URL path: http://www.craftymind.com/guimark2/comment-page-2/ (2016-04-27)
    Open archived version from archive



  •