[svg-developers] Re: fun but buggy -- gears

2010-11-07 Thread bruce
Here is another interesting animation in the same vein.  It shows two sliding 
blocks, one moving horizontally and the other moving vertically.  A rod is 
pined to the centers of the two blocks.  When this is done the motion of the 
ends of the rod traces ellipses.  The following works in IE/ASV, FF4, WebKit, 
and Opera but interestingly does not work in Batik.


?xml version=1.0 standalone=no?
!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.0//EN
  http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd; [
  !ENTITY dur 9s
  !ENTITY hCirCW M -25 0 A 25 25 0 1 1 25 0 A 25 25 0 1 1 -25 0
  !ENTITY hCirCCW M -25 0 A 25 25 0 1 0 25 0 A 25 25 0 1 0 -25 0
  !ENTITY vCirCW M -25 0 A 25 25 0 1 1 25 0 A 25 25 0 1 1 -25 0
  !ENTITY vCirCCW M 25 0 A 25 25 0 1 0 -25 0 A 25 25 0 1 0 25 0
]

svg width=100% height=100% viewBox=-100 -125 200 250 
 xmlns=http://www.w3.org/2000/svg; 

rect x=-75 y=-75 width=150 height=150 fill=blue /
rect x=-75 y=-10 width=150 height=20 fill=gray /
rect x=-10 y=-75 width=20 height=150 fill=gray /
g
animateMotion begin=0s dur=dur; path=hCirCW; 
repeatCount=indefinite /
rect x=-20 y=-10 width=40 height=20 fill=green 
animateMotion begin=0s dur=dur; path=hCirCCW; 
repeatCount=indefinite /
/rect
/g

g
animateMotion begin=0s dur=dur; path=vCirCW; 
repeatCount=indefinite /
rect x=-10 y=-20 width=20 height=40 fill=green 
animateMotion begin=0s dur=dur; path=vCirCCW; 
repeatCount=indefinite /
/rect
/g

g
animateMotion begin=0s dur=dur; path=hCirCW; 
repeatCount=indefinite /
line x1=100 y1=0 x2=-50 y2=0 stroke-width=5 stroke=black 
stroke-linecap=round 
  animateTransform attributeName=transform attributeType=XML
   type=rotate from=0 to=-360
   begin=0s dur=dur; repeatCount=indefinite /
animateMotion begin=0s dur=dur; path=hCirCCW; 
repeatCount=indefinite /
/line
/g
g
animateMotion begin=0s dur=dur; path=hCirCW; 
repeatCount=indefinite /
circle x=0 y=0 r=1  fill=yellow 
animateMotion begin=0s dur=dur; path=hCirCCW; 
repeatCount=indefinite /
/circle
/g
g
animateMotion begin=0s dur=dur; path=vCirCW; 
repeatCount=indefinite /
circle x=0 y=0 r=1  fill=yellow 
animateMotion begin=0s dur=dur; path=vCirCCW; 
repeatCount=indefinite /
/circle
/g

ellipse cx=0 cy=0 rx=50 ry=100
fill=none stroke=red stroke-width=0.2  /
ellipse cx=0 cy=0 rx=100 ry=50
fill=none stroke=red stroke-width=0.2  /

/svg
-

The really strange thing is an early version of this file.  I thought it would 
be simple to replicate the code for one block and rotate it by 90 degrees to 
get the second block.  It didn't work but rotating it 180 degrees did (in 
Chrome where I was testing).  When I thought I was done, I checked in FF4 - 
same result.  In Opera, I got radically different results.  IE/ASV showed the 
same as Opera.  I believe Opera and ASV have the behavior correctly as I coded 
it.  Again Batik does not show the rod correctly  but shows the blocks as ASV 
and Opera.
Any idea why FF4 and WebKit show the same but different display?


?xml version=1.0 standalone=no?
!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.0//EN
  http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd; [
  !ENTITY dur 9s
  !ENTITY largeCirCW M -25 0 A 25 25 0 1 1 25 0 A 25 25 0 1 1 -25 0
  !ENTITY largeCirCCW M -25 0 A 25 25 0 1 0 25 0 A 25 25 0 1 0 -25 0
]

