adityab/awwation

Prezi clone in HTML5, Js, and SVG. Can use different animation backends, for example impress.js. [I NO LONGER OWN AWWATION.COM]

Awwation

A web app for creating zooming presentations, similar to Prezi, but in HTML5.

Info

Awwation is an app that allows you to create Prezi-like presentations in the browser. Presentations are SVG files that are animated using Javascript.

The editor is built upon the core of SVG-edit, and uses the Sozi library for zooming animations.

Running

You can run Awwation by simply placing it behind a static site server, such as a stock Apache installation.

Try the live branch hosted via GitHub pages at http://awwation.com, or see below.

Example steps

1. Navigate to your server's root directory (/var/www by default in Ubuntu, under Apache)
   cd /var/www
2. Clone it off GitHub:
   git clone https://[email protected]/adityab/Awwation.git
3. Point your browser to http://localhost/Awwation/editor/ to launch the presentation editor.

Contributing

There are several bugs and feature requests listed on the issues page. To contribute code, fork and send a pull request!

Contact

Awwation is made by Aditya Bhatt. Contact me at [email protected].

awwation's Issues

Domain awwation.com is not working

Please renew http://awwation.com or at least update the URL in Readme to http://adityab.github.io/Awwation/

Make a theme editor

Right now, the themes you can pick from the menu are simple CSS files in the themes/ directory. Create an easy theme maker to allow anyone to create these files.

Essentially, the design should be a simple dialog box with two sections:

1. A bunch of SVG elements
2. A set of sliders and dropdowns for configuring color and font style

Clicking on any element in the first section should allow you to configure it's style using the controls in section 2.

Loading presentations into the editor

Right now, presentations can only be created and saved. Allow loading them back into the editor for editing.

Import SVG code / integrate with SVG-edit

Please allow importing SVG code from local files or integrate with online editor SVG-edit, so that users can edit their scene there, copy their SVG code, paste it into Awwation and then create frames.

Compress the embedded JS

You could probably make your embedded JS much smaller if you experiment with the Closure JS compiler. See the SVG-edit Makefile for example usage.

Simplicity in creation

While, you have sold me on the the software itself, I have tried creating a presentation and frankly it left me wanting.
I am not a designer in an sense of the word and to create a presentation seemed a daunting task.
Also I was expecting to have a ring with a series of rings, not a blank canvas.
Perhaps a video of creation would be helpful.

Color picker

Implement a custom color picker for individual elements that should override the theme color

Impress.js frontends: Strut & Impressionist

In case you don’t know Strut or Impressionist yet, it’s two other editors for impress.js
Not sure if the bases are too different or if it would make sense to join forces.

Fix saving

Client-side saving does not work in Firefox, Opera, or IE at the moment.

Add sequence numbers to slides

In the sidebar, add sequence number to the slides so you can know the order of that element in the presentation

Custom text styling

Add custom text styling - Bold, Italic, Underline, Strikeout, etc.
Having two predefined types of text - Header and Paragraph - is a good idea.

Multiline text editing

Allow writing of multiple lines of text in one text element

Smarter object selection

Shapes such as circles, paths, rectangles, etc are selected when you click inside their fill regions.
This can hinder work when elements are placed inside other elements.

Take inspiration (and code?) from the wireframe mode (activated by pressing F) selection mechanism, where shapes are selected only when you click the stroke boundaries.