Skip to content

Create Impress.js presentations with Inkscape!

Notifications You must be signed in to change notification settings

sfelde/Ink2Impress

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Ink2Impress

Ink2Impress is a converter-like script that enables using Inkscape as a GUI for generating Impress.js presentations.

Demo

Basic Ink2Impress demo (result only)

Your demos are welcome!

Usage

  1. Create a new Inkscape document
    • Set the size of the page to the actual pixel-size you want for your presentation.
  2. Make sure you have 2 layers (create if necessary)
    • Bottom layer will hold the graphics
    • Top layer will hold the layout
  3. Create your graphics
    • Remember to keep all the graphical elements inside the page. Graphics outside the page will not show.
  4. Create your layout
    • Each <rect> element in the layout layer will ve a step in the presentation
    • <rect> elements may be contained in groups (<g> elements). You can add other (non-<rect>) elements to the group as annotations. They will not show in the final presentation.
    • Z-Order dictates presentation order (bottom to top)
    • If you add an overview-step, set its id to overview
  5. Save your presentation as plain-svg (not Inkscape SVG)
  6. Run the convertion script
    • python ink2impress.py
    • Make sure js/impress.js is in the same folder as the result
  7. Enjoy!

Dependencies

Code

lxml - XML processing - Use this for precompiled binaries.

impress.js - For the animations in the presentation.

Software

Python2.7 - For running the script. Not tested for other versions.

Inkscape - For presentation creation

About

Create Impress.js presentations with Inkscape!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published