I hate to be that guy but this takes up 45% cpu under firefox for a simple spin animation.
Getting around 20% to 35% on Chrome 15
Spin.js, a pure JS spinner
11–20 of 70 posts
Re: Spin.js, a pure JS spinner
#12I hate to be that guy but this takes up 45% cpu under firefox for a simple spin animation.
Less than 10% CPU for me, with Firefox 6.0.
Re: Spin.js, a pure JS spinner
#13I hate to be that guy but this takes up 45% cpu under firefox for a simple spin animation.
1% on chrome
CPU time measurements, especially percentages, get very fuzzy when the CPU isn't loaded.
I'm on Chromium 12 on a Fedora 15 box. Top reports ~25% (on a dual core Arrandale, so that's about 1/8th the available CPU time), but checking the clocks more carefully shows that they're spending half their time in sleep states and never moving from the 1.2GHz base speed (this model turbos at 2.9GHz). So my envelope tells me this is about 4-5% usage vs. a fully loaded system.
Re: Spin.js, a pure JS spinner
#14Very cool - love the way it's configurable, good job.
Re: Spin.js, a pure JS spinner
#15I hate to be that guy but this takes up 45% cpu under firefox for a simple spin animation.
My gut feeling is that if you rendered the different stages of the animation into multiple images using canvas and just toggled their visibility, you could get better performance.
Re: Spin.js, a pure JS spinner
#16What's the battery drain like?
It's not like animating a gif doesn't use up CPU cycles.
Re: Spin.js, a pure JS spinner
#17Not realizing what was meant by "spinner", I spent a few seconds waiting for the cool javascript demo to load before I realized.
Re: Spin.js, a pure JS spinner
#18What's the battery drain like?
It's not like animating a gif doesn't use up CPU cycles.
I accidentally upvoted you (trying to view your profile, I dont have downvote privileges). The CPU use of just about any GIF spinner is trivial compared to this, even in the browser this runs best in. Sure its a solid enough concept, but not something that'd you actually use in practice yet.
Re: Spin.js, a pure JS spinner
#19Ugh. Surely thats what CSS transforms and transitions are for. Javascript animations should be a last resort...