Skapa ett HTML5 Canvas-dokument och klicka på Fönster > Åtgärder.
- Användarhandbok om Adobe Animate
- Introduktion till Animate
- Animering
- Grunderna vid animering i Animate
- Så här använder du bildrutor och nyckelbildrutor i Animate
- Animering bildruta för bildruta i Animate
- Så här arbetar du med klassiska övergångsanimeringar i Animate
- Pensel
- Rörelseguide
- Rörelseinterpoleringar och ActionScript 3.0
- Om övergångsanimeringar med rörelse
- Animeringar med rörelseinterpolering
- Skapa en animering med rörelseinterpolering
- Använda nyckelbildrutor för egenskaper
- Animera placering med en interpolering
- Så här redigerar du rörelseinterpoleringar med rörelseredigeraren
- Redigera rörelsebanan för en interpolerad animering
- Ändra rörelseinterpoleringar
- Lägga till anpassade övergångar
- Skapa och använda förinställda rörelser
- Konfigurera interpoleringsintervall för animeringar
- Arbeta med rörelseinterpoleringar sparade som XML-filer
- Rörelseinterpoleringar jämfört med klassiska interpoleringar
- Skapa övergångar
- Använda animeringar med benverktyget i Animate
- Arbeta med figurriggning i Animate
- Så här använder du maskeringslager i Adobe Animate
- Så här arbetar du med scener i Animate
- Interaktivitet
- Så här skapar du knappar med Animate
- Konvertera Animate-projekt till andra dokumenttypsformat
- Skapa och publicera HTML5 Canvas-dokument i Animate
- Lägga till interaktivitet med kodfragment i Animate
- Skapa anpassade HTML5-komponenter
- Använda komponenter i HTML5 Canvas
- Skapa anpassade komponenter: Exempel
- Kodfragment för anpassade komponenter
- God praxis - annonsera med Animate
- Redigera och publicera VR
- Arbetsyta och arbetsflöde
- Skapa och hantera målarpenslar
- Använda Google Fonts i HTML5 Canvas-dokument
- Använda Creative Cloud Libraries och Adobe Animate
- Använda scen- och verktygspanelerna i Animate
- Arbetsflöde och arbetsyta i Animate
- Använda webbteckensnitt i HTML5 Canvas-dokument
- Tidslinjer och ActionScript
- Arbeta med flera tidslinjer
- Ange inställningar
- Använda redigeringspanelerna i Animate
- Skapa tidslinjelager med Animate
- Exportera animeringar för mobilprogram och spelplattformar
- Flytta och kopiera objekt
- Mallar
- Söka och ersätta i Animate
- Ångra, gör om och panelen Historik
- Kortkommandon
- Så här använder du tidslinjen i Animate
- Skapa HTML-tillägg
- Optimeringsalternativ för bilder och animerade GIF-filer
- Exportinställningar för bilder och GIF-filer
- Panelen Resurser i Animate
- Multimedia och video
- Omforma och kombinera grafikobjekt i Animate
- Skapa och arbeta med symbolinstanser i Animate
- Bildkalkering
- Så här använder du ljud i Adobe Animate
- Exportera SVG-filer
- Skapa videofiler för användning i Animate
- Så här lägger du till en video i Animate
- Rita och skapa objekt med Animate
- Omforma linjer och former
- Linjer, fyllningar och övertoningar med Animate CC
- Arbeta med Adobe Premiere Pro och After Effects
- Färgpaneler i Animate CC
- Öppna Flash CS6-filer i Animate
- Arbeta med klassisk text i Animate
- Placera grafik i Animate
- Importerade bitmappar i Animate
- 3D-grafik
- Arbeta med symboler i Animate
- Rita linjer och former med Adobe Animate
- Arbeta med bibliotek i Animate
- Exportera ljud
- Markera objekt i Animate CC
- Arbeta med Illustrator AI-filer i Animate
- Använda blandningslägen
- Ordna objekt
- Automatisera uppgifter med kommandomenyn
- Flerspråkig text
- Använda kameran i Animate
- Grafikfilter
- Ljud och ActionScript
- Ritinställningar
- Rita med ritstift
- Plattformar
- Konvertera Animate-projekt till andra dokumenttypsformat
- Stöd för anpassade plattformar
- Skapa och publicera HTML5 Canvas-dokument i Animate
- Skapa och publicera ett WebGL-dokument
- Så här paketerar du AIR för iOS-program
- Publicera AIR for Android-program
- Publicera för Adobe AIR för datorprogram
- Inställningar för ActionScript-publicering
- God praxis – organisera ActionScript i ett program
- Så här använder du ActionScript med Animate
- Hjälpmedel på arbetsytan i Animate
- Skriva och hantera skript
- Aktivera stöd för anpassade plattformar
- Översikt över stöd för anpassade plattformar
- Arbeta med plugin-program för anpassade plattformar
- Felsöka ActionScript 3.0
- Aktivera stöd för anpassade plattformar
- Exportera och publicera
- Så här exporterar du filer från Animate CC
- OAM-publicering
- Exportera SVG-filer
- Exportera bilder och video med Animate
- Publicera AS3-dokument
- Exportera animeringar för mobilprogram och spelplattformar
- Exportera ljud
- God praxis – tips för att skapa innehåll på mobila enheter
- God praxis – videokonventioner
- God praxis – riktlinjer för utveckling av SWF-program
- God praxis – strukturera FLA-filer
- De bästa sätten att optimera FLA-filer för Animate
- Inställningar för ActionScript-publicering
- Ange publiceringsinställningar för Animate
- Exportera projektorfiler
- Exportera bilder och animerade GIF-filer
- Publiceringsmallar för HTML
- Arbeta med Adobe Premiere Pro och After Effects
- Dela och publicera animeringar snabbt
- Felsökning
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:
Om ActionScript 3.0 på www.adobe.com/go/learn_flcs5_learnas3_se
Om ActionScript 2.0 i Adobe Animate på www.adobe.com/go/learn_cs5_learningas2_se
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:
Migreringstabell för ActionScript 3 (Adobe.com)
Ö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:
Öppna språkreferensen för ActionScript 3.0 och sök efter språkelementet.
Skriv språkelementet på panelen Åtgärder, markera det och tryck sedan på F1 (tryck omedelbart på F1).
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.
På å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 på åtgärdspanelen. Lägg till med guide är ett förenklat användargränssnitt som lägger till kod på dina kompositioner.
-
-
Klicka på Lägg till med guide på åtgärdspanelen så som visas på följande skärmbild.
-
Välj en åtgärd som du vill skapa kod för med hjälp av kodguiden.
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.
-
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.
-
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.
-
Markera klippet på tidslinjen.
-
Klicka på Fönster > Åtgärder.
-
Klicka på Lägg till med guide på åtgärdspanelen.
-
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.
-
Klicka på Nästa.
Lägga till interaktivitet i animeringar
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
-
Välj Arkiv > Nytt.
-
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
-
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.
-
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.
-
Välj Redigera > Inställningar (Windows) eller Animate > Inställningar (Macintosh) och klicka sedan på Kodredigeraren i listan Kategori.
-
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.
Mer
- Symboler och ActionScript
- Tidslinjer och ActionScript
- Ljud och ActionScript
- Styra extern videouppspelning med ActionScript
- Flerspråkig text och ActionScript
- Skapa hjälpmedel med ActionScript
- Organisera ActionScript i ett program
- Felsöka ActionScript 3.0
- Fästa skript på panelen Åtgärder
- Skriva och hantera skript
- Skriva och hantera skript
- Felsöka ActionScript 3.0
- Importera och exportera skript
- Formatera kod
- Använda kodtips