{"id":479,"date":"2010-03-05T12:27:15","date_gmt":"2010-03-05T11:27:15","guid":{"rendered":"http:\/\/www.sachaheck.net\/blog\/?p=479"},"modified":"2010-03-05T23:50:39","modified_gmt":"2010-03-05T22:50:39","slug":"flash-einstellungen","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/flash\/flash-einstellungen","title":{"rendered":"Flash + ActionScript: Einstellungen und Vor\u00fcberlegungen beim Erstellen von Dokumenten"},"content":{"rendered":"<p><strong>Der folgende Artikel ist der erste unseres neuen Blog-Autors Christophe Leifgen, Grafiker\/Mediengestalter und Inhaber seiner eigenen Firma <a href=\"http:\/\/www.wasp.lu\" target=\"_blank\">Wasp Signs<\/a>. Er hat sich auf Webanwendungen in Flash und ActionScript spezialisiert und wird demn\u00e4chst genau \u00fcber diese Themen einige interessante Artikel bloggen und speziell Anf\u00e4nger auch etwas an die Hand nehmen.<\/strong><\/p>\n<h2>Flash AS3 und AS2<\/h2>\n<p>Im Vorfeld sind viele Voreinstellungen zu t\u00e4tigen ehe man in Flash ein brauchbares Dokument erstellen kann. Der erste Schritt ist, ein neues Dokument anzulegen, jedoch dabei den Hauptunterschied zwischen AS3 und AS2 schon mal zu verstehen. Wie bei den meisten Programmen und Entwicklungsumgebungen wurde ActionScript stets weiterentwickelt und dadurch performanter. Der Hauptunterschied zwischen AS3 und AS2 liegt bei den M\u00f6glichkeiten die einem zur Verf\u00fcgung stehen und der Browserinterpretation. AS3 erm\u00f6glicht so z.B. Animationen in 3D die sofort in Flash angesteuert werden k\u00f6nnen und versteht im ActionScript-Modus nun auch rein klassenorientierte Skripte wie Sprite, die h\u00e4ufig in Flex eingesetzt werden.<\/p>\n<p>Wir werden hier nicht zu weit in die Details gehen weil es unz\u00e4hlige M\u00f6glichkeiten gibt, Flash anzuwenden und die Skriptmodi je nach Bedarf und Nutzung variieren.<\/p>\n<p><a href=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f1.jpg\"><br \/>\n<\/a><a href=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f1.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-480\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f1.jpg\" alt=\"\" width=\"583\" height=\"348\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f1.jpg 792w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f1-300x179.jpg 300w\" sizes=\"(max-width: 583px) 100vw, 583px\" \/><\/a><\/p>\n<p>Der Hauptunterschied ergibt sich beim Publizieren der ganzen Datei. F\u00fcr das Auslesen ben\u00f6tigt man n\u00e4mlich einen Flashplayer der im Browser vorinstalliert mitgeliefert wird. Dabei ist nun zu beachten dass erst ab Flashplayer 9 AS3-Code unterst\u00fctzt wird. Es h\u00e4ngt also davon ab, f\u00fcr welchen Zweck man die Applikation schreibt. Wird diese mit anderen Funktionen wie PHP-Scripts verwendet, und mit nicht aktualisierten Versionen benutzt, so ist es ratsam, im Zweifelsfall momentan noch auf AS2 zur\u00fcckzugreifen oder auf jeden Fall immer den Enduser aufzufordern auf die gew\u00fcnschte Flashplayer-Version zu aktualisieren. Hinzukommt kommt, dass AS2-Daten die in einem AS3-Code aufgerufen werden, zu Fehlern f\u00fchren. Dies gilt auch umgekehrt AS3 zu AS2.<\/p>\n<h2>Framerate und B\u00fchnengr\u00f6\u00dfe<\/h2>\n<p>Verschiedene Gr\u00f6\u00dfen &#8230; \u00bbwas will man erreichen?\u00ab ist hier die Frage. Wie schnell soll der Flashinhalt ablaufen? Die Stagesize ergibt sich aus dem Verwendungszweck: Ist es ein vordefinierter Banner oder eine komplette Webseite?<\/p>\n<p><a href=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f2.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-483\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f2.jpg\" alt=\"\" width=\"586\" height=\"279\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f2.jpg 627w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f2-300x143.jpg 300w\" sizes=\"(max-width: 586px) 100vw, 586px\" \/><\/a><\/p>\n<p>\u00dcber die Framerate streiten sich dann die Geister. Die einen arbeiten mit 24 oder 25 FPS (also Frames per Second), so dass 10 Sekunden  also 250 Frames werden. Die anderen arbeiten lieber schneller, mit 30 oder 31 FPS. Die Einstellungen h\u00e4ngen auch wieder vom Ausgabeformat ab, ob es nun auf einer DVD abgespielt wird oder im Browser. Bemerkt sei, dass h\u00f6here Frameraten in der Flashplayer-Applikation\u00a0 zu einem flie\u00dfenderen Ablauf f\u00fchren.<\/p>\n<p><a href=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f3.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-484\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f3.jpg\" alt=\"\" width=\"588\" height=\"165\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f3.jpg 605w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f3-300x84.jpg 300w\" sizes=\"(max-width: 588px) 100vw, 588px\" \/><\/a><\/p>\n<h2>Ausgabe<\/h2>\n<p>Man kann unter \u00bbDatei \u2013 Publizieren\u00ab die verschiedenen Ausgabeformate steuern. Ob dies nun standardm\u00e4\u00dfig eine Flashdatei (.swf) und ein HTML-Dokument (.html) ist oder sonstiges wie \u00bbProjects\u00ab \u2013 auf jeden Fall nicht ungewollt ein .jpg ausgeben denn dann wird sich der Schreibtisch schlagartig mit allen Frames f\u00fcllen ;) 250 Frames sind in dem Fall 250 kleine JPG-Bilder. Weiterhin sollten die ausgegebenen Dateien nicht voneinander getrennt werden, also in verschiedenen Ordnern aufbewahrt werden. Dies f\u00fchrt zu einem \u00bbLinkbruch\u00ab, so dass die Daten nicht mehr angezeigt werden. Also immer sch\u00f6n die Dateistruktur beibehalten, so wie sie nachher auch auf dem Server liegen.<\/p>\n<p><a href=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f6.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-485\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f6.jpg\" alt=\"\" width=\"609\" height=\"565\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f6.jpg 800w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f6-300x278.jpg 300w\" sizes=\"(max-width: 609px) 100vw, 609px\" \/><\/a><\/p>\n<h2>SWF<\/h2>\n<p>Hier kann man nun verschiedenes ausw\u00e4hlen. Die Player-Version, wie schon vorhin angesprochen, in Verbindung mit der Skriptsprache. Ich w\u00fcrde raten, zur Zeit bei neu angelegten Flashdateien auf Flashplayer 9 umzustellen mit AS3. So hat man einen Gro\u00dfteil der Internetnutzer abgedeckt, ohne dass die Flashplayer-Version aktualisiert werden m\u00fcsste.<\/p>\n<p>Die JPG-Qualit\u00e4t sollte auf 100 % stehen. Die Voreinstellungen zu den Bildern sollte man besser in Photoshop vorher steuern. So ist man sicher, dass kein Qualit\u00e4tsverlust nachher auftritt und ungewollt pixelige Bilder entstehen. Auch tr\u00e4gt dies zur Schnelligkeit der Wiedergabe bei, ohne l\u00e4stigen Preload. Lange Wartezeiten beim Preload verschrecken nur die User! Weiter ins Detail geht&#8217;s in einem sp\u00e4teren Tutorial.<\/p>\n<p><a href=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f7.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-486\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f7.jpg\" alt=\"\" width=\"548\" height=\"744\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f7.jpg 548w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f7-221x300.jpg 221w\" sizes=\"(max-width: 548px) 100vw, 548px\" \/><\/a><\/p>\n<h2>HTML-Doc<\/h2>\n<p>Nun die Konfiguration der HTML-Datei: \u00bbDetect version\u00ab erlaubt hier die automatische Erkennung vom Flashplayer und wenn dieser anders im Browser vorhanden ist wird automatisch aktualisiert. Nette Funktion, jedoch bleibt das HTML-Dokument nachher eingeschr\u00e4nkt editierbar &#8230;<\/p>\n<p>Bei \u00bbMatchMovie\u00ab kann man nun genau vornehmen, wie das SWF angezeigt wird \u2013 in der Pixelgr\u00f6\u00dfe die man angegeben hat, oder skalierbar im Browserfenster. Wie werden die Daten abgearbeitet? Ist Flash gestoppt am Anfang? Normalerweise loopt Flash die Animationssequenz sowieso wenn im Script kein stop(); eingesetzt wurde.<\/p>\n<p><a href=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f8.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-488\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f8.jpg\" alt=\"\" width=\"548\" height=\"742\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f8.jpg 548w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/f8-221x300.jpg 221w\" sizes=\"(max-width: 548px) 100vw, 548px\" \/><\/a><\/p>\n<p>Die Qualit\u00e4t sollte auf BEST stehen. Der \u00bbWindow Mode\u00ab erlaubt es, die SWF-Datei transparent im HTML aufzurufen.\u00a0 Wenn jedoch kein Bedarf dazu besteht, sollte diese Funktion auf \u00bbWindow\u00ab stehen.<\/p>\n<p>\u00bbFlash Alignement\u00ab kann man auch beliebig nachher im HTML-Dokument noch einstellen. \u00bbScale\u00ab sollte auf \u00bbdefault\u00ab erstmal stehen bleiben, \u00bbAlignment\u00ab auf \u00bbdefault\u00ab. Diese Einstellungen sind schlichtweg einfacher im HTML-Dokument zu kontrollieren.<\/p>\n<p>Wie schon angesprochen, stellt dies nur ein Bruchteil von Voreinstellungen dar, also reine Basics, die helfen sollen, das Flash-Konzept etwas zu verstehen und die ersten Schritte darin zu machen. Viel Spa\u00df! Und bei Unklarheiten, Fragen oder sonstiges gerne einen kleinen Kommentar hier unten posten.<\/p>\n<div class=\"shariff\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#1e3050\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Fflash%2Fflash-einstellungen&text=Flash%20%2B%20ActionScript%3A%20Einstellungen%20und%20Vor%C3%BCberlegungen%20beim%20Erstellen%20von%20Dokumenten\" title=\"Bei X (Twitter) teilen\" aria-label=\"Bei X (Twitter) teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"1em\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.4.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}<\/style><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"\/><\/svg><\/span><span class=\"shariff-text\">twittern<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Fflash%2Fflash-einstellungen\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Fflash%2Fflash-einstellungen\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><span class=\"shariff-text\">mitteilen<\/span>&nbsp;<\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Im Vorfeld sind viele Voreinstellungen zu t\u00e4tigen ehe man in Flash ein brauchbares Dokument erstellen kann. Der erste Schritt ist, ein neues Dokument anzulegen, jedoch dabei den Hauptunterschied zwischen AS3 und AS2 schon mal zu verstehen.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[76,66],"tags":[432,79,77,431,78,80],"_links":{"self":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/479"}],"collection":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/comments?post=479"}],"version-history":[{"count":16,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/479\/revisions"}],"predecessor-version":[{"id":529,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/479\/revisions\/529"}],"wp:attachment":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/media?parent=479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/categories?post=479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/tags?post=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}