svg width=100% height=100% viewBox=-100 -150 200 300 
 xmlns=http://www.w3.org/2000/svg; 

rect x=-75 y=-75 width=150 height=150 fill=blue /
rect x=-75 y=-10 width=150 height=20 fill=gray /
rect x=-10 y=-75 width=20 height=150 fill=gray /
g
animateMotion begin=0s dur=dur; path=largeCirCW; 
repeatCount=indefinite /
rect x=-20 y=-10 width=40 height=20 fill=green 
animateMotion begin=0s dur=dur; path=largeCirCCW; 
repeatCount=indefinite /
/rect
/g

g transform=rotate(180)
animateMotion begin=0s dur=dur; path=largeCirCW; 
repeatCount=indefinite /
rect x=-10 y=-20 width=20 height=40 fill=green 
animateMotion begin=0s dur=dur; path=largeCirCCW; 
repeatCount=indefinite /
/rect
/g

g
animateMotion begin=0s dur=dur; path=largeCirCW; 
repeatCount=indefinite /
line x1=100 y1=0 x2=0 y2=0 stroke-width=5 stroke=black 
stroke-linecap=round 
  animateTransform attributeName=transform attributeType=XML
   type=rotate from=0 to=-360
   begin=0s dur=dur; repeatCount=indefinite /
animateMotion begin=0s dur=dur; path=largeCirCCW; 
repeatCount=indefinite /
/line
/g
g
animateMotion begin=0s dur=dur; path=largeCirCW; 
repeatCount=indefinite /
circle x=0 y=0 r=1  fill=yellow 
animateMotion begin=0s dur=dur; path=largeCirCCW; 

Re: [svg-developers] Re: fun but buggy -- gears

2010-10-13 Thread Erik Dahlstrom
On Wed, 13 Oct 2010 03:55:47 +0200, ddailey ddai...@zoominternet.net  
wrote:

 Thanks Robert!

 I've gotten rid of the zeroes so that  
 http://granite.sru.edu/~ddailey/svg/animoval4.svg now works well  
 everywhere *but* Opera.

If the order of the animation elements is changed (switching places of the  
animateTransform and animate elements in the smaller ellipse), then it  
works just fine. Similarly if the animateTransform is removed the  
animation of the dash-offset works. I'll handle that as a bug on our end,  
thanks.

Reording the animation elements like this should have no unwanted  
side-effects in this example I believe, and seemed to work just fine in  
Opera, Firefox and Epiphany-webkit.

Cheers
/Erik

-- 
Erik Dahlstrom, Core Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group
Personal blog: http://my.opera.com/macdev_ed




-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-or-
visit http://groups.yahoo.com/group/svg-developers and click edit my 
membership
Yahoo! Groups Links

* To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/

* Your email settings:
Individual Email | Traditional

* To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)

* To change settings via email:
svg-developers-dig...@yahoogroups.com 
svg-developers-fullfeatu...@yahoogroups.com

* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com

* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/



[svg-developers] Re: fun but buggy -- gears

2010-10-13 Thread bruce
David
These are interesting examples.  I will add another:
?xml version=1.0 standalone=no?
svg width=100% height=100% viewBox=-100 -150 200 300 
 xmlns=http://www.w3.org/2000/svg;
g
  animateTransform attributeName=transform attributeType=XML
   type=rotate from=0 to=360
   begin=0s dur=24s repeatCount=indefinite /
  circle cx=0 cy=0 r=100 fill=blue /
  rect x=-10 y=-100 width=20 height=200 fill=gray /
  rect x=-10 y=-100 width=20 height=200 fill=gray 
transform=rotate(60)/
  rect x=-10 y=-100 width=20 height=200 fill=gray 
transform=rotate(120)/
/g
g transform=translate(0,45)
g
  animateTransform attributeName=transform attributeType=XML
   type=rotate from=0 to=360
   begin=0s dur=12s repeatCount=indefinite /
