About & Documentation


About Emphasis:

Emphasis is a content management system that allows you to create animated and interactive webcomics.
This app project was created by Andy Wong, as a "Breakable Toy" project for Launch Academy.

Other Projects by Andy Wong:

Using the "Shorthand" interpreter:

Emphasis's animation system is powered by Greensock's TweenMax JS library, but with a twist.
Instead of allowing the user to write (possibly) malicious Javascript, the user writes "Shorthand"
separated by semicolons, which then is converted by the interpreter into secure Javascript.

More types of animation and interactivity will be supported in the future!

Please note: if you are animating an element, make sure to set its positon to relative, fixed, or absolute.

Currently supported commands:

animate - for making things move or change transparency
onclick, onmouseup, onmousedown, onmouseover, onmouseout - for hiding and showing things only

Animation:

Cat objects

Shorthand:
animate; time: 1; left: 200; repeat: -1, yoyo: true;

Onclick (with 2 elements):

Wizard

Cat objects

Shorthand for "wizard" element:
onclick; wizard: hide; cats: show;

Shorthand for "cat" element:
onclick; wizard: show; cats: hide;
Custom CSS for "cat" element:
display: none;