{"id":1403,"date":"2014-03-07T15:13:52","date_gmt":"2014-03-07T15:13:52","guid":{"rendered":"http:\/\/www.ticeman.fr\/lecoutelas\/?p=1403"},"modified":"2018-07-30T22:01:24","modified_gmt":"2018-07-30T22:01:24","slug":"tumult-hype-2-excellent-logiciel-danimation-html5-pour-mac","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=1403","title":{"rendered":"Tumult Hype 2: excellent logiciel d&#8217;animation html5 pour mac ($)"},"content":{"rendered":"<p>Le html5 c&#8217;est bien, mais bon c&#8217;est pas totalement fini et hormis quelques grands noms difficile de trouver des logiciels permettant d&#8217;animer r\u00e9ellement de fa\u00e7on simple et avec un rendu sympa.<\/p>\n<p>Tumult Hype 2 sur Mac se distingue du lot en proposant une solution simple (pour les habitu\u00e9s de l&#8217;animation) \u00e0 un prix plus que raisonnable (environ 15 euros pour les \u00e9ducateurs).<\/p>\n<p>Les habitu\u00e9s de l&#8217;animation par exemple avec flash, ne se sentiront pas trop perdus. l&#8217;interface bien qu&#8217;un peu similaire (une grande fen\u00eatre de travail) et une ligne de temps, est nettement plus simple. il y a certes moins de fonctionnalit\u00e9s mais on y reviendra.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-14.44.40.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1506\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-14.44.40-300x187.png\" alt=\"hype11\" width=\"300\" height=\"187\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-14.44.40-300x187.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-14.44.40-1024x640.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-14.44.40-624x390.png 624w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-14.44.40.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>C\u00f4t\u00e9 import, tous les m\u00e9dias peuvent s&#8217;importer. Quelques limites en termes de types mais le logiciel a des avantages notamment l&#8217;import direct de svg. C&#8217;est un avantage c\u00f4t\u00e9 qualit\u00e9 graphique de la sortie. on regrettera sur ce plan la non gestion des calques du svg mais cela viendra peut \u00eatre.<\/p>\n<p>Quelques formes pr\u00e9d\u00e9finies peuvent \u00eatre ins\u00e9r\u00e9es. cela est encore \u00e0 mon avis limit\u00e9. Du vectoriel aurait \u00e9t\u00e9 un avantage et on se retrouve \u00e0 se limit\u00e9 \u00e0 des rectangles ou des ellipses. Cela suffit mais d\u00e8s que l&#8217;on souhaite pousser un peu, la limite est rapidement atteinte.<\/p>\n<p>passer ces quelques limites, le coeur du logiciel est l&#8217;animation, est sur ce plan le tout est excellent de simplicit\u00e9 (pour les non novices je le rappelle).<\/p>\n<p>Par rapport \u00e0 flash o\u00f9 la gestion devenait rapidement usine \u00e0 gaz avec clip dans le clip etc&#8230;, ici, tout est simplifi\u00e9. On dispose d&#8217;une ligne de temps principale, mais il est possible d&#8217;avoir autant de ligne de temps que l&#8217;on souhaite. Ainsi, les animations peuvent \u00eatre multipli\u00e9es \u00e0 quasiment l&#8217;infini. le tout est lors de la programmation des animations, de se retrouver sur les bonnes lignes de temps.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-07-15.32.34.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1507\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-07-15.32.34-300x187.png\" alt=\"hype12\" width=\"300\" height=\"187\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-07-15.32.34-300x187.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-07-15.32.34-1024x640.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-07-15.32.34-624x390.png 624w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-07-15.32.34.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Dans l&#8217;exemple ci-dessus, quelques timelines pour g\u00e9rer des apparitions au survol de la souris. Et pour la programmation , on reste dans la m\u00eame interface. il faut dire que le soft est bien con\u00e7u puisque la plupart des actions ont lieu dans un \u00e9l\u00e9ment appel\u00e9 inspecteur qui permet de modifier \u00e0 loisir ce que l&#8217;on veut. En gros en cliquant sur un objet, on retrouve ses propri\u00e9t\u00e9s modifiables dans l&#8217;inspecteur. mais dans celui-ci on peut retrouver les propri\u00e9t\u00e9s du document entier, des timelines etc. une fois saisie l&#8217;importance de cet inspecteur, on ne se perd pas.<\/p>\n<p>C\u00f4t\u00e9 programmation, on ne pouvait faire plus simple aussi pour un logiciel si complet. Dans l&#8217;inspecteur toujours, on s\u00e9lectionne les actions. pour qu&#8217;elles aient lieu sur certains objets, on d\u00e9finit des timelines particuli\u00e8res et ensuite, c&#8217;est assez intuitif, on choisit l&#8217;action au survol de la souris ou au toucher, au clic, arriver \u00e0 un temps d\u00e9fini. Tout cela peut bien s\u00fbr \u00eatre combin\u00e9 pour ajouter encore plus d\u2019interactivit\u00e9.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-16.07.18.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1508\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-16.07.18-300x187.png\" alt=\"hype13\" width=\"300\" height=\"187\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-16.07.18-300x187.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-16.07.18-1024x640.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-16.07.18-624x390.png 624w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/03\/Capture-d\u00e9cran-2014-03-06-16.07.18.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Dans l&#8217;exemple ci-dessus, j&#8217;ai activ\u00e9 l&#8217;apparition d&#8217;un \u00e9l\u00e9ment au survol de la souris.\u00a0 Le tout est donc tr\u00e8s simple et bien moins usine \u00e0 gaz qu&#8217;avec flash \u00e0 mon humble avis.<\/p>\n<p>Enfin et ce n&#8217;est pas la moindre des qualit\u00e9s du soft. Lors de la programmation des actions, l&#8217;inspecteur fournit en temps r\u00e9el des donn\u00e9es sur l&#8217;affichage dans la plupart des navigateurs. cela permet de pr\u00e9voir ce qui pourrait arriver chez l&#8217;utilisateur. Lorsqu&#8217;un probl\u00e8me survient, une ic\u00f4ne d&#8217;avertissement appara\u00eet dans le navigateur et pr\u00e9cise le risque d&#8217;erreur. D&#8217;ailleurs souvent avec Internet Explorer.<\/p>\n<p>En suivant <a href=\"http:\/\/cyberhistoiregeo.fr\/contenu\/enee\/enee.html\" target=\"_blank\" rel=\"noopener\">ce lien<\/a> vous pourrez voir un essai en histoire g\u00e9ographie.<\/p>\n<p>Et ce n&#8217;est qu&#8217;un modique exemple. je n&#8217;ai pas encore explor\u00e9 l&#8217;int\u00e9gralit\u00e9 du logiciel. il est possible de d\u00e9finir des scripts personnalis\u00e9s tr\u00e8s complexes.<\/p>\n<p>Le tout sort bien s\u00fbr en html5, vu que le soft est fait pour cela. pour les amoureux de iBooks Author, il peut aussi produire des widgets int\u00e9grables dans vos livres et apr\u00e8s test je confirme que c&#8217;est tr\u00e8s au point.<\/p>\n<p>bref, un excellent soft pour un prix tout de m\u00eame assez modique et surtout r\u00e9aliste.<\/p>\n<p>Lien: <a href=\"http:\/\/tumult.com\/hype\/\" target=\"_blank\" rel=\"noopener\">Tumult Hype2<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le html5 c&#8217;est bien, mais bon c&#8217;est pas totalement fini et hormis quelques grands noms difficile de trouver des logiciels permettant d&#8217;animer r\u00e9ellement&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=1403\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">Tumult Hype 2: excellent logiciel d&#8217;animation html5 pour mac ($)<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1506,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,51,87],"tags":[],"class_list":["post-1403","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","category-creation","category-creer-des-sites-web-et-presentations-interactives"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/1403"}],"collection":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1403"}],"version-history":[{"count":6,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/1403\/revisions"}],"predecessor-version":[{"id":8789,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/1403\/revisions\/8789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/1506"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}