{"id":74644,"date":"2015-03-20T16:33:15","date_gmt":"2015-03-20T15:33:15","guid":{"rendered":"http:\/\/www.ifun.de\/?p=74644"},"modified":"2015-03-20T16:33:15","modified_gmt":"2015-03-20T15:33:15","slug":"tumult-veroeffentlicht-html5-animator-hype-3-und-eine-erweiterte-pro-version","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/tumult-veroeffentlicht-html5-animator-hype-3-und-eine-erweiterte-pro-version-74644\/","title":{"rendered":"Tumult ver\u00f6ffentlicht HTML5 Animator Hype 3 und eine erweiterte Pro-Version"},"content":{"rendered":"<p>Animation im Web hie\u00df jahrzentelang Flash. Der Grund war einfach, dass Adobe ein Werkzeug geschaffen hatte, mit dem sich solcherlei Animationen recht leicht erstellen lie\u00dfen. Seit HTML5\/CSS3 hat sich das gewandelt. Wer etwas im Web bewegen m\u00f6chte, setzt auf diese Technik, zumal damit, im Gegensatz zu Flash, alle Plattformen umgehen k\u00f6nnen. Schon vor einiger Zeit hat der Hersteller Tumult mit Hype ein Werkzeug programmiert, mit dem sich Animationen sehr leicht erstellen lassen und legt nun eine Neuauflage der Software vor.<\/p>\n<p>Tumult hat sich mit dem Update sehr viel Zeit gelassen, das letzte gr\u00f6\u00dfere Update gab es im Januar 2014. Mit <a href=\"http:\/\/tumult.com\/hype\/\" title=\"Hype 3\" target=\"_blank\">Hype 3<\/a> ist das Programm nun bei Yosemite angekommen. Vor allem die Oberfl\u00e4che wurde deutlich aufpoliert und angepasst. Allerdings hat man sich beim Hersteller entschieden, zwei unterschiedliche Versionen des Produkts anzubieten: eine Standard- und eine Pro-Version. Auf die Standard-Version gibt es ein kostenloses Update f\u00fcr alle Vorbesitzer. Die Pro-Version ist f\u00fcr diese als InApp-Kauf f\u00fcr 49,99 \u20ac implementiert oder kann separat als solche erworben werden. Es hat den Anschein, als wolle der Hersteller damit die nicht vorhandene Upgrade-M\u00f6glichkeit des AppStore umgehen. Wer von den zahlreichen Zusatzfunktionen der Pro-Version profitieren will, zahlt eine Art Upgrade-Preis, allen anderen bleiben die verf\u00fcgbaren Werkzeuge erhalten und das Programm wurde leicht an Yosemite angepasst. Sicher ein durchaus fairer Deal.<\/p>\n<h2>Was bietet Hype 3 Pro?<\/h2>\n<p>Hype 3 Pro besitzt gegen\u00fcber der Standard-Version einen deutlich erweiterten Funktionssatz. Am auff\u00e4lligsten ist jedoch die Option, die Oberfl\u00e4che mit einem dunklen Thema zu versehen, und sich so auch anderen Design-Programmen oder auch dem Dark-Theme von OS X anzupassen.<br \/>\nMit Hype 3 Pro ist es nun m\u00f6glich Responsive Layouts zu gestalten. Dabei ist die kostenlose iOS App HypeReflect hilfreich, mit denen Entw\u00fcrfe direkt auf iOS-Ger\u00e4te gespiegelt werden k\u00f6nnen.<br \/>\nF\u00fcr anspruchsvollere Animationen bietet Hype Pro Physics an, mit denen sich realistische Bewegungen programmieren lassen.<br \/>\nEin Grid-System erleichtert die Gestaltung moderner Webseiten ebenso, wie eine erweiterte Bedienoberfl\u00e4che, mit wiederverwendbaren, selbst erstellten Symbolen und Master-Elementen.<\/p>\n<p><a href=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2015\/03\/Hype-3.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2015\/03\/Hype-3.png\" alt=\"Hype 3\" width=\"700\" height=\"437\" class=\"alignright size-full wp-image-74656\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2015\/03\/Hype-3.png 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2015\/03\/Hype-3-300x187.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h2>Hype 3 Pro praktisch<\/h2>\n<p>Hype ist ein Programm, mit dem sich recht schnell einfache Animationen f\u00fcr das Web erstellen lassen: Banner, Teaser oder Anschauungsmaterial. Man muss sich allerdings erst einmal an die Bedienung gew\u00f6hnen, damit man herausbekommt, wie man eine Bewegung am besten erstellt und vor allem. Inzwischen hat Hype so viele M\u00f6glichkeiten der Animation, dass man diese kaum komplett ausreizen kann. Es stehen zwar eine recht ausf\u00fchrliche Dokumentation und zahlreiche Videos auf der Webseite des Herstellers bereit, allerdings alle in englischer Sprache. Dies erleichtert den Einstieg zwar, aber etwas Zeit ben\u00f6tigt man doch. Das Programm selber ist im \u00dcbrigen mit einer deutschen Oberfl\u00e4che ausgestattet.<br \/>\nObwohl Hype zur Erstellung von Animationen gedacht ist, lassen sich auch recht leicht kleinere Webprojekte komplett darin realisieren. Alle notwendigen interaktiven Elemente f\u00fcr eine Navigation sind ja vorhanden. Durch die neuen Master-Elemente und Symbol-Vorlagen wird dies noch einmal erleichtert. Der Nachteil ist die Ausgabe von Hype: Alles wird in ein JavaScript-Konstrukt verpackt, dass nicht besonderes SEO freundlich ist. Um dieses Manko zu beheben, sollte man zumindest der vorangestellten HTML-Seite zahlreiche Informationen mitgeben.<\/p>\n<h2>Fazit<\/h2>\n<p>Mit Hype 3 (Pro) entwerft ihr, nach etwas Einarbeitung, rasch animierte Inhalte f\u00fcr euren Internet-Auftritt. Seien es nun Banner, Landingpages oder gar kleine Spiele, mit etwas \u00dcbung geht dies recht unkompliziert. Der HypeReflector macht es zudem relativ einfach, Responsive Websites zu entwerfen. Insgesamt rund 100 \u20ac kostet dabei die Pro Version im Neukauf. Das Update von 2 auf 3 in der Standard Version ist fairer Weise komplett kostenlos und f\u00fcr viele Anwender d\u00fcrfte die Standard-Version zu 49,99 \u20ac ausreichend sein. Solltet ihr dann etwas &#8222;mehr&#8220; wollen, kostet das Upgrade auf Pro 49,99 \u20ac und damit auf dem gleichen Niveau, wie der Komplettkauf. Eine 14 Tage Testversion erm\u00f6glicht euch den Vergleich zwischen beiden Versionen.<\/p>\n<p><div class=\"responsive-video\"><iframe loading=\"lazy\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/lfbO_reb5Xw?rel=0\" frameborder=\"0\" allowfullscreen><\/iframe><\/div><\/p>\n<div id=\"article-single-app-preview\">\n<div id=\"article-single-app-preview-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ifun.de\/wp-content\/plugins\/appstore-lookup\/timthumb.php?src=http:\/\/placekitten.com\/57\/57&zc=0&amp;w=72&amp;q=80\"  alt=\"App Icon\"  height=\"72\" width=\"72\" class=\"asl-icon-img\" \/><\/div>\n<div id=\"article-single-app-preview-desc\"><span class=\"name\">App Not Found<\/span><br \/>\n<span class=\"seller\">Seller Not Found<\/span><\/div>\n<a href=\"http:\/\/www.ifun.de\/app\/685096913\"><div id=\"article-single-app-preview-download\">Free<br \/>\n<span class=\"size\">19.73MB<\/span><\/div><\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.ifun.de\/tumult-veroeffentlicht-html5-animator-hype-3-und-eine-erweiterte-pro-version-74644\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2015\/03\/Finder012-150x150.png\" class=\"alignright tfe wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2015\/03\/Finder012-150x150.png 150w, https:\/\/images.ifun.de\/wp-content\/uploads\/2015\/03\/Finder012.png 251w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a><p>Animation im Web hie\u00df jahrzentelang Flash. Der Grund war einfach, dass Adobe ein Werkzeug geschaffen hatte, mit dem sich solcherlei Animationen recht leicht erstellen lie\u00dfen. Seit HTML5\/CSS3 hat sich das gewandelt. Wer etwas im Web bewegen m\u00f6chte, setzt auf diese Technik, zumal damit, im Gegensatz zu Flash, alle Plattformen umgehen k\u00f6nnen. Schon vor einiger Zeit [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":74646,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[16],"tags":[2556,2221,2667],"class_list":["post-74644","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mac","tag-animation","tag-html5","tag-hype-3"],"acf":[],"aioseo_notices":[],"featured_image":["http:\/\/images.ifun.de\/wp-content\/uploads\/2015\/03\/hype-feat.png"],"rest_api_enabler":{"featured_image":"http:\/\/images.ifun.de\/wp-content\/uploads\/2015\/03\/hype-feat.png"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/74644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=74644"}],"version-history":[{"count":9,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/74644\/revisions"}],"predecessor-version":[{"id":74686,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/74644\/revisions\/74686"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/74646"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=74644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=74644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=74644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}