Animatrix Creative

/, SVG, WordPress/Animatrix Creative
Animatrix Creative 2017-10-25T20:10:13+00:00

Project Description

Animatrix Creative allows you to draw and animate SVG images.

Professional SVG Image WYSIWYG Editor is included in this plugin, and can be accessed from the admin area. You can draw with the default Pencil tool or create shapes out of the rich Shapes library.

All SVG images are animated on the front-side, by mimicking the drawing process. You can also export and save the SVG image as well.

Main Features:

  • Animated SVG drawings
  • Color background – choose a background from a color picker or write the hex code
  • Image background – select an image as background, animation starts after image is loaded
  • Create beautiful SVG images from your drawings with transparent background
  • Information box – on the right top side of the image, information box that can be minimized, or hidden if not needed
  • 18 color themes – the color themes load the tooltip (popover) when you place your mouse over a dot
  • 100% responsive image, dots and lines, and animation is not affected!
  • Speed of the animation can be set with the shortcode
  • Play button is available when you want the animation to start with a play button instead of the default scroll down even
  • Replay control button to repeat the animation
  • Advanced options are available for fixed width of the image and the milliseconds used for animating one SVG path
    • Ability to see code of SVG image
    • Wireframe mode
    • Show/hide grid
    • Undo/redo buttons
    • Keyboard shortcuts
    • Zoom tool
    • (Bucket tool only shows for preview)
    • Stroke color and color picker
    • Stroke size
    • Opacity tool
    • Move to top/bellow another layer
    • Select/move/resize/rotate layer
    • Pencil tool
    • Shapes library
    • Basic, objects, symbols, arrows, flowchart, animals, cards & chess, dialog balloons, electronics, mathematical, music and many other shapes
    • Panning tool
    • Delete layer button
    • Exporting SVG image
  • Shortcodes Generator to help you create the shortcodes you need
  • Demo animations
  • Light-weight animation script
  • Fast loading small in size SVG drawings
  • Import free SVGs from the internet or Illustrator
  • Export SVG drawing

Project Details

Skills Needed: