Home My Doodles

Welcome to SVG doodles made in Inkscape

      A sample of some of the doodles I have made in Inkscape.

       A doodle is a drawing made while a person's attention is otherwise occupied. Doodles are simple drawings that can have concrete representational meaning or may just be composed of random and abstract lines. Popular kinds of doodles include cartoon versions of teachers or companions in a school, famous TV or comic characters, invented fictional beings, landscapes, geometric shapes, patterns and textures.

School Daze  SMIL animation of a cartoon snail sliming along on a bright summer day.   
 
  Lazy Eyed Snail       
 
Spinning Pinwheel with two animated Lady Bugs.
    Popular kinds of doodles include cartoon versions of teachers or companions in a school, famous TV or comic characters, invented fictional beings, landscapes, geometric shapes, patterns and textures.
Who me Noooo! The answer? Humm. 2 

   

  Doodle Scenes:    
  Chinese Puppet Show  Gone Fishin'... It's a Bee's Life
Grim Reaper

   New Doodles page 1 2

   Examples of Different ways of animating a SVG file using SMIL, Javascript and CSS. Changing SMIL SVGs into gifs using aniGen and GIMP.

   And how to change the resulting SVG/SMIL into an animated gif. All of the examples were made in Inkscape an animated using SMIL. The resulting SVG/SMIL animation what is then turned into frames using aniGen. aniGen is an online free tool for animating SVG files. Examples include:

Tim riding his red Scooter. A SMIL/SVG animation made in Inkscape.

SVG Online Resources

Useful Links

Browser Compatibility

These SMIL SVG aniamations  have been tested in the following browsers:

  • FireFox 24
  • Google Chrome 31
  • Aniamations will not play in Internet Explore. A static SVG image will appear instead.
   

Addtional SVG Animation Resources

Using keySplines - The use of keySplines will give your animations a smooth and more natural look.