Comments on: JavaScript Animation Benchmarks http://create.tpsitulsa.com/blog/2009/10/21/javascript-animation-benchmarks/ the create framework blog Fri, 09 Jul 2010 22:25:05 +0000 hourly 1 http://wordpress.org/?v=3.0 By: SproutCore 1.0 gets closer; new demos too - Wasif Hafeez http://create.tpsitulsa.com/blog/2009/10/21/javascript-animation-benchmarks/comment-page-1/#comment-296 SproutCore 1.0 gets closer; new demos too - Wasif Hafeez Mon, 25 Jan 2010 11:11:22 +0000 http://create.tpsitulsa.com/blog/?p=226#comment-296 <p>[...] Animation Layer I’ve been working on a mixin to add animation to SproutCore views. [...]</p> [...] Animation Layer I’ve been working on a mixin to add animation to SproutCore views. [...]

]]> By: Alex Iskander http://create.tpsitulsa.com/blog/2009/10/21/javascript-animation-benchmarks/comment-page-1/#comment-181 Alex Iskander Thu, 29 Oct 2009 11:53:14 +0000 http://create.tpsitulsa.com/blog/?p=226#comment-181 <p>I was not intending to compare the Windows and Mac performance. I was wanting to compare browser performances relative to each other. That's why I also split the two charts from each other.</p> <p>I agree completely: the Windows and Mac speeds are not at all comparable.</p> I was not intending to compare the Windows and Mac performance. I was wanting to compare browser performances relative to each other. That’s why I also split the two charts from each other.

I agree completely: the Windows and Mac speeds are not at all comparable.

]]> By: CBRCoder http://create.tpsitulsa.com/blog/2009/10/21/javascript-animation-benchmarks/comment-page-1/#comment-180 CBRCoder Thu, 29 Oct 2009 11:27:26 +0000 http://create.tpsitulsa.com/blog/?p=226#comment-180 <p>So, you took new Core 2 Duo 2.33Gz and Snow Leapord(most recent) for Mac and then compared it with 6 year old P4 and 6 year old XP ? And then you are publishing comparisons ? Please don't compare Apple->Orange!</p> So, you took new Core 2 Duo 2.33Gz and Snow Leapord(most recent) for Mac and then compared it with 6 year old P4 and 6 year old XP ? And then you are publishing comparisons ? Please don’t compare Apple->Orange!

]]> By: SproutCore 1.0 gets closer; new demos too » Intipadi.com - Majalah Sains dan Teknologi Informasi http://create.tpsitulsa.com/blog/2009/10/21/javascript-animation-benchmarks/comment-page-1/#comment-177 SproutCore 1.0 gets closer; new demos too » Intipadi.com - Majalah Sains dan Teknologi Informasi Wed, 28 Oct 2009 23:22:31 +0000 http://create.tpsitulsa.com/blog/?p=226#comment-177 <p>[...] Animation Layer I’ve been working on a mixin to add animation to SproutCore views. [...]</p> [...] Animation Layer I’ve been working on a mixin to add animation to SproutCore views. [...]

]]> By: Ajaxian » SproutCore 1.0 gets closer; new demos too http://create.tpsitulsa.com/blog/2009/10/21/javascript-animation-benchmarks/comment-page-1/#comment-174 Ajaxian » SproutCore 1.0 gets closer; new demos too Wed, 28 Oct 2009 11:49:28 +0000 http://create.tpsitulsa.com/blog/?p=226#comment-174 <p>[...] Animation Layer I’ve been working on a mixin to add animation to SproutCore views. [...]</p> [...] Animation Layer I’ve been working on a mixin to add animation to SproutCore views. [...]

]]> By: Evin Grano http://create.tpsitulsa.com/blog/2009/10/21/javascript-animation-benchmarks/comment-page-1/#comment-105 Evin Grano Thu, 22 Oct 2009 10:06:58 +0000 http://create.tpsitulsa.com/blog/?p=226#comment-105 <p>Alex:</p> <p>I have a transform function in SC.View that will transform any layout into a Top, Left, Width, Height layout and back. You should just use that for the conversion to make your mixin simpler. Contact me on IRC or email me to talk about it.</p> <p>Evin (etgryphon)</p> Alex:

