Användarhandbok Avbryt

Så här använder du ActionScript med Animate

  1. Användarhandbok om Adobe Animate
  2. Introduktion till Animate
    1. Nyheter i Animate
    2. Visuell ordlista
    3. Systemkrav för Animate
    4. Tangentbordsgenvägar för Animate
    5. Arbeta med flera filtyper i Animate
  3. Animering
    1. Grunderna vid animering i Animate
    2. Så här använder du bildrutor och nyckelbildrutor i Animate
    3. Animering bildruta för bildruta i Animate
    4. Så här arbetar du med klassiska övergångsanimeringar i Animate
    5. Pensel
    6. Rörelseguide
    7. Rörelseinterpoleringar och ActionScript 3.0
    8. Om övergångsanimeringar med rörelse
    9. Animeringar med rörelseinterpolering
    10. Skapa en animering med rörelseinterpolering
    11. Använda nyckelbildrutor för egenskaper
    12. Animera placering med en interpolering
    13. Så här redigerar du rörelseinterpoleringar med rörelseredigeraren
    14. Redigera rörelsebanan för en interpolerad animering
    15. Ändra rörelseinterpoleringar
    16. Lägga till anpassade övergångar
    17. Skapa och använda förinställda rörelser
    18. Konfigurera interpoleringsintervall för animeringar
    19. Arbeta med rörelseinterpoleringar sparade som XML-filer
    20. Rörelseinterpoleringar jämfört med klassiska interpoleringar
    21. Skapa övergångar
    22. Använda animeringar med benverktyget i Animate
    23. Arbeta med figurriggning i Animate
    24. Så här använder du maskeringslager i Adobe Animate
    25. Så här arbetar du med scener i Animate
  4. Interaktivitet
    1. Så här skapar du knappar med Animate
    2. Konvertera Animate-projekt till andra dokumenttypsformat
    3. Skapa och publicera HTML5 Canvas-dokument i Animate
    4. Lägga till interaktivitet med kodfragment i Animate
    5. Skapa anpassade HTML5-komponenter
    6. Använda komponenter i HTML5 Canvas
    7. Skapa anpassade komponenter: Exempel
    8. Kodfragment för anpassade komponenter
    9. God praxis - annonsera med Animate
    10. Redigera och publicera VR
  5. Arbetsyta och arbetsflöde
    1. Skapa och hantera målarpenslar
    2. Använda Google Fonts i HTML5 Canvas-dokument
    3. Använda Creative Cloud Libraries och Adobe Animate
    4. Använda scen- och verktygspanelerna i Animate
    5. Arbetsflöde och arbetsyta i Animate
    6. Använda webbteckensnitt i HTML5 Canvas-dokument
    7. Tidslinjer och ActionScript
    8. Arbeta med flera tidslinjer
    9. Ange inställningar
    10. Använda redigeringspanelerna i Animate
    11. Skapa tidslinjelager med Animate
    12. Exportera animeringar för mobilprogram och spelplattformar
    13. Flytta och kopiera objekt
    14. Mallar
    15. Söka och ersätta i Animate
    16. Ångra, gör om och panelen Historik
    17. Kortkommandon
    18. Så här använder du tidslinjen i Animate
    19. Skapa HTML-tillägg
    20. Optimeringsalternativ för bilder och animerade GIF-filer
    21. Exportinställningar för bilder och GIF-filer
    22. Panelen Resurser i Animate
  6. Multimedia och video
    1. Omforma och kombinera grafikobjekt i Animate
    2. Skapa och arbeta med symbolinstanser i Animate
    3. Bildkalkering
    4. Så här använder du ljud i Adobe Animate
    5. Exportera SVG-filer
    6. Skapa videofiler för användning i Animate
    7. Så här lägger du till en video i Animate
    8. Rita och skapa objekt med Animate
    9. Omforma linjer och former
    10. Linjer, fyllningar och övertoningar med Animate CC
    11. Arbeta med Adobe Premiere Pro och After Effects
    12. Färgpaneler i Animate CC
    13. Öppna Flash CS6-filer i Animate
    14. Arbeta med klassisk text i Animate
    15. Placera grafik i Animate
    16. Importerade bitmappar i Animate
    17. 3D-grafik
    18. Arbeta med symboler i Animate
    19. Rita linjer och former med Adobe Animate
    20. Arbeta med bibliotek i Animate
    21. Exportera ljud
    22. Markera objekt i Animate CC
    23. Arbeta med Illustrator AI-filer i Animate
    24. Använda blandningslägen
    25. Ordna objekt
    26. Automatisera uppgifter med kommandomenyn
    27. Flerspråkig text
    28. Använda kameran i Animate
    29. Grafikfilter
    30. Ljud och ActionScript
    31. Ritinställningar
    32. Rita med ritstift
  7. Plattformar
    1. Konvertera Animate-projekt till andra dokumenttypsformat
    2. Stöd för anpassade plattformar
    3. Skapa och publicera HTML5 Canvas-dokument i Animate
    4. Skapa och publicera ett WebGL-dokument
    5. Så här paketerar du AIR för iOS-program
    6. Publicera AIR for Android-program
    7. Publicera för Adobe AIR för datorprogram
    8. Inställningar för ActionScript-publicering
    9. God praxis – organisera ActionScript i ett program
    10. Så här använder du ActionScript med Animate
    11. Hjälpmedel på arbetsytan i Animate
    12. Skriva och hantera skript
    13. Aktivera stöd för anpassade plattformar
    14. Översikt över stöd för anpassade plattformar
    15. Arbeta med plugin-program för anpassade plattformar
    16. Felsöka ActionScript 3.0
    17. Aktivera stöd för anpassade plattformar
  8. Exportera och publicera
    1. Så här exporterar du filer från Animate CC
    2. OAM-publicering
    3. Exportera SVG-filer
    4. Exportera bilder och video med Animate
    5. Publicera AS3-dokument
    6. Exportera animeringar för mobilprogram och spelplattformar
    7. Exportera ljud
    8. God praxis – tips för att skapa innehåll på mobila enheter
    9. God praxis – videokonventioner
    10. God praxis – riktlinjer för utveckling av SWF-program
    11. God praxis – strukturera FLA-filer
    12. De bästa sätten att optimera FLA-filer för Animate
    13. Inställningar för ActionScript-publicering
    14. Ange publiceringsinställningar för Animate
    15. Exportera projektorfiler
    16. Exportera bilder och animerade GIF-filer
    17. Publiceringsmallar för HTML
    18. Arbeta med Adobe Premiere Pro och After Effects
    19. Dela och publicera animeringar snabbt
  9. Felsökning
    1. Åtgärdade fel
    2. Kända fel

 

Komma igång med ActionScript

Med skriptspråket ActionScript® kan du lägga till komplex interaktivitet, uppspelningskontroller och datavisning i program. Du kan lägga till ActionScript i utvecklingsmiljön med hjälp av åtgärdspanelen, från skriptrutan eller med ett externt redigeringsprogram.

ActionScript har egna syntaxregler, reserverade nyckelord och variabler för att lagra och ladda ner information. Dessutom innehåller ActionScript ett stort bibliotek med inbyggda klasser, som du kan använda när du skapar objekt för att utföra många olika uppgifter. Mer information om ActionScript finns under följande hjälprubriker:

Du behöver inte förstå alla ActionScript-element för att börja skriva. Har du bara ett tydligt mål kan du börja skapa skript med några enkla åtgärder.

Både ActionScript och JavaScript bygger på ECMA-262-standarden, den internationella standarden för skriptspråket ECMAScript. Därför kan utvecklare som känner till JavaScript även känna igen sig i ActionScript. Mer information om ECMAScript hittar du på ecma-international.org.

Vilken version av ActionScript kan du använda?

Animate omfattar mer än en version av ActionScript för att motsvara de skiftande behov som finns hos såväl utvecklare som den maskinvara som används för uppspelning. ActionScript 3.0 och 2.0 är inte kompatibla med varandra.

 

  • ActionScript 3.0 körs snabbt. Den här versionen kräver att du är mer van vid objektorienterad programmering än övriga ActionScript-versioner. ActionScript 3.0 följer helt ECMAScript-specifikationen, erbjuder bättre XML-bearbetning, en förbättrad händelsemodell och en förbättrad arkitektur för att arbeta med element på skärmen. FLA-filer som använder ActionScript 3.0 kan inte inkludera tidigare versioner av ActionScript.

  • (Borttaget i Animate ) ActionScript 2.0 är lättare att lära sig än ActionScript 3.0. Även om Flash Player kör kompilerad ActionScript 2.0-kod långsammare än kompilerad ActionScript 3.0-kod, är ActionScript 2.0 ändå användbart i många sorters projekt. ActionScript 2.0 är också användbart i projekt som inte är kräver stor beräkningskapacitet. T.ex. för innehåll som är mer designorienterat. ActionScript 2.0 baseras också på ECMAScript-specifikationen men följer den inte helt.

  • (Borttaget i Animate) ActionScript 1.0 är den enklaste formen av ActionScript och används fortfarande i vissa versioner av Adobe Flash Lite Player. ActionScript 1.0 och 2.0 kan ingå samtidigt i samma FLA-fil.

  • (Borttaget i Animate) Flash Lite 2.x ActionScript är en del av ActionScript 2.0 som stöds av Flash Lite 2.x på mobiltelefoner och mobila enheter.

  • (Borttaget i Animate) Flash Lite 1.x ActionScript är en del av ActionScript 1.0 som stöds av Flash Lite 1.x på mobiltelefoner och mobila enheter.

 

