Batch Opprettelse av SWF Bruke DOS og Flex Command Line Compiler

Batch Opprettelse av SWF Bruke DOS og Flex Command Line Compiler
Del
Del
Del
Del

Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.

La oss se på bulk innhold. Vi kommer til å bruke en DOS Batch fil for raskt å generere flere SWF inneholder forskjellige tekst, lyd, bilder osv, men som følger en mal definert av oss.

Jeg må innrømme, jeg er en SWF lover. Du hører mye i disse dager om HTML5 og andre nye teknologier som liksom skal sette den gode gamle SWF ut av business, men jeg vil være en av de utviklere som klamrer seg til min elskede SWF for så lenge jeg kan. I løpet av de siste 14 årene eller så, har SWF vært unik i sin evne til å levere rikt medieinnhold over nettet, måten før noen andre teknologier kan komme i nærheten engang.

For e-læring, er SWF fortsatt ganske mye standard, og er noe jeg bruker gjennom hele min lekse innhold. Jeg bruker det for alt fra virtuelle veileder videoer til vektor bilder, vektor tekst og interaktive aktiviteter av alle slag.

For å gjøre bulk oppretting innhold, jeg har funnet ut at ingenting fungerer ganske så raskt og kraftfullt som en god DOS Batch fil. Du kan raskt skrive og endre en batch fil til å gjøre alle slags interessante ting, og hvis du arbeider med en stor mengde bilder, tekst og lyd, kan en batch-fil raskt slå den inn i multimedieinnhold i form av en SWF .

grunner du kanskje har lyst til å gjøre dette er:

Det eneste verktøyet i Windows som du trenger annet enn din kode editor er Flex SDK, og eventuelt en åpen kildekode ASCII til UTF-8 konvertering program kalt iconv fra GnuWin prosjektet, hvis du planlegger å bruke internasjonale tegn eller aksenter i teksten.

La oss ta en titt på det endelige resultatet vil vi jobbe mot

Bulk opprettelse betyr at alle dine SWF vil følge samme mal, så bestemme hva slags elementer du har behov for: vektor tekst, bilde, lyd, etc.

navn filene dine på riktig måte: hver tekst, bilde og lydfil bør ha matchende navn, samt case. Hvis filene dine er uorganisert, kan det være lurt å laste ned en fil utility program for å batch endre navn på dem, konvertere til små bokstaver, etc. Et slikt program jeg fant heter Nyttige File Utilities.

Det kan være lurt å åpne en tekstfil og holde en liste over absolutte baner til disse elementene, inkludert alle skrifter du har tenkt å legge ned.

I kilden /verktøyet mappe med nedlastings for dette opplæringen, vil du finne noen små batch skript som kan hjelpe deg med å opprette en master ordliste å bruke sammen med SWF kreasjon. Hvis filnavnene inneholder mer enn ett ord, kan du bruke en bindestrek mellom ord [-]. Streker er allerede innkvartert i min viktigste .bat fil som skaper SWF. Ved bruk av streker, blir de konvertert til tall og senere konverteres tilbake til streker med en annen liten nytte fil, som ellers din AS3 class filer vil mislykkes i å kompilere.

Åpne opp din kode editor (jeg bruker alltid Notepad ++ for flere språk koding, er det en utrolig åpen kildekode program)
< p> I de følgende trinnene, vil jeg skissere mulige elementer for deg å legge til din klasse fil definisjon, som vil bli brukt av DOS-fil til å generere alle dine SWF.

Hvis du ønsker å følge med ved å undersøke klassen filen jeg brukte for disse tekstutdragene, åpne kilde /lago.as
filen i nedlastingspakken for denne opplæringen.

Vi begynner ved å legge til en generisk pakke layout i AS3, som uten funksjoner vil se omtrent slik ut:
pakke {import flash.display.Sprite; importere flash.display. *; public class lago strekker Sprite {}}

Nå la oss legge til noen faktiske elementer i vår SWF

Trinn 4: Inkludering en MP3

