Sprite Testing for Rich Internet Applications « Rama Hoetzlein

Sprite Testing for Rich Internet Applications

The follow page contains public source code and demos for the paper “Graphics Performance in Rich Internet Applications”, published in IEEE Computer Graphics & Applications (CG&A), September 2012.

A series of sprite tests was developed for testing raw graphics performance in Rich Internet Application Frameworks. By writing the same test in four different rich internet application frameworks and languages, 1) Flex/Flash, 2) HTML5/Javascript, 3) WebGL/Javascript, and 4) OpenGL/C++, it is possible to get a realistic picture of online graphics performance across browsers and languages.

The test consists of N transparent 2D sprites of 32×32 pixels each, rendered and initially placed at random locations on a 1280 x 900 pixel canvas. The sprites are animated according to a simple physics system with a point gravity at the center of the canvas. The test suite displays frame times in milliseconds, and allows for measurement of simulation and rendering separately. User input permits scaling the number of sprites (N) up to one million.

Raw Data can be downloaded here:

Raw Data (MS Excel spreadsheet)

All tests were conducted on a Sager NP8690 Core i7 640M laptop, with 4 GB ram, and a GeForce GTX 460M graphics card.
Original source code and demos are provided here for reference and validation.
To run these tests in different browsers, simply click on the links below in your browser of choice.

A future goal of this work, which readers are invited to participate in, is to perform these tests in other operating systems and on mobile devices.

Comments welcome below. NOTE: I recently fixed the comment entry below. If you have any problems posting comments, please email me at rama@rchoetzlein.com and let me know.

Keyboard control is identical for all demos below:

Z, X – Decrease/increase number of sprites by 100
Q,W – Decrease/increase number of sprites by 10,000
P – Pause simulation. Continue rendering. (Measures rendering only)
D – Pause rendering. Continue simulation. (Measures simulation only)
S – Switch to BitmapData sprites (Flex/Flash version only)


Click for online demo. https://rchoetzlein.com/sprite_tests/flex/

Download source here: sprites_flex.zip

Use the ‘S’ key to switch between Sprite and BitmapData rendering.


Click for online demo. https://rchoetzlein.com/sprite_tests/jscript/

Download source here: sprites_jscript.zip


Click for online demo. https://rchoetzlein.com/sprite_tests/webgl

Download source here: sprites_webgl.zip


Download source here (Windows): sprites_opengl.zip

One response to “Sprite Testing for Rich Internet Applications”

  1. admin says:

    Recently fixed comment posting. If you have any questions comments should work now, or you are welcome to email me at rama@rchoetzlein.com

Leave a Reply

Your email address will not be published. Required fields are marked *


Reload Image

Web Design MymensinghPremium WordPress ThemesWeb Development

New Website Launched

November 12, 2014November 12, 2014
This new personal website contains previously unpublished videos, updated content, and more on teaching materials and current research.

Fluids v.3.1 presented at GPU Technology Conference 2014

March 7, 2014March 7, 2014
Novel methods for fluid simulation were presented at the GPU Technology Conference, in Santa Clara, CA. The new Fluids v.3.1 can simulate over 4 million particles at 4 fps, is easier to build, and runs on CUDA 5.0 and 5.5.

Starting Position as Graphics Developer with NVIDIA

January 1, 2013January 1, 2013
nvidia_logoThis January, 2013, I start a new position in Graphics Research at NVIDIA Corporation in Santa Clara, CA, working with CAD clients to develop GPU technologies, and exploring topics in computer graphics.