Re: [elm-discuss] How to use elm-style-animation to make smoothly moving clock hand

2016-09-26 Thread Brian Marick
Thanks all. With help from Matthew Griffith, I have a spinning clock that works. https://github.com/marick/eecrit/tree/crude-spinning/web/elm/IV/Clock The key bits are: * You have to include a “not rotating” property to start with: hourHandStartsAt hour = [ Animation.rotate

Re: [elm-discuss] How to use elm-style-animation to make smoothly moving clock hand

2016-09-25 Thread Duane Johnson
On Sun, Sep 25, 2016 at 4:06 PM, Brian Marick wrote: > I’m wondering how to do this. SVG lines are driven by x1, x2, y1, and y2 > coordinates, but those aren’t animatable properties in > `elm-style-animation`. > > Perhaps I could have each hand in the clock have a `fill

[elm-discuss] How to use elm-style-animation to make smoothly moving clock hand

2016-09-25 Thread Brian Marick
As a front end newbie, I was pleased I could make a clock hand with an arrow using a marker https://developer.mozilla.org/en-US/docs/Web/SVG/Element/marker That allows me a pretty(ish) clock hand that automagically has the arrowhead appropriately rotated to match the orientation of the line.