{"id":5377,"date":"2011-11-28T11:00:09","date_gmt":"2011-11-28T10:00:09","guid":{"rendered":"https:\/\/www.ideematic.com\/actualites\/?p=282"},"modified":"2022-03-01T11:42:44","modified_gmt":"2022-03-01T10:42:44","slug":"generateurs-danimations-html-5","status":"publish","type":"post","link":"https:\/\/www.ideematic.com\/actualites\/2011\/11\/generateurs-danimations-html-5\/","title":{"rendered":"G\u00e9n\u00e9rateurs d’animations HTML 5"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]En 1996,\u00a0Macromedia a rachet\u00e9 \u00e0\u00a0FutureWave ce qui par la suite est devenu le moteur de rendu vectoriel le plus populaire pour l’exploitation d’animations et de vid\u00e9os dans le contexte d’une page web : Flash<\/strong>.
\nCe bien connu de tous s’int\u00e8gre sous la forme d’un plugin que l’on t\u00e9l\u00e9charge et installe pour \u00eatre ensuite li\u00e9 \u00e0 chaque navigateur voulant l’utiliser.<\/p>\n

Rachet\u00e9 finalement par Adobe en 2005, il est pass\u00e9 de la version 7 \u00e0 la version 11 tr\u00e8s r\u00e9cemment.
\nDe nombreux sites utilisant cette technologie gravitent un peu partout sur la toile.
\nVoici un tr\u00e8s bon exemple de rendu ici : http:\/\/www.lotie.com<\/a> et d’autres l\u00e0 :
\nhttp:\/\/www.thefwa.com
\n<\/a>Dans une gamme concurrente, Microsoft propose\u00a0Silverlight<\/a>\u00a0depuis fin 2007.<\/p>\n

Nous trouverons ais\u00e9ment divers articles permettant de comparer Flash \u00e0 Silverlight dont celui (en anglais d\u00e9sol\u00e9) de Smashingmagazine :
\nhttp:\/\/www.smashingmagazine.com\/2009\/05\/09\/flash-vs-silverlight-what-suits-your-needs-best\/<\/a><\/p>\n

Et pour compl\u00e9ter, faisons r\u00e9f\u00e9rence enfin au lecteur de fichiers flash\u00a0Gnash<\/a> qui est\u00a0une alternative open source (licence GNU).<\/p>\n

Flash, mais dans quel but ?<\/strong><\/p>\n

Le contexte de Flash a permis entre autres, d’introduire de belles interactions entre l’utilisateur et le navigateur.<\/p>\n

Mais l’inconv\u00e9nient majeur de flash, \u00e9tant un plugin, est qu’il repr\u00e9sente une couche ajout\u00e9e aux navigateurs. Les moteurs de recherches ont ainsi beaucoup de mal \u00e0 en indexer le contenu des sites d\u00e9velopp\u00e9s dans cette technologie. Le r\u00e9f\u00e9rencement naturel s’en trouve logiquement p\u00e9nalis\u00e9. Par ailleurs, certains terminaux mobiles comme l’Iphone et l’Ipad sont encore incapables de l’interpr\u00e9ter (mais l\u00e0 c’est une question de choix de la part d’Apple et nous pourrons relire cet\u00a0article du Monde<\/a> qui fait r\u00e9f\u00e9rence \u00e0 la guerre entre ce dernier et Adobe).<\/p>\n

\"jquery\"Rappelons qu’une page web est constitu\u00e9e d’une structure qui assemble des balises. Le DOM<\/strong> (Document Objet Model) est une recommandation du W3C<\/a> d\u00e9crivant ce concept. Le DOM a pour but d’\u00eatre manipul\u00e9 par des langages de programmation en vue de modifier son contenu. L’ensemble de ces traitements s’op\u00e8re du c\u00f4t\u00e9 client (au niveau du navigateur) et permet ainsi de rendre les pages interactives et d’effectuer des traitements asynchrones (sans avoir \u00e0 recharger la page en cours).
\nLe javascript a eu et continue d’avoir un r\u00f4le tr\u00e8s important \u00e0 ce niveau l\u00e0. Pour faciliter son utilisation, de nombreuses librairies telles que JQuery<\/a> ont fait leur apparition.
\nLe d\u00e9veloppement s’en trouve largement simplifi\u00e9 et permet d’obtenir des effets de manipulations tr\u00e8s int\u00e9ressants.<\/p>\n

Voici quels exemples illustrant l’utilisation de javascript pour de l’animation :<\/p>\n