Använda Dokumentation för ActionScript

Eftersom det finns flera versioner av ActionScript (2.0 och 3.0) och flera sätt att införliva skriptspråket i dina FLA-filer, finns det också flera olika sätt att lära sig ActionScript.

Du kan hitta en beskrivning av det grafiska användargränssnittet som används med ActionScript. I gränssnittet ingår åtgärdspanelen, skriptrutan, skriptassistentläget, beteendepanelen, utdatapanelen och panelen Kompilatorfel. Dessa avsnitt gäller för alla versioner av ActionScript.

I annan dokumentation från Adobe om ActionScript kan du lära dig mer om de olika versionerna av ActionScript.

Olika sätt att arbeta med ActionScript

Det finns flera olika sätt att arbeta med ActionScript.

  • (Borttaget i Animate) I skriptassistentläget kan du lägga till ActionScript i en FLA-fil utan att du själv behöver skriva koden. Du väljer åtgärder, så visas det ett användargränssnitt där du anger de parametrar som krävs för varje åtgärd. Lär dig lite om vilka funktioner som behövs för att utföra specifika uppgifter, men du behöver inte lära dig någon syntax. Många utvecklare och personer som inte är programmerare använder det här läget.

  • (Borttaget i Animate) Med beteenden kan du också lägga till kod i en fil utan att du själv behöver skriva den. Beteenden är färdiga skript för vanliga uppgifter. Du kan lägga till ett beteende och sedan enkelt konfigurera det på beteendepanelen. Beteenden är bara tillgängliga för ActionScript 2.0 och tidigare versioner.

  • Störst flexibilitet och kontroll över dokumentet får du dock om du skriver ett eget ActionScript. Men då krävs det att du lär dig mer om språket och reglerna i ActionScript.

  • Komponenterna är färdiga filmklipp som gör att du kan implementera komplexa funktioner. En komponent kan vara en enkel kontroll i användargränssnittet (t.ex. en kryssruta) eller en mer komplicerad kontroll (t.ex. ett rullningsfönster). Du kan anpassa funktionen och utseendet hos en komponent och du kan hämta komponenter som skapats av andra utvecklare. De flesta komponenter kräver att du skriver en del egen ActionScript-kod för att du ska kunna kontrollera och utlösa dem. Mer information finns i Använda ActionScript 3.0-komponenter.

 

Skriva ActionScript

När du skriver ActionScript-kod i utvecklingsmiljön använder du åtgärdspanelen eller skriptrutan. Åtgärdspanelen och skriptrutan innehåller en komplett kodredigerare med funktioner som kodtips, kodfärgning, kodformatering och syntaxmarkering. Den innehåller även felsökning, radnummer, automatisk radbrytning och stöd för Unicode.

  • Använd åtgärdspanelen när du vill skriva skript som är en del av ett Animate-dokument (det vill säga skript som är inbäddade i FLA-filen). Åtgärdspanelen innehåller funktioner som verktygslådan Åtgärder, vilket ger dig snabb åtkomst till de viktigaste ActionScript-språkelementen. Du får besked om de element som kräver att du skapar skript.

  • Använd skriptrutan om du vill skriva externa skript, det vill säga skript och klasser som lagras i externa filer. (Du kan också använd ett textredigeringsprogram för att skapa en extern AS-fil.) Skriptrutan innehåller olika kodhjälpsfunktioner, t.ex. kodtips och kodfärgning, syntaxkontroll och automatisk formatering.

Mer rekommenderad användarhjälp

I följande artiklar och självstudier finns mer utförlig information om hur du arbetar med ActionScript:

Översikt över panelen Utdata

När du kör en dokumenttyp visar utdatapanelen information eller varningar som gäller åtgärder, t.ex. dokumentkonvertering och publicering. Om du vill visa den här informationen lägger du till trace()-programsatser till koden eller använder kommandona List Objects och List Variables.

Om du använder programsatsen trace() i dina skript kan du skicka specifik information till utdatapanelen när SWF-filen körs. Det rör sig bland annat om noteringar om SWF-filens status eller värdet för ett uttryck. 

Panelen Utdata har följande menyalternativ:

  • Kopiera: Allt innehåll kopieras från utdatapanelen till datorns urklippshanterare. Om du bara vill kopiera en del av innehållet i utdatapanelen markerar du det du vill kopiera och väljer därefter Kopiera.
  • Rensa: Rensar innehållet i utdatapanelen.
  • Visa utdata: Visar innehållet i utdatapanelen.
  • Lås: Låser panelen. Du kan ändra storlek på panelen, men du kan inte flytta eller dra den.
  • Hjälp: Hämtar direkthjälpen till utdatapanelen.
  • Stäng: Stänger utdatapanelen.
  • Stäng grupp: Stänger hela panelgruppen. Du kan samtidigt docka flera paneler som tidslinjen, utdatapanelen och panelen med kompileringsfel.

Om du vill visa eller dölja utdatapanelen väljer du Fönster > Utdata eller trycker på F2.

Åtgärdspanelen

Letar du efter språkreferensen?

Om du vill hitta referensdokumentation för ett specifikt språkelement i ActionScript ska du göra något av följande:

Om ActionScript®

Använd följande resurser om du vill lära dig skriva ActionScript-kod:

 ActionScript 3.0 och 2.0 är inte kompatibla med varandra. Välj endast en version för varje FLA-fil du skapar.

Översikt över panelen Åtgärder

Om du vill skapa skript inbäddade i en FLA-fil, skriver du ActionScript direkt på panelen Åtgärder (Fönster > Åtgärder eller trycker på F9).

Panelen Åtgärder består av två rutor:

Skriptruta

Här skriver du ActionScript-kod som associeras med den bildruta som är markerad just nu.

Skriptnavigeraren

Här listas alla skript i dina Animate-dokument och du kan snabbt förflytta dig mellan dem. Om du vill visa skriptet i skriptrutan klickar du på ett objekt i skriptnavigeraren.

åtgärdspanelen kommer du åt kodhjälpsfunktioner som underlättar och effektiviserar ActionScript-kodningen. Med den här funktionen kan du lägga till globala skript och tredjepartskript som inte är specifika för bildrutor och som kan användas på hela animeringen i Animate. Mer information finns i avsnittet Lägga till globala skript och skript från andra utvecklare på den här sidan.

  • Kör skript: Kör skriptet
  • Fäst skript: Fäster skriptet vid fästflikarna för individuella skript i skriptrutan och flyttar dem därefter. Den här funktionen är användbar om du inte har organiserat koden i din FLA-fil på en enda central plats. Den är även användbar om du använder flera skript. Du kan fästa ett skript när du vill hålla platsen för koden öppen i åtgärdspanelen och växla mellan olika öppna skript. Den här funktionen kan vara användbar vid felsökning.
  • Infoga instanssökväg och namn: Gör att du kan ange en absolut eller relativ målsökväg för en åtgärd i skriptet.
  • Sök: Hittar och ersätter text i skript.
  • Formatera kod: Hjälper dig att formatera koden.
  • Kodfragment: Öppnar panelen Kodfragment som visar exempel på kodfragment.
  • Lägga till med guiden: Klicka på den här knappen för att lägga till åtgärder med hjälp av en lättanvänd guide utan att behöva skriva kod.
  • Hjälp: Visar referensinformation för det ActionScript-element som är markerat i skriptrutan. Om du exempelvis först klickar på en import-sats och därefter på Hjälp kommer referensinformationen för import att visas på hjälppanelen.

Använda kodguiden för åtgärder

Du kan lägga till interaktivitet i HTML5-kompositioner med alternativet Lägg till med guideåtgärdspanelen. Lägg till med guide är ett förenklat användargränssnitt som lägger till kod på dina kompositioner.

  1. Skapa ett HTML5 Canvas-dokument och klicka på Fönster > Åtgärder.

  2. Klicka på Lägg till med guide åtgärdspanelen så som visas på följande skärmbild. 

    Åtgärdspanel med knappen Lägg till med guide

  3. Välj en åtgärd som du vill skapa kod för med hjälp av kodguiden.

    En exempelskärmbild som visar alternativ för åtgärder i kodguiden för åtgärder

    På skärmbilden ovan är åtgärden Hämta bildrutenummer markerad och motsvarande kod har uppdaterats i åtgärdsfönstret.

    Du kan också välja motsvarande objekt som du vill använda åtgärden på beroende på vilken åtgärdstyp du väljer. Du kan söka efter specifika objekt på scenen om objektet har ett instansnamn. Du kan även använda åtgärden på den aktuella markeringen. 

    Lista över objekt som åtgärden ska utföras på

  4. Klicka på Nästa för att välja en utlösande händelse. En uppsättning med utlösande händelser listas i fönstret baserat på den åtgärdstyp och objekttyp du valde i de föregående stegen. 

    Lista över utlösande händelser

  5. Välj en lämplig utlösande händelse följt av dess motsvarande utlösande objekt, om det finns några sådana, och klicka på knappen Slutför och lägg till.

Du kan välja Aktuell markering på menyn när du markerar ett objekt på scenen och kör kodguiden för åtgärder. Du kan också välja tidslinjen och komponentåtgärder för koden.

Förbättra animeringarnas interaktivitet

Interaktivitet är en viktig del av en animering som lyfter den visuella upplevelsen. Vill du lära dig hur du lägger till åtgärder i videon utan koder? Titta på självstudiekursen i slutet av det här exemplet och följ stegen.

  1. Markera klippet på tidslinjen.

  2. Klicka på Fönster > Åtgärder.

  3. Klicka på Lägg till med guideåtgärdspanelen.

  4. Välj följande alternativ i Aktuell bildruta:

    • Välj en åtgärd: Välj Spela upp.
    • Objekt som åtgärden ska användas på: Markera önskat objekt.
  5. Klicka på Nästa.

Lägga till interaktivitet i animeringar

Titta på videon om du vill veta mer om åtgärder som spela upp, flytta lodrätt och placera objekt.

Använda skriptrutan

I skriptrutan kan du skapa externa skriptfiler som du sedan importerar till program. Dessa skript kan vara ActionScript- eller Animate JavaScript-filer.

Du kan också lägga till globala skript och skript från andra utvecklare i HTML5 Canvas-dokument. Mer information finns i avsnittet Lägga till globala skript och skript från andra utvecklare i Skapa och publicera HTML5 Canvas-dokument i Animate

Om du har mer än en extern fil öppen visas filnamnen på flikar högst upp i skriptrutan.

I skriptrutan kan du använda funktioner som PinScript, sök och ersätt, syntaxfärgning, formatera kod, kodtips och kommentarer samt kodkomprimering. Du kan också använda felsökningsalternativ (endast ActionScript-filer) och automatisk radbrytning. I skriptrutan kan du också visa radnummer och dolda tecken.

Skapa en extern fil i skriptrutan

  1. Välj Arkiv > Nytt.

  2. Välj önskat användningsområde på flikarna längst upp på skärmen, till exempel Figuranimering, Socialt, Spel, Utbildning, Annonser, Webb och Avancerat. Välj vilken typ av extern fil du vill skapa (ActionScript- eller Animate JavaScript-fil).

Redigera en befintlig fil i skriptrutan

  • Välj Arkiv > Öppna, och välj sedan en AS-fil när du vill öppna ett befintligt skript.

  • Klicka på dokumentfliken som visar namnet på det skript som du vill redigera om det redan är öppet.

Verktyg på åtgärdspanelen och i skriptrutan

På åtgärdspanelen kommer du åt kodhjälpsfunktioner som underlättar och effektiviserar ActionScript-kodningen.

Sök 

Söker och ersätter text i skript.

 

Infoga målsökväg 

(Endast åtgärdspanelen) Hjälper dig att ställa in en absolut eller relativ målsökväg för en åtgärd i skriptet.

 

Hjälp 

Visar referensinformation för det ActionScript-element som är markerat i skriptrutan. Om du exempelvis först klickar på en import-sats och därefter på Hjälp kommer referensinformationen för import att visas på hjälppanelen.

 

Kodfragment

Öppnar panelen Kodfragment, som visar exempel på kodfragment.

 

Lägg till med guide

Hjälper dig att lägga till kod för åtgärder med hjälp av gränssnitt utan att behöva skriva kod. 

Få åtkomst till sammanhangsberoende hjälp från åtgärdspanelen

  1. Gör något av följande om du vill välja ett objekt för referens:
    • Välj en ActionScript-term i verktygslådan på åtgärdspanelen (till vänster om själva åtgärdspanelen).

    • Välj en ActionScript-term i skriptrutan på åtgärdspanelen.

    • Placera insättningspunkten före en ActionScript-term i skriptrutan på åtgärdspanelen.

  2. Gör något av följande om du vill öppna referenssidan på hjälppanelen för det valda objektet:
    • Tryck på F1.

    • Högerklicka på objektet och välj Visa hjälp.

    • Klicka på Hjälp  ovanför skriptfönstret.

Ange ActionScript-inställningar

När du redigerar kod i åtgärdspanelen eller skriptfönstret kan du ställa in och ändra en uppsättning med inställningar.

  1. Välj Redigera > Inställningar (Windows) eller Animate > Inställningar (Macintosh) och klicka sedan på Kodredigeraren i listan Kategori.

  2. Ange en eller flera av dessa inställningar:

    Automatiskt indrag

    När du har aktiverat automatiskt indrag kommer texten som du skriver efter en inledande parentes ”(” automatiskt att dras in enligt tabbstorleksinställningen. Detta gäller också när du använder klammerparentes ”{” som inledande parentes.

    Tabbstorlek

    Anger med hur många tecken en ny rad dras in.

    Kodtips

    Aktiverar kodtips i skriptrutan.

    Fördröjning

    Anger hur många sekunder det ska ta innan kodtipset visas. Detta alternativ har tagits bort i Animate.

    Teckensnitt

    Anger vilket teckensnitt som används i skriptet.

    Öppna/importera

    Anger den teckenkodning som används när du öppnar eller importerar ActionScript-filer.

    Spara/exportera

    Anger den teckenkodning som används när du sparar eller exporterar ActionScript-filer.

    Ladda om filer som ändrats

    Anger vad som händer när en skriptfil ändras, flyttas eller tas bort. Välj Alltid, Aldrig eller Fråga.

    Alltid

    Ingen varning visas och filen läses in igen.

    Aldrig

    Ingen varning visas och filen behåller det aktuella läget.

    Kommandotolk

    (Standard) En varning visas och du kan välja om du vill läsa in filen på nytt eller inte.

    När du skapar program med externa skript förhindrar den här inställningen att du skriver över ett skript. Och gör att du undviker att publicera programmet med en äldre skriptversioner. Varningarna gör att du automatiskt kan stänga ett skript och öppna den nya, förändrade versionen.

    Syntaxfärger

    Anger kodfärgning i skript.

    Inställningar för ActionScript 3.0

    Med de här knapparna öppnar du dialogrutorna med ActionScript-inställningar, där du kan ange en källsökväg, en bibliotekssökväg och en extern bibliotekssökväg för ActionScript 3.0.

 Adobe

Få hjälp snabbare och enklare

Ny användare?

Adobe MAX 2024

Adobe MAX
Kreativitetskonferensen

14–16 okt i Miami Beach och online

Adobe MAX

Kreativitetskonferensen

14–16 okt i Miami Beach och online

Adobe MAX 2024

Adobe MAX
Kreativitetskonferensen

14–16 okt i Miami Beach och online

Adobe MAX

Kreativitetskonferensen

14–16 okt i Miami Beach och online