I have a transform function in SC.View that will transform any layout into a Top, Left, Width, Height layout and back. You should just use that for the conversion to make your mixin simpler. Contact me on IRC or email me to talk about it.

Evin (etgryphon)

]]> By: Joshua Dickens http://create.tpsitulsa.com/blog/2009/10/21/javascript-animation-benchmarks/comment-page-1/#comment-102 Joshua Dickens Thu, 22 Oct 2009 02:06:33 +0000 http://create.tpsitulsa.com/blog/?p=226#comment-102 <p>Hmm, not sure how you'd capture FPS for hardware accelerated transitions. The best I can think of would be to screen capture it and measure it, but most screencap utilities are locked to 30fps :/ There's a bug (https://bugs.webkit.org/show_bug.cgi?id=23812) against the WebKit team to expose some sort of FPS debug information for hardware accelerated animation. I'm not sure how they might prioritize that, but hopefully it shows up at some point.</p> Hmm, not sure how you’d capture FPS for hardware accelerated transitions. The best I can think of would be to screen capture it and measure it, but most screencap utilities are locked to 30fps :/ There’s a bug (https://bugs.webkit.org/show_bug.cgi?id=23812) against the WebKit team to expose some sort of FPS debug information for hardware accelerated animation. I’m not sure how they might prioritize that, but hopefully it shows up at some point.

]]> By: Alex Iskander http://create.tpsitulsa.com/blog/2009/10/21/javascript-animation-benchmarks/comment-page-1/#comment-101 Alex Iskander Thu, 22 Oct 2009 01:23:05 +0000 http://create.tpsitulsa.com/blog/?p=226#comment-101 <p>Thanks!</p> <p>Also, thanks for the suggestion; it is very intriguing, and I am tempted to experiment with it...</p> <p>I'll have to think over it. On the pro side, it will be GPU accelerated if possible; on the con side, when/if transitions themselves are accelerated through GPU (I've heard mention of this, at least), then those will probably be faster again...</p> <p>This will be difficult to test quantitatively; I was unable to test the FPS of WebKit transitions, as I don't control them (I disabled transitions for my tests). I'm looking for a way to test that (aside from by-eye, which has been my only way of judging transitions so far). Any ideas?</p> <p>Thanks!</p> Thanks!

Also, thanks for the suggestion; it is very intriguing, and I am tempted to experiment with it…

I’ll have to think over it. On the pro side, it will be GPU accelerated if possible; on the con side, when/if transitions themselves are accelerated through GPU (I’ve heard mention of this, at least), then those will probably be faster again…

This will be difficult to test quantitatively; I was unable to test the FPS of WebKit transitions, as I don’t control them (I disabled transitions for my tests). I’m looking for a way to test that (aside from by-eye, which has been my only way of judging transitions so far). Any ideas?

Thanks!

]]> By: Joshua Dickens http://create.tpsitulsa.com/blog/2009/10/21/javascript-animation-benchmarks/comment-page-1/#comment-100 Joshua Dickens Thu, 22 Oct 2009 01:12:54 +0000 http://create.tpsitulsa.com/blog/?p=226#comment-100 <p>Very impressive, and nice work. Since you're using webkit transitions (where available) you might want to try animating -webkit-transform: translate3d(x,y,z) instead of the left/top/right/bottom (I just glanced at your code, so I think that's what you're doing). This has the potential to be much faster, since it's hardware accelerated (in snowleopard Safari 4, at least).</p> Very impressive, and nice work. Since you’re using webkit transitions (where available) you might want to try animating -webkit-transform: translate3d(x,y,z) instead of the left/top/right/bottom (I just glanced at your code, so I think that’s what you’re doing). This has the potential to be much faster, since it’s hardware accelerated (in snowleopard Safari 4, at least).

]]>