Piston Mechanism – one step back.

Wed, 5 Oct 2011

The piston mechanism is used to convert between rotary motion and reciprocating motion, it works either way. Driving the wheel will move the piston back and forth, in this form the piston can be used to pump liquids for example creating the high pressure need in a good coffee machine.

Alternatively the piston can be driven back and forth commonly by steam (in a steam engine) or flame (in a petrol engine). In this form the piston is used to convert reciprocating motion into more useful and usable rotary motion.

Notice how the speed of the piston changes. The piston starts from one end, and increases its speed. It reaches maximum speed in the middle of its travel then gradually slows down until it reaches the end of its travel.

No iFrame ‘;
print ‘
Using HTML 5 ‘;

print ‘
Using Flash’;

You can download and make your own working piston mechanism here and find out how it works first hand.

Thanks for your feedback about the previous post. It looks like Adobe Edge isn’t ready yet, it’s a shame because it is nice to use. I’ve gone back to creating animations in Flash, converting them using Google Swiffy and adding a snippet of home grown code to display either the Flash version or the HTML 5 version depending on which browser is being used.

Does that work for you?

  To receive new blog posts by email

Comments (4)

  • robives October 5, 2011 at 7:03 pm

    It works on my iPhone this

    It works on my iPhone this time, and Chrome, Safari and Firefox on my Mac (10.7.1)

    • clintfern October 5, 2011 at 8:41 pm

      Hmmm, now getting the Flash

      Hmmm, now getting the Flash version on Firefox 7.0.1 (got the nicer HTML5 version on previous post) but HTML5 on Chrome 14.0.835.187.

  • Paper Vinny October 5, 2011 at 9:09 pm

    Wasn’t working for me before

    Wasn't working for me before but now I see the animation with no problems.  OSX 10.4 with Firefox 3.6.23 (ya ya I know it's old but I'm upgrading in a couple months hopefully)

  • michael42er October 5, 2011 at 9:27 pm

    Now I can see the colored

    Now I can see the colored animation.



Comments are closed.