circle cx=0 cy=45 r=10 fill=red /
circle cx=0 cy=45 r=10 fill=red transform=rotate(120)/
circle cx=0 cy=45 r=10 fill=red transform=rotate(240)/
line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
stroke-linecap=round /
line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
stroke-linecap=round transform=rotate(120)/
line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
stroke-linecap=round transform=rotate(240)/
/g
/g
/svg

This is a quick and dirty version of a roller gear.  To see a physical picture 
of one see:
http://lumberjocks.com/projects/23791
All browsers work fine except IE.  I haven't tested it with ASV.
Enjoy!


--- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote:

 Here are a couple of interesting examples / difficult browser calisthenics:
 http://granite.sru.edu/~ddailey/svg/animoval3.svg
 and
 http://granite.sru.edu/~ddailey/svg/animoval4.svg
 
 The first works much as I think it should in Opera, Chrome and IE/ASV. FF4 
 runs only one of the gears. Safari screws up the stroke's gradient. IE/ASV, 
 though and Opera/Chrome/Safari don't agree about the proper values for 
 animating dashoffset.In IE/ASV, using values=0;24 and  values=24;0 
 respectively for the two animations seems to line up the gear teeth well, 
 whereas for the others I had to do values=12;36 and  values=24;0 to keep 
 the teeth from colliding. 
 
 The second example seems to work well only in IE/ASV and Chrome -- a first 
 for those two to team up in bettering Opera in my experience! ASV and both 
 webkit browsers seem to get the outergear to spin. FF seems to see that there 
 is something there, but stalls before it can make a go of it, and Opera for 
 some odd reason seems to ignore that particular animation.
 
 Btw, I rather liked the slighty readjustment that ASV and webkit experience 
 due to the circumference of the ellipse being irrational -- something like it 
 might be expected, I think, in a physical model.
 
 At first I was annoyed that I couldn't get the gradient to extend out into 
 the teeth, but then I remembered the r attribute of a radial gradient (.5 by 
 default). I could have varied it but decided not to.
 
 It would be fun to make more complex machines sorta like this based on SMIL, 
 but we'd have to figure out which browers are doing it right first I suppose.
 
 Do let me know if it is my code of the browsers that are goofy here.
 
 cheers
 David
 
 
 
 [Non-text portions of this message have been removed]







-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-or-
visit http://groups.yahoo.com/group/svg-developers and click edit my 
membership
Yahoo! Groups Links

* To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/

* Your email settings:
Individual Email | Traditional

* To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)

* To change settings via email:
svg-developers-dig...@yahoogroups.com 
svg-developers-fullfeatu...@yahoogroups.com

* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com

* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/



Re: [svg-developers] Re: fun but buggy -- gears

2010-10-13 Thread ddailey
Cool, Bruce! It almost seems paradoxical in the way it moves, reminding me a 
bit of those wooden winding toys.

Seems like we'll need a machinery collection somewhere now. Would you mind if I 
stuck this example (with credit, of course) on a page somewhere? It would be 
fun to build little components and then let people hook them together sorta 
like the motors in Phun (http://www.phunland.com/wiki/Home )

BTW the animation of the top thing could save the poor browser a bit of work 
using
  animateTransform attributeName=transform attributeType=XML
   type=rotate from=0 to=60
   begin=0s dur=4s repeatCount=indefinite /
because of the sixfold symmetry. It seems like the browser might be happier 
having to only manage 4 seconds of animation (and then having that delightful 
instant of taking a breath) instead of 24 before starting over.

The Reuleaux triangle (http://en.wikipedia.org/wiki/Reuleaux_triangle ) would 
be another instance. (Someone really should start lacing Wikipedia with SVG 
animation since the particular animation there is thoroughly icky. Starting 
with the entry on SVG would be a good start.) It is a good example of why 
re-inventing the wheel is sometimes a good planetary exercise: sometimes people 
get too stubborn.

cheers
David


  - Original Message - 
  From: bruce 
  To: svg-developers@yahoogroups.com 
  Sent: Wednesday, October 13, 2010 3:08 PM
  Subject: [svg-developers] Re: fun but buggy -- gears



  David
  These are interesting examples. I will add another:
  ?xml version=1.0 standalone=no?
  svg width=100% height=100% viewBox=-100 -150 200 300 
  xmlns=http://www.w3.org/2000/svg;
  g
  animateTransform attributeName=transform attributeType=XML
  type=rotate from=0 to=360
  begin=0s dur=24s repeatCount=indefinite /
  circle cx=0 cy=0 r=100 fill=blue /
  rect x=-10 y=-100 width=20 height=200 fill=gray /
  rect x=-10 y=-100 width=20 height=200 fill=gray 
transform=rotate(60)/
  rect x=-10 y=-100 width=20 height=200 fill=gray 
transform=rotate(120)/
  /g
  g transform=translate(0,45)
  g
  animateTransform attributeName=transform attributeType=XML
  type=rotate from=0 to=360
  begin=0s dur=12s repeatCount=indefinite /
  circle cx=0 cy=45 r=10 fill=red /
  circle cx=0 cy=45 r=10 fill=red transform=rotate(120)/
  circle cx=0 cy=45 r=10 fill=red transform=rotate(240)/
  line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
stroke-linecap=round /
  line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
stroke-linecap=round transform=rotate(120)/
  line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
stroke-linecap=round transform=rotate(240)/
  /g
  /g
  /svg

  This is a quick and dirty version of a roller gear. To see a physical picture 
of one see:
  http://lumberjocks.com/projects/23791
  All browsers work fine except IE. I haven't tested it with ASV.
  Enjoy!

  --- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote:
  
   Here are a couple of interesting examples / difficult browser calisthenics:
   http://granite.sru.edu/~ddailey/svg/animoval3.svg
   and
   http://granite.sru.edu/~ddailey/svg/animoval4.svg
   
   The first works much as I think it should in Opera, Chrome and IE/ASV. FF4 
runs only one of the gears. Safari screws up the stroke's gradient. IE/ASV, 
though and Opera/Chrome/Safari don't agree about the proper values for 
animating dashoffset.In IE/ASV, using values=0;24 and values=24;0 
respectively for the two animations seems to line up the gear teeth well, 
whereas for the others I had to do values=12;36 and values=24;0 to keep the 
teeth from colliding. 
   
   The second example seems to work well only in IE/ASV and Chrome -- a first 
for those two to team up in bettering Opera in my experience! ASV and both 
webkit browsers seem to get the outergear to spin. FF seems to see that there 
is something there, but stalls before it can make a go of it, and Opera for 
some odd reason seems to ignore that particular animation.
   
   Btw, I rather liked the slighty readjustment that ASV and webkit experience 
due to the circumference of the ellipse being irrational -- something like it 
might be expected, I think, in a physical model.
   
   At first I was annoyed that I couldn't get the gradient to extend out into 
the teeth, but then I remembered the r attribute of a radial gradient (.5 by 
default). I could have varied it but decided not to.
   
   It would be fun to make more complex machines sorta like this based on 
SMIL, but we'd have to figure out which browers are doing it right first I 
suppose.
   
   Do let me know if it is my code of the browsers that are goofy here.
   
   cheers
   David
   
   
   
   [Non-text portions of this message have been removed]
  



  

[Non-text portions of this message have been removed]





-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-or-
visit http://groups.yahoo.com/group/svg-developers and click

[svg-developers] Re: fun but buggy -- gears

2010-10-13 Thread bruce
It is a pretty crude version but you are welcome to it.  I got the idea from a 
href=http://www.amazon.com/Making-Mechanical-Marvels-Wood-Raymond/dp/0806973587;
 Making Mechanical Marvels In Wood/a so add that reference too.
I like the Reuleaux triangle.  Some made a drill bit that rotates off centered 
using it so it actually drills a square hole except the small corners.  I may 
try a hand at it.
Bruce

--- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote:

 Cool, Bruce! It almost seems paradoxical in the way it moves, reminding me a 
 bit of those wooden winding toys.
 
 Seems like we'll need a machinery collection somewhere now. Would you mind if 
 I stuck this example (with credit, of course) on a page somewhere? It would 
 be fun to build little components and then let people hook them together 
 sorta like the motors in Phun (http://www.phunland.com/wiki/Home )
 
 BTW the animation of the top thing could save the poor browser a bit of work 
 using
   animateTransform attributeName=transform attributeType=XML
type=rotate from=0 to=60
begin=0s dur=4s repeatCount=indefinite /
 because of the sixfold symmetry. It seems like the browser might be happier 
 having to only manage 4 seconds of animation (and then having that delightful 
 instant of taking a breath) instead of 24 before starting over.
 
 The Reuleaux triangle (http://en.wikipedia.org/wiki/Reuleaux_triangle ) would 
 be another instance. (Someone really should start lacing Wikipedia with SVG 
 animation since the particular animation there is thoroughly icky. Starting 
 with the entry on SVG would be a good start.) It is a good example of why 
 re-inventing the wheel is sometimes a good planetary exercise: sometimes 
 people get too stubborn.
 
 cheers
 David
 
 
   - Original Message - 
   From: bruce 
   To: svg-developers@yahoogroups.com 
   Sent: Wednesday, October 13, 2010 3:08 PM
   Subject: [svg-developers] Re: fun but buggy -- gears
 
 
 
   David
   These are interesting examples. I will add another:
   ?xml version=1.0 standalone=no?
   svg width=100% height=100% viewBox=-100 -150 200 300 
   xmlns=http://www.w3.org/2000/svg;
   g
   animateTransform attributeName=transform attributeType=XML
   type=rotate from=0 to=360
   begin=0s dur=24s repeatCount=indefinite /
   circle cx=0 cy=0 r=100 fill=blue /
   rect x=-10 y=-100 width=20 height=200 fill=gray /
   rect x=-10 y=-100 width=20 height=200 fill=gray 
 transform=rotate(60)/
   rect x=-10 y=-100 width=20 height=200 fill=gray 
 transform=rotate(120)/
   /g
   g transform=translate(0,45)
   g
   animateTransform attributeName=transform attributeType=XML
   type=rotate from=0 to=360
   begin=0s dur=12s repeatCount=indefinite /
   circle cx=0 cy=45 r=10 fill=red /
   circle cx=0 cy=45 r=10 fill=red transform=rotate(120)/
   circle cx=0 cy=45 r=10 fill=red transform=rotate(240)/
   line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
 stroke-linecap=round /
   line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
 stroke-linecap=round transform=rotate(120)/
   line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
 stroke-linecap=round transform=rotate(240)/
   /g
   /g
   /svg
 
   This is a quick and dirty version of a roller gear. To see a physical 
 picture of one see:
   http://lumberjocks.com/projects/23791
   All browsers work fine except IE. I haven't tested it with ASV.
   Enjoy!
 
   --- In svg-developers@yahoogroups.com, ddailey ddailey@ wrote:
   
Here are a couple of interesting examples / difficult browser 
 calisthenics:
http://granite.sru.edu/~ddailey/svg/animoval3.svg
and
http://granite.sru.edu/~ddailey/svg/animoval4.svg

The first works much as I think it should in Opera, Chrome and IE/ASV. 
 FF4 runs only one of the gears. Safari screws up the stroke's gradient. 
 IE/ASV, though and Opera/Chrome/Safari don't agree about the proper values 
 for animating dashoffset.In IE/ASV, using values=0;24 and values=24;0 
 respectively for the two animations seems to line up the gear teeth well, 
 whereas for the others I had to do values=12;36 and values=24;0 to keep 
 the teeth from colliding. 

The second example seems to work well only in IE/ASV and Chrome -- a 
 first for those two to team up in bettering Opera in my experience! ASV and 
 both webkit browsers seem to get the outergear to spin. FF seems to see that 
 there is something there, but stalls before it can make a go of it, and Opera 
 for some odd reason seems to ignore that particular animation.

Btw, I rather liked the slighty readjustment that ASV and webkit 
 experience due to the circumference of the ellipse being irrational -- 
 something like it might be expected, I think, in a physical model.

At first I was annoyed that I couldn't get the gradient to extend out 
 into the teeth, but then I remembered the r attribute of a radial gradient 
 (.5 by default). I could have varied it but decided

[svg-developers] Re: fun but buggy -- gears

2010-10-13 Thread bruce
It is a pretty crude version but you are welcome to it. I got the idea from 
Making Mechanical Marvels In Wood :
http://www.amazon.com/Making-Mechanical-Marvels-Wood-Raymond/dp/0806973587\ so 
add that reference too.

I like the Reuleaux triangle. Some made a drill bit that rotates off centered 
using it so it actually drills a square hole except the small corners. I may 
try a hand at it.
Bruce

--- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote:

 Cool, Bruce! It almost seems paradoxical in the way it moves, reminding me a 
 bit of those wooden winding toys.
 
 Seems like we'll need a machinery collection somewhere now. Would you mind if 
 I stuck this example (with credit, of course) on a page somewhere? It would 
 be fun to build little components and then let people hook them together 
 sorta like the motors in Phun (http://www.phunland.com/wiki/Home )
 
 BTW the animation of the top thing could save the poor browser a bit of work 
 using
   animateTransform attributeName=transform attributeType=XML
type=rotate from=0 to=60
begin=0s dur=4s repeatCount=indefinite /
 because of the sixfold symmetry. It seems like the browser might be happier 
 having to only manage 4 seconds of animation (and then having that delightful 
 instant of taking a breath) instead of 24 before starting over.
 
 The Reuleaux triangle (http://en.wikipedia.org/wiki/Reuleaux_triangle ) would 
 be another instance. (Someone really should start lacing Wikipedia with SVG 
 animation since the particular animation there is thoroughly icky. Starting 
 with the entry on SVG would be a good start.) It is a good example of why 
 re-inventing the wheel is sometimes a good planetary exercise: sometimes 
 people get too stubborn.
 
 cheers
 David
 
 
   - Original Message - 
   From: bruce 
   To: svg-developers@yahoogroups.com 
   Sent: Wednesday, October 13, 2010 3:08 PM
   Subject: [svg-developers] Re: fun but buggy -- gears
 
 
 
   David
   These are interesting examples. I will add another:
   ?xml version=1.0 standalone=no?
   svg width=100% height=100% viewBox=-100 -150 200 300 
   xmlns=http://www.w3.org/2000/svg;
   g
   animateTransform attributeName=transform attributeType=XML
   type=rotate from=0 to=360
   begin=0s dur=24s repeatCount=indefinite /
   circle cx=0 cy=0 r=100 fill=blue /
   rect x=-10 y=-100 width=20 height=200 fill=gray /
   rect x=-10 y=-100 width=20 height=200 fill=gray 
 transform=rotate(60)/
   rect x=-10 y=-100 width=20 height=200 fill=gray 
 transform=rotate(120)/
   /g
   g transform=translate(0,45)
   g
   animateTransform attributeName=transform attributeType=XML
   type=rotate from=0 to=360
   begin=0s dur=12s repeatCount=indefinite /
   circle cx=0 cy=45 r=10 fill=red /
   circle cx=0 cy=45 r=10 fill=red transform=rotate(120)/
   circle cx=0 cy=45 r=10 fill=red transform=rotate(240)/
   line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
 stroke-linecap=round /
   line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
 stroke-linecap=round transform=rotate(120)/
   line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black 
 stroke-linecap=round transform=rotate(240)/
   /g
   /g
   /svg
 
   This is a quick and dirty version of a roller gear. To see a physical 
 picture of one see:
   http://lumberjocks.com/projects/23791
   All browsers work fine except IE. I haven't tested it with ASV.
   Enjoy!
 
   --- In svg-developers@yahoogroups.com, ddailey ddailey@ wrote:
   
Here are a couple of interesting examples / difficult browser 
 calisthenics:
http://granite.sru.edu/~ddailey/svg/animoval3.svg
and
http://granite.sru.edu/~ddailey/svg/animoval4.svg

The first works much as I think it should in Opera, Chrome and IE/ASV. 
 FF4 runs only one of the gears. Safari screws up the stroke's gradient. 
 IE/ASV, though and Opera/Chrome/Safari don't agree about the proper values 
 for animating dashoffset.In IE/ASV, using values=0;24 and values=24;0 
 respectively for the two animations seems to line up the gear teeth well, 
 whereas for the others I had to do values=12;36 and values=24;0 to keep 
 the teeth from colliding. 

The second example seems to work well only in IE/ASV and Chrome -- a 
 first for those two to team up in bettering Opera in my experience! ASV and 
 both webkit browsers seem to get the outergear to spin. FF seems to see that 
 there is something there, but stalls before it can make a go of it, and Opera 
 for some odd reason seems to ignore that particular animation.

Btw, I rather liked the slighty readjustment that ASV and webkit 
 experience due to the circumference of the ellipse being irrational -- 
 something like it might be expected, I think, in a physical model.

At first I was annoyed that I couldn't get the gradient to extend out 
 into the teeth, but then I remembered the r attribute of a radial gradient 
 (.5 by default). I could have varied it but decided

[svg-developers] Re: fun but buggy -- gears

2010-10-12 Thread Robert Longson


--- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote:

 Here are a couple of interesting examples / difficult browser calisthenics:
 http://granite.sru.edu/~ddailey/svg/animoval3.svg
 and
 http://granite.sru.edu/~ddailey/svg/animoval4.svg
 
 The first works much as I think it should in Opera, Chrome and IE/ASV. FF4 
 runs only one of the gears.

We don't like zeros ;-) 24;1 would animate

see https://bugzilla.mozilla.org/show_bug.cgi?id=594198

Best regards

Robert





-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-or-
visit http://groups.yahoo.com/group/svg-developers and click edit my 
membership
Yahoo! Groups Links

* To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/

* Your email settings:
Individual Email | Traditional

* To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)

* To change settings via email:
svg-developers-dig...@yahoogroups.com 
svg-developers-fullfeatu...@yahoogroups.com

* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com

* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/



Re: [svg-developers] Re: fun but buggy -- gears

2010-10-12 Thread ddailey
Thanks Robert!

I've gotten rid of the zeroes so that 
http://granite.sru.edu/~ddailey/svg/animoval4.svg now works well everywhere 
*but* Opera.

To be balanced, here's another one that seems to work properly *only* in Opera:
http://granite.sru.edu/~ddailey/svg/animoval8.svg
Anyone who has used Opera and fished the Nome River in August or early 
September would recognize this immediately!

This exhibits very odd and different behavior in FF4, Safari/Chrome and IE/ASV. 
The asymptotically indeterminite slope in the limiting case when dx=0 seems to 
be throwing browsers into a tizzy. ASV is not as troubled as the others and 
though Opera does what I had expected, I could see a certain logic for how ASV 
handles it. I am rather certain that FF4 may have two bugs here: one for the 
indeterminite slope (which is actually zero, I think, if one takes the limit of 
the function) and the other for backtracking the path absent the z subcommand.

Looks like this might be another of these would-be-acid tests? I think maybe 
I'll call them cool-aid tests since Kraft and Google seem to have trademarks on 
Ken Kesey.

cheers
David
  - Original Message - 
  From: Robert Longson 
  To: svg-developers@yahoogroups.com 
  Sent: Tuesday, October 12, 2010 4:39 AM
  Subject: [svg-developers] Re: fun but buggy -- gears





  --- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote:
  
   Here are a couple of interesting examples / difficult browser calisthenics:
   http://granite.sru.edu/~ddailey/svg/animoval3.svg
   and
   http://granite.sru.edu/~ddailey/svg/animoval4.svg
   
   The first works much as I think it should in Opera, Chrome and IE/ASV. FF4 
runs only one of the gears.

  We don't like zeros ;-) 24;1 would animate

  see https://bugzilla.mozilla.org/show_bug.cgi?id=594198

  Best regards

  Robert



  

[Non-text portions of this message have been removed]





-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-or-
visit http://groups.yahoo.com/group/svg-developers and click edit my 
membership
Yahoo! Groups Links

* To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/

* Your email settings:
Individual Email | Traditional

* To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)

* To change settings via email:
svg-developers-dig...@yahoogroups.com 
svg-developers-fullfeatu...@yahoogroups.com

* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com

* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/