[lnkForumImage]
TotalShareware - Download Free Software
Confronta i prezzi di migliaia di prodotti.
Asp Forum
 Home | Login | Register | Search 


 

Forums >

comp.lang.javascript

converting Julia sets into animated CSS objects...

Chris M. Thomasson

8/26/2014 7:51:00 PM

First of all, here is a little example that kind of shows
off the concept I have in mind:

http://webpages.charter.net/appcore/ctfr...


I am going to derive the CSS layout and orbit patterns
from an IFS. This thing can even go to 3d transform/
translation land.

Can I use JavaScript to automatically create HTML5
source and run it.

AFAICT, this would be better suited for the generator
to be based in PHP, and the final product could be
JavaScript and/or HTML5 CSS3.

Any thoughts?

;^o
3 Answers

Michael Haufe (\"TNO\")

8/27/2014 10:16:00 PM

0

On Tuesday, August 26, 2014 2:50:40 PM UTC-5, Chris M. Thomasson wrote:
> First of all, here is a little example that kind of shows
> off the concept I have in mind:
>
> http://webpages.charter.net/appcore/ctfr...
>
> I am going to derive the CSS layout and orbit patterns
> from an IFS. This thing can even go to 3d transform/
> translation land.
>
> Can I use JavaScript to automatically create HTML5
> source and run it.
>
> AFAICT, this would be better suited for the generator
> to be based in PHP, and the final product could be
> JavaScript and/or HTML5 CSS3.
>
> Any thoughts?

I've found the efficiency of CSS animations to fail terribly at scale. I would suggest manipulating canvas image data directly is still the best way to go.

Chris M. Thomasson

9/27/2014 4:28:00 AM

0

> "Michael Haufe (TNO)" wrote in message
> news:18dac6ec-c050-4ebd-b996-3a980aeb1307@googlegroups.com...

> > On Tuesday, August 26, 2014 2:50:40 PM UTC-5, Chris M. Thomasson wrote:
> > First of all, here is a little example that kind of shows
> > off the concept I have in mind:
> >
> > http://webpages.charter.net/appcore/ctfr...
[...]
> > Can I use JavaScript to automatically create HTML5
> > source and run it.
[...]
> > Any thoughts?

> I've found the efficiency of CSS animations to fail
> terribly at scale. I would suggest manipulating
> canvas image data directly is still the best way to go.

Damn. BTW, how does the example animation
run for you?

http://webpages.charter.net/appcore/ctfr...

Is is kind of smooth, or jittery as all heck?

FWIW, its smoother for me on Chrome than Firefox!

;^(...

Michael Haufe (\"TNO\")

9/28/2014 10:39:00 AM

0

On Friday, September 26, 2014 11:36:29 PM UTC-5, Chris M. Thomasson wrote:

> Is is kind of smooth, or jittery as all heck?

Chrome: ok, Fx: jittery

> FWIW, its smoother for me on Chrome than Firefox!

While Fx debateably "wins" currently in terms of memory consumption and JavaScript performance, this particular aspect still falls short. I glanced through bugzilla, and it looks like part of the issue is that CSS animations are not on a separate thread yet. I wouldn't be surprised if this was fixed by the end of the year.

I still vote for doing this in canvas+JS so you can control the efficiency better,