Som alltid, starter du ved å importere den nødvendige class filer:
import flash.media.Sound; import flash.media.SoundChannel;
Her er koden for å bygge inn en lyd på en statisk plassering. . Du vil legge merke til når vi kommer til å skape vår DOS-fil, bruker vi variablene for vår mappe og filnavn i stedet
[Bygg (kilde = "C: /Users/You/Desktop/sound/lago.mp3") ] offentlig Var soundClass: Klasse; Var sndChannel: SoundChannel; Var smallSound: Sound = nye soundClass () som Sound;

Trinn 5: Inkludering et bilde

Her er koden for å legge inn et bilde: product: [Embed (kilde = "C: /Brukere /Du /Desktop /bilder /lago.swf ")] offentlig Var Bilde: klasse; Var pic: Sprite = new Picture ();
I filen min jeg først lage en Sprite, som jeg legge bildet til, men hvis du ønsker å legge inn bildet direkte til scenen du ville bare bruke:
addChild (bilde);

Trinn 6: Inkludering en Font

Som jeg er å bruke internasjonale tegn, jeg legge min font ved å spesifisere hvilke Unicode-tegn til å omfatte: product: [Embed (mimetype = " application /x-font ", unicodeRange='U+0061-U+007A,U+00E1-U+00E1,U+00E9-U+00E9,U+00ED-U+00ED,U+00F1-U+00F1,U+003F-U+003F,U+00FA-U+00FA,U+00E1-U+00E1,U+00F3-U+00F3,U+00BF-U+00BF,U+00A1-U+00A1', source = "C: /Users/You/Desktop/BradBunR.ttf", skriftnavn = "Brady")] privat Var terminatorFontClass: Klasse;
For å se hvilke tegn du trenger, kan du sjekke denne oversikten her, finnes på University of Wisconsin-Madison Space, Science, og Engineering Website. I Windows kan du også åpne opp charmap.exe program og se på verdiene for tegnene du trenger

Trinn 7:. Ved hjelp av tekstformat å style din tekst

Begynn med importerer de nødvendige klasser:
import flash.text. *; import flash.text.TextFormat; import flash.text.AntiAliasType;
Nå opprette en tekstfeltet og legge ved en tekstformat til det:
Var __text_tf: Textfield = new Textfield () __ format: tekstformat = new tekstformat ();
La oss nå bruke noen styling til vår tekst. Jeg brukte en størrelse for teksten under, men i mitt selve filen jeg justere størrelsen basert på streng lengde, så denne størrelsen linjen ville ikke benyttes
__format.size = 30.; __format.font = "Brady"; __format.letterSpacing = 6; __format.align = TextFormatAlign.CENTER; __text_tf.width = 500; __text_tf.embedFonts = true; __text_tf.wordWrap = true; __text_tf.defaultTextFormat = __format; __text_tf.autoSize = "center"; __text_tf.text = str;

Trinn 8: Endre skriftstørrelse Ifølge String Lengde

Dette var litt av en vanskelig stykke kode, men hvis du prøver å lage bulk SWF setninger og til og med setninger i stedet for bare enkelte ord, vil du finne at det er nødvendig å ta høyde for ulike strengelengder. Ellers noen av dine ord vil være enten for stor eller for liten
if (str.length < = 9). {__format.size = 70; } Else if (str.length > = 14 & & str.length < = 22) {__format.size = 50; __text_tf.defaultTextFormat = __format; } Else if (str.length > = 28 & & str.length < = 48) {__format.size = 40; __text_tf.defaultTextFormat = __format; } Else {__format.size = 50; }
Selvfølgelig kan du endre disse verdiene i henhold til ditt eget innhold behov

Trinn 9:. Sentre tekst i et tekstfeltet

Denne linjen unngikk meg i starten, og var . avgjørende for å få min tekst å sentrere skikkelig i tekstfeltet
__text_tf.autoSize = "center";

Trinn 10: Sentrering og Proporsjonalt bildestørrelsesjustering

Denne koden tok den bedre delen av en dag for å få rett, og er den eneste måten jeg fant å riktig endre størrelse og sentrere en SWF. Du kan endre x, y, targetHeight, og targetWidth verdier, avhengig av størrelsen på din egen SWF, men ellers denne koden kan hjelpe deg å oppnå sentre og endre størrelsen:
Var ratio: Number; Var bredt: Number; Var targetWidth: Nummer = 400; Var targetHeight: Nummer = 250; if (pic.width < targetWidth) {ratio = targetWidth /pic.width; pic.width = targetWidth; pic.height * = forholdet; wide = pic.width * forhold; } If (pic.height < targetHeight) {ratio = targetHeight /pic.height; pic.width * = forholdet; pic.height = targetHeight; wide = pic.width * forhold; } If (pic.width > targetWidth) {ratio = targetWidth /pic.width; pic.width * = forholdet; pic.height * = forholdet; wide = pic.width * forhold; } If (pic.height > targetHeight) {ratio = targetHeight /pic.height; pic.width * = forholdet; pic.height * = forholdet; wide = pic.width * forhold; } Pic.y = 110; pic.x = 250 - wide /2; pic.scaleX = pic.scaleY; square.addChild (bilde);
}

Trinn 11: DOS versjon av AS3 Class File

Vennligst ta en titt på eksempelfilen kilde /lago .as
hvis du trenger mer hjelp laging klassen din fil mal, så nå er det på tide å lage DOS-versjonen av filen.

Åpne opp lago.bat.txt filen i nedlastings kilde katalog, og lagre navnet i bare lago.bat. Hvis du bruker en kode editor som Notepad ++, bør du ha en Batch fremhever syntaks som nå vil bli brukt. Selv om ikke nødvendig, betyr syntax highlighting gjøre Batch koding mye enklere.

Husk at DOS trenger du å flykte visse tegn med prefikset dem med en caret [^] (eller noen ganger en dobbel-caret [^^] inkludert:

(

)

>

&

Husk også følgende ting:

Hver linje må begynne med ekko, slik at det vil bli inkludert

Hver linje må slutte med > > fileoutta slik at det vil! føyes til vår SWF skaperen .bat fil

Bruk et program som Notepad ++ til å kjøre en RegEx søk og erstatt, først rømmer de nødvendige tegn, deretter legge ekko kommandoer i begynnelsen av linjene, eller hvor \\ n er funnet, og legge til > > fileoutta før avkastning, eller hvor \\ r er funnet For eksempel:!.

Finn:

\\ n

Erstatt med:

\\ n ekko

Og

Finn:

\\ r

Erstatt med:

! > > fileoutta \\ r

Til slutt lagre denne DOS-versjonen av filen, dvs. myclass.bat

Trinn 12: Begynn Crafting Din DOS Batch File
.
For å bedre følge med, åpner opp følgende fil fra nedlastings kilde katalogen: batch_create_swfs_word_picture_w_audio.bat.txt
. Endre filen slutter å bare .bat og lagre

Punkter om denne bat fil.

Den vil kjøre i mappen hvor du plasserer den

Det vil bruke mappenavnet som en variabel

Det vil forvente noen bilder for å være i en /images katalogen

Det vil forvente noen lydfiler til å være i en /lyd katalogen

De absolutte baner til Flex kompilatoren, er alle skrifter du ønsker å legge ned, og eventuelt iconv.exe programmet trengte

Jeg bruker en mester ordliste fil for å lage mine SWF, som finnes i kilde /ordliste /glossary.txt
. For å opprette en slik fil fra en mappe med filer, kan du bruke en av mine verktøy .bat filer funnet i kilde /nytte-mappen.

Husk at gruppebehandling krever at du er veldig pliktoppfyllende når navngi noen eiendeler. Den beste tilnærmingen er å gi et bilde og lyd eiendeler bestemt til samme SWF nøyaktig samme navn, og deretter sette dem i riktige undermapper - for eksempel:

lyd /lago.mp3

images /lago.swf

ordliste /glossary.txt fil
å skape bare SWF for lago ville bare lese

lago

Det fine med systemet mitt er at min glossary.txt
filen kan inneholde et ubegrenset antall ord - faktisk jeg har kjørt den med 1000 + ord, uten problemer i det hele tatt! Men de ressursene du forsøker å legge inn må eksistere, og være på riktig sted, riktig navn, eller SWF for det ordet vil mislykkes i å kompilere

Trinn 13:. Bytt ut fil- og katalog Referanser

Se igjen på den batch_create_swfs_word_picture_w_audio.bat
fil. Bla ned til avsnittet under REM en tittel, og du vil finne begynnelsen av området der du kan legge til DOS-versjonen av den tilpassede AS3 klassen filen du opprettet i trinn 11.

En ting å merke seg er at jeg bruker variable! myVar! for mappenavnet, slik at jeg kan slippe dette .bat filen til en mappe i en hovedkatalog på datamaskinen min, og banene til filer vil fortsatt være riktig så lenge jeg bruker /bilder og /lyd underkataloger. Undersøke koden min før du limer inn din egen i, slik at du kan gjøre de riktige erstatninger.

Seksjonene tittelen REM 1, REM 2, REM 3, og REM 4 krever at du må tilpasse basert på dine egne mappebaner .

Trinn 14: Valgfritt Tilpass iconv UTF-8 Converter Sti

Åpne opp utf_convert.bat.txt
fil og endre navnet til utf_convert BAT
. Finn de REM 1 og REM 2 seksjoner, og fyll inn de riktige baner for filene dine

Trinn 15:. Organisere filer for en prøvetur

På tide å få kompilering! Finn master katalogen du har brukt for alle dine veier, og opprette en ny mappe som heter trialrun. . Åpne opp nedlastingsmappe for denne opplæringen, og kopiere de undermapper fra kilde /trialrun og lime dem inn i trialrun mappen du nettopp opprettet i hovedkatalogen

Trinn 16: Kopier og lim .bat filer

Kopier batch_create_swfs_word_picture_w_audio.bat Hotell og eventuelt på utf_convert.bat
filer til trialrun katalogen du nettopp opprettet

Trinn 17:. Klikk på Hoved .bat fil

På tide å gi batch SWF skapelsen en prøve! Klikk på batch_create_swfs_word_picture_w_audio.bat
Dette vil skape AS3 class-filer som skal brukes til å generere individuelle SWF

Trinn 18:. Klikk på UTF-8 Creation .bat filer

Du vil bli gitt instruksjoner i kommandolinjen konsollen til å klikke på utf_convert.bat
og utf_click_to_convert.bat
filer, i den rekkefølgen. Dette vil konvertere alle dine AS3 class filer til UTF-8 kompatible filer før du kjører Flex AS3 kompilatoren

Trinn 19:. Fortsett Batch Creation av Klikker Any Key

Etter UTF -8 konverteringen er ferdig, kommandolinje Console vil vente på deg til å klikke på en tast for, før du fortsetter. Når du gjør det, vil den faktiske SWF kompilering begynne. For prøvedriften, vil 3 SWF-filer opprettes i trialrun /word_scripts_sp_au_utf8 katalogen

Trinn 20:. Sjekk Dine SWF

Åpne opp trialrun /word_scripts_sp_au_utf8 katalog og se om SWF-filer er der. Ved siden av .as class filer, skal du se: lago.swf, nieve.swf, og hielo.swf
Når du kjører dine egne ordlister for batch SWF skapelse, kan du ha lange filnavn som må få nytt navn i batch. . Som du kan ikke ha bindestreker i dine AS3 klasse navn, jeg bruker tall for å erstatte dem når det er nødvendig, så jeg kjører et lite verktøy BAT funnet i utility /rename_long_swfs.bat.txt
av nedlastingsmappen. Endre navn på forlengelse av denne filen til .bat, deretter kopiere den inn i word_scripts_sp_au_utf8 mappen der ferdige SWF bor i for å gjøre dette døpe på en gruppe SWF.

Konklusjon

Jeg håper denne opplæringen vil hjelpe noen av dere til å nyte underverkene og sant programmering lykke som kan komme med SWF batch skapingen gjennom DOS. Å se hundrevis av perfekte multimedie SWF opprettet med bare noen få klikk er ganske god følelse! Tusen takk for å gi denne opplæringen en lese, og jeg ser frem til noen kommentarer eller spørsmål du måtte ha

Merk:. Det er verdt å merke seg at ANT er ofte betraktet som en verdig alternativ for batch fil skapelse, spesielt for Mac-brukere. Sjekk ut Jesse Freeman Introduksjon til AntPile å finne ut mer. Anmeldelser

Previous:Tuts + Solid Gold Bundle !!!

Next Page:Adobe AIR (for iOS) og Andre RIA News