you'll be pleased to hear i'm going into retirement for a good while. so no SVG animation for now unless someone wants to continue where i left off. this is to work on personal projects.
NASA Jeff,
On 2020-07-11 14:32, NASA Jeff wrote:
you'll be pleased to hear i'm going into retirement for a good while. so no SVG animation for now unless someone wants to continue where i left off. this is to work on personal projects.
Sad to hear actually - I was looking forward to your developments . . unfortunately I don't have the experience to take up the baton . .
P.
I may pick it up in a while.
On Sat, 11 Jul 2020 at 05:56, Philip Rhoades phil@pricom.com.au wrote:
NASA Jeff,
On 2020-07-11 14:32, NASA Jeff wrote:
you'll be pleased to hear i'm going into retirement for a good while. so no SVG animation for now unless someone wants to continue where i left off. this is to work on personal projects.
Sad to hear actually - I was looking forward to your developments . . unfortunately I don't have the experience to take up the baton . .
P.
Philip Rhoades
PO Box 896 Cowra NSW 2794 Australia E-mail: phil@pricom.com.au
I really advise anyone who does want to take it on to go the javascript route. backtracking calls to key frame calls to the code that has the settings for the animation sequence really isn't that hard most of the time. and chrome has the code for picking up calls to keyframes. though it traps them and a quick parse of the code to identify them may be a better idea than running the javascript and firing off the events and just waiting to trap the key frames.
On Sat, 11 Jul 2020 at 05:32, NASA Jeff tallboy258@gmail.com wrote:
you'll be pleased to hear i'm going into retirement for a good while. so no SVG animation for now unless someone wants to continue where i left off. this is to work on personal projects.
I'm just having a look at css vs js animation and discovered that inkscape isn't loading and saving my script that's in the svg file.
the main difference between css and js is css has limited ability for interactive animation and doesn't support dynamic animation. apart from that CSS seems pretty feature rich.
I'm just writing a dynamic/interactive rubber band animation effect in javascript to check the limitations of css comparatively. I don't think CSS would be able to support things like shape morphing either unless it's all precompiled.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
in the attached case tracing changeAnimation and doDrag may require runtime analysis unless you trace through document.getElementById I'll have a look at what various javascript engines tracing features provide.
On Sat, 15 Aug 2020 at 07:42, NASA Jeff tallboy258@gmail.com wrote:
I'm just having a look at css vs js animation and discovered that inkscape isn't loading and saving my script that's in the svg file.
the main difference between css and js is css has limited ability for interactive animation and doesn't support dynamic animation. apart from that CSS seems pretty feature rich.
I'm just writing a dynamic/interactive rubber band animation effect in javascript to check the limitations of css comparatively. I don't think CSS would be able to support things like shape morphing either unless it's all precompiled.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#m_498645748645566041_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
problem solved.
You backtrace from anything that calls animate, that's a lot easier than forward tracing because you basically have a known stack not an unknown one.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
On Sat, 15 Aug 2020 at 08:28, NASA Jeff tallboy258@gmail.com wrote:
in the attached case tracing changeAnimation and doDrag may require runtime analysis unless you trace through document.getElementById I'll have a look at what various javascript engines tracing features provide.
On Sat, 15 Aug 2020 at 07:42, NASA Jeff tallboy258@gmail.com wrote:
I'm just having a look at css vs js animation and discovered that inkscape isn't loading and saving my script that's in the svg file.
the main difference between css and js is css has limited ability for interactive animation and doesn't support dynamic animation. apart from that CSS seems pretty feature rich.
I'm just writing a dynamic/interactive rubber band animation effect in javascript to check the limitations of css comparatively. I don't think CSS would be able to support things like shape morphing either unless it's all precompiled.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#m_8860428878912871378_m_498645748645566041_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
I've been messing around with CSS and Javascript and aside from the fact that the two do not directly translate to each other I can't get CSS doing a translate position on an image in an Inkscape SVG file but it works fine when I use JavaScript, even using matrix transformations doesn't allow for translating the position in CSS, rotation, scale, skew etc.. work fine.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
On Sat, 15 Aug 2020 at 08:58, NASA Jeff tallboy258@gmail.com wrote:
problem solved.
You backtrace from anything that calls animate, that's a lot easier than forward tracing because you basically have a known stack not an unknown one.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#m_-7118076993407114989_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
On Sat, 15 Aug 2020 at 08:28, NASA Jeff tallboy258@gmail.com wrote:
in the attached case tracing changeAnimation and doDrag may require runtime analysis unless you trace through document.getElementById I'll have a look at what various javascript engines tracing features provide.
On Sat, 15 Aug 2020 at 07:42, NASA Jeff tallboy258@gmail.com wrote:
I'm just having a look at css vs js animation and discovered that inkscape isn't loading and saving my script that's in the svg file.
the main difference between css and js is css has limited ability for interactive animation and doesn't support dynamic animation. apart from that CSS seems pretty feature rich.
I'm just writing a dynamic/interactive rubber band animation effect in javascript to check the limitations of css comparatively. I don't think CSS would be able to support things like shape morphing either unless it's all precompiled.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#m_-7118076993407114989_m_8860428878912871378_m_498645748645566041_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
Using paths with CSS for animation seems sensible and it can still be made interactive or dynamic with javascript but it's still a little bit more limited than pure javascript animation.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
On Wed, 19 Aug 2020 at 17:49, NASA Jeff tallboy258@gmail.com wrote:
I've been messing around with CSS and Javascript and aside from the fact that the two do not directly translate to each other I can't get CSS doing a translate position on an image in an Inkscape SVG file but it works fine when I use JavaScript, even using matrix transformations doesn't allow for translating the position in CSS, rotation, scale, skew etc.. work fine.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#m_-3103499424456250677_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
On Sat, 15 Aug 2020 at 08:58, NASA Jeff tallboy258@gmail.com wrote:
problem solved.
You backtrace from anything that calls animate, that's a lot easier than forward tracing because you basically have a known stack not an unknown one.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#m_-3103499424456250677_m_-7118076993407114989_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
On Sat, 15 Aug 2020 at 08:28, NASA Jeff tallboy258@gmail.com wrote:
in the attached case tracing changeAnimation and doDrag may require runtime analysis unless you trace through document.getElementById I'll have a look at what various javascript engines tracing features provide.
On Sat, 15 Aug 2020 at 07:42, NASA Jeff tallboy258@gmail.com wrote:
I'm just having a look at css vs js animation and discovered that inkscape isn't loading and saving my script that's in the svg file.
the main difference between css and js is css has limited ability for interactive animation and doesn't support dynamic animation. apart from that CSS seems pretty feature rich.
I'm just writing a dynamic/interactive rubber band animation effect in javascript to check the limitations of css comparatively. I don't think CSS would be able to support things like shape morphing either unless it's all precompiled.
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#m_-3103499424456250677_m_-7118076993407114989_m_8860428878912871378_m_498645748645566041_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
participants (2)
-
NASA Jeff -
Philip Rhoades