test please delete

[voodooflux]

Betty

The thought did occur to me - she has gone broody again

[voodooflux]

My hernia op has been brought forward

[voodooflux]

My hernia op has been brought forward

I was facing an 18 week wait, but there was a cancellation so I've been offered that place.

[voodooflux]

I was facing an 18 week wait, but there was a cancellation so I've been offered that place.

August 27th - right in the middle of some time I was planning to take off to take the kids out to various places

[BrilloPad]

[BrilloPad]

August 27th - right in the middle of some time I was planning to take off to take the kids out to various places

August 27th is my birthday : I am 46 this year.....

[RichardCranium]

Got sore eyes from staring at screens. Went and sat on the bed where it's a bit darker.

Woke up 2.5 hours later.

[voodooflux]

August 27th is my birthday : I am 46 this year.....

I'm sure it'll be a more pleasant day for you than it will for me.

[NickFitz]

Evening denizens

Quite a productive day, given that I didn't really do much until after lunchtime

I did a big chunk of refinement of my animation library, getting it into a very nicely structured form which allowed me to add support for almost arbitrary acceleration, deceleration, overshooting, and so forth, specified by passing parameters to a cubic Bezier function

Then I extended my DOM building library to work with XML namespaces, and added support for SVG.

Having got that working, I then decided to attempt the animation of SVG. I only had to add two functions to the library, both one-liners, to get an SVG animation working, complete with acceleration and deceleration

The end result is that I can do stuff like this:

var svgLine = svg.line(
    {
        x1: 0,
        y1: 0,
        x2: 200,
        y2: 200,
        "stroke-width": 15
    });
document.body.appendChild(svg.svg(
    { width:400, height: 400},
    svg.g(
        { stroke: "red" },
        svgLine
    )));

var lineAnimation = Animation.create(svgLine, 
    [
        {
            name: "x1",
            from: 0,
            to: 400
        },
        {
            name: "y2",
            from: 200,
            to: 400
        },
    ],
    { tweening: Animation.tweenings.elasticOut() });

var button = html.button({ type: "button"}, "Animate line");
toolbar.appendChild(button);
button.addEventListener("click", 
    function(event) {
        Animation.start(lineAnimation, 5000);
    },
    true);

and I get an SVG image which runs through a smooth animation at the click of a button, thanks to an absolute shedload of closures and partially-applied functions behind the scenes

[RichardCranium]