Car-SMIL-animation-remix

by yamachem - uploaded on September 9, 2015, 5:31 pm

This is a car-chase-animation which represents two cars which are running along the circumference of a lake.

The red-car's lap time is 15 seconds.

The yellow-car's one is 18 seconds.

The distance of the surrounding road is 1232.92px.

To measure the distance of the winding path,I used Extensions>Visualize Path>Measure Path...in Inkscape.

The red car runs at 82.1947px per second.

The yellow car runs at 68.4956 px per second.

The difference per second is 13.6991px.

The time it takes the red car catches up with the yellow car is ;

1232.92÷13.6991=90.0001







This animation is implemented by "animateMotion" function of "SMIL".

You can jump the next section by clicking on each section.This is implemented by "viewBox" function of "svg".

I used OCAL cliparts called

"top view car" uploaded by "jonadem".

"Alpine Landscape Rock Rubble 01f Al1" ,"Alpine Landscape Rock Rubble Corner 01a Al1","Alpine Landscape Rock Rubble 01a Al1" and "Firebog Boat" uploaded by "glitch".

Thanks.





I added a timer by which you can measure until 99 seconds so as to know after how many seconds from the start the red car catches up with the yellow one.

It takes about 90 seconds.

This timer is the remix of "Animated Digital Display" uploaded by "JayNick".

Thanks.