Here's a quick experimental animation I created using program called hype that helps create animations in HTML 5 and CSS3. All things being equal I'd carry on creating animations using Flash but Steve Jobs, in all his infinite wisdom, has taken against Flash for some reason. The end result is that users of iphones and ipads can't see the animations on my site.

The question is, then, can you see this animation okay? If you can (or can't) please let me know by comment below or by email letting me know which computer and which browser you are using. Thanks!


Keep up to date: Receive the latest blog post by email

Rate this post:
Average: 5 (3 votes)



Comments

Sunday 5th Jun 2011 21:58

Carol

I can see it!

 

PC with I.E. 8

Sunday 5th Jun 2011 22:48

JayHavvic

JayHavvic's picture

Yahoo, I can see the animation on my iPhone 3Gs 16gig. It uses Safari. I can also see it on my Windows Vista pc using Firefox 4.0.1,

 

Thanks!

J

Monday 6th Jun 2011 00:15

aeleen

Works in latest Safari and Firefox on my Mac.

Monday 6th Jun 2011 00:57

gwladys

Works on an old XP using Google's Chrome

However, the Rich-text made a mess of the comment - had to edit

Monday 6th Jun 2011 05:04

Bo König

It works just fine on my iPad (first generation). 

I guess that's what Steve Jobs betted on, in all his infinite wisdom: that smart producers would start using the standards-based tools. :-)

  Bo

Monday 6th Jun 2011 09:21

Smelter

Smelter's picture

Yes on a PC XP Pro with IE8

But... the last tooth to mesh on the wheel on the RHS has its end chopped off, and the axis of the wheel dips up and down three times in the distance it travels from one end to the other.

Monday 6th Jun 2011 11:40

Andy from Workshopshed

It's visible in Firefox 4.0.1 but the meshing of the gear and rack goes a bit astray when the rack moves to the far right.

 

Monday 6th Jun 2011 13:15

daveyboy

Same problem as Smelter and Andy

Monday 6th Jun 2011 13:18

RobS

I'm on PC XP Pro IE8 and I get the same issues as Smelter. Also note the cog renders with a scratchy black circular outline.

PC XP Pro Firefox 3.6.16 has issues too - Andy from WorkshopShed describes those accurately. Also note the cog renders with a visible white circular outline -- maybe its an anti-aliasing or masking artifact.
 
Some comments above say that they can see it, but at what quality? and what about the accuracy of the animation?

Monday 6th Jun 2011 16:11

robives

robives's picture

Thanks for the feedback everyone, it was very useful! I'll sort out the alignment problems and re-upload the animation. I think Bo is right, for standards sake HTML 5 is the way to go. I'm glad I came across it before I had re-done all the animations in the mechanism section!

Wednesday 8th Jun 2011 00:07

frankenpaper

frankenpaper's picture

If you have already created the cells of the animations for Flash, then why not use those cells to create GIF animations. If I am not mistaken, GIFs run on MAC as well as PC. Of course it is easy for me to say when you have to do all the work. :)

Wednesday 8th Jun 2011 09:41

robives

robives's picture

Animated gifs are fine but the file size is large. I tried exporting the dwell animation from an earlier post and it was over 500k for poor quality output.

Sunday 3rd Jul 2011 07:38

Morgantao

I was wondering, what program do you use to create the gears in your animations...

I've been trying to find a way to animate gear systems accuratly, but was unable to find a way to draw the gears with the right number \ size teeth to interlock correctly.

Sunday 3rd Jul 2011 16:47

robives

robives's picture

I use Adobe Illustrator to create the graphics for animations.