History: Animations

^ This should be done either by extending a component already in Tiki, such as [https://h5p.org/node/988|H5P] or ((doc:Diagram)) ^

Making nice banners usually involves a designers, creating a Flash file and uploading to the site. See also ((Prezitations))

How about a web-based alternative? Please add your ideas, examples & links on this page.

{QUOTE(replyto="Andon Andonov" date="2022-02-02")}We can use https://animejs.com/ for all types custom animations, including text animations and a lot more. It's fast, good documented and have no dependencies.
Some example text animations with anime.js https://tympanus.net/Development/LetterEffects/{QUOTE}


* Images could be taken from the File Gallery.
* Output could be with jQuery or Flash
** I vote for JQuery - Flash would need a lot of new ''stuff'' to generate SWFs from PHP/SQL data ([http://tiki.org/UserPageJonnyBradley|jonnyb])
* Perhaps instructions could be in a wiki page (so if text or image of banner should change...) with wiki to jQuery plugin...
** We should use a YAML-based syntax so this can share parsing code with the profiles/install libs
** A simple (to start with) handler based on the profiles handler could define events, timings, graphics, transitions, links etc
* Banner should be clickable
* Also
** Banners need to rotate (by having several defined on one page)
** What about compatibility with existing bannerlib?
** Should be able to use and mix with external "industry standard" banner systems (if there really is such a thing)


!! An idea for animations vith SVG-edit in Tiki Slideshows
{CODE()}{draw id="100"}{CODE}

In the next slides, we could add params so each slide could add/remove objects or layers
{CODE()}{draw id="100" layer=2}{CODE}
* notlayer
* layer
* objectid
* notobjectid
* etc

!! Related links
* https://antimatter15.com/project/ajax-animator/
* https://opensource.com/life/16/9/basics-web-animations
* http://www.jsdb.io/animation/
* http://www.flamingtext.com/animator/
* http://tympanus.net/Tutorials/AnimatedWebBanners/index.html
* http://willemmulder.github.com/Presenteer.js/
* http://www.jsgl.org/
* http://wiki.inkscape.org/wiki/index.php/Animation-%28Timeline%29
* http://dummyimage.com/
* http://dev.lousyllama.com/rotating-banner/
* http://www.innovatingtomorrow.net/2008/05/12/rotating-banner-images-with-views-and-jquery
* http://medienfreunde.com/lab/innerfade/
* ((Collaborative Image manipulation))
* phpAdsnew is a [http://sourceforge.net/projects/phpadsnew/|very mature banner] management system
* http://spritely.net
* http://dynamicsjs.com
* ((Prezitations))
* ((PluginButton))
* ((Banner))
* ((SMIL))


-=alias=-
* (alias(Animated Banner generator))