Re: (X)HTML5 + SMIL?
Petri Vuorimaa <[email protected]> Mon, 8 Mar 2010 12:41:35 +0200
| Newsgroups | gmane.comp.web.smil |
|---|---|
| Message-ID | <[email protected]> |
--Apple-Mail-14--172596945 Content-Transfer-Encoding: quoted-printable Content-Type: text/plain; charset=us-ascii David, Thanks for pointing out also my Timesheets implementation. I haven't = been working on it for a while. However, if I remember correctly I was = able to implement all the major features in the SMIL Timesheets document = [1]. Even, prefetcing and animations work [2]. Implementing the missing = features [3] shouldn't be a big problem The layout is taken care by the browser CSS layout engine, which is = pretty efficient in most modern browsers. The Javascript part is rather = simple, and thus I didn't find any real performance problems. I hoping to see some real life use cases. Then, it would be possible to = do more detailed performance analysis using, e.g., Firebug [4]. Yours, Petri Vuorimaa Aalto University [1] http://www.w3.org/TR/timesheets/ [2] http://www.tml.tkk.fi/~pv/timesheets/tests.xhtml [3] http://www.tml.tkk.fi/~pv/timesheets/features.xhtml [4] http://getfirebug.com/ On 8.3.2010, at 12:06, David Leunen wrote: > =20 > I'm curious what your experience implementing this in JS has been, = whether there are particular performance issues you've encountered, or = things that were particularly difficult that you may have had to hack = around or anything? >=20 >=20 > I tried to introduce the least hacks possible. Nevertheless, I = consider the entire script is a hack. > I haven't stress tested it, so I don't know where are the performance = bottlenecks. I guess it depends on the JS engines. > The main difficulty is implementing additivity. The script need a = major rewrite for that (i.e it doesn't strictly follow the model SMIL = defines : aka sandwich model). > Another bug is that animations' starts are not strictly calculated, = but relies on events. So they may become out of sync, if they are = repeated many times. > Apart from that, everything was pretty straightforward, if I remember = well. >=20 >=20 > (There's also that timesheet implementation : = http://www.tml.tkk.fi/~pv/timesheets/ ) --Apple-Mail-14--172596945 Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset=us-ascii <html><head></head><body style=3D"word-wrap: break-word; = -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; = ">David,<div><br></div><div>Thanks for pointing out also my Timesheets = implementation. I haven't been working on it for a while. However, if I = remember correctly I was able to implement all the major features in the = SMIL Timesheets document [1]. Even, prefetcing and animations work [2]. = Implementing the missing features [3] shouldn't be a big = problem</div><div><br></div><div>The layout is taken care by the browser = CSS layout engine, which is pretty efficient in most modern browsers. = The Javascript part is rather simple, and thus I didn't find any real = performance problems.</div><div><br></div><div>I hoping to see some real = life use cases. Then, it would be possible to do more detailed = performance analysis using, e.g., Firebug = [4].</div><div><br></div><div>Yours,</div><div><br></div><div>Petri = Vuorimaa</div><div>Aalto University</div><div><br></div><div>[1] <a = href=3D"http://www.w3.org/TR/timesheets/">http://www.w3.org/TR/timesheets/= </a></div><div>[2] <a = href=3D"http://www.tml.tkk.fi/~pv/timesheets/tests.xhtml">http://www.tml.t= kk.fi/~pv/timesheets/tests.xhtml</a></div><div>[3] <a = href=3D"http://www.tml.tkk.fi/~pv/timesheets/features.xhtml">http://www.tm= l.tkk.fi/~pv/timesheets/features.xhtml</a></div><div>[4] <a = href=3D"http://getfirebug.com/">http://getfirebug.com/</a></div><div><br><= div><div>On 8.3.2010, at 12:06, David Leunen wrote:</div><br = class=3D"Apple-interchange-newline"><blockquote type=3D"cite"> <div = class=3D"gmail_quote"><blockquote class=3D"gmail_quote" style=3D"margin:0 = 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;"><div>I'm curious = what your experience implementing this in JS has been, whether there are = particular performance issues you've encountered, or things that were = particularly difficult that you may have had to hack around or = anything?</div> </blockquote><div><br></div><div><br></div><div>I tried to introduce the = least hacks possible. Nevertheless, I consider the entire script is a = hack.</div><div>I haven't stress tested it, so I don't know where are = the performance bottlenecks. I guess it depends on the JS engines.</div> <div>The main difficulty is implementing additivity. The script need a = major rewrite for that (i.e it doesn't strictly follow the model SMIL = defines : aka sandwich model).</div><div>Another bug is that animations' = starts are not strictly calculated, but relies on events. So they may = become out of sync, if they are repeated many times.</div> <div>Apart from that, everything was pretty straightforward, if I = remember well.</div><div><br></div><div><br></div><div>(There's also = that timesheet implementation : <a = href=3D"http://www.tml.tkk.fi/~pv/timesheets/">http://www.tml.tkk.fi/~pv/t= imesheets/</a> )</div> </div> </blockquote></div><br></div></body></html>= --Apple-Mail-14--172596945--