Gräver i koden - dummies - Sociala medier 2024

Adobe Edge Animate CC gör det möjligt att skapa animeringar för en rad användare - från dem som anser att de arbetar med kod en utmaning till erfarna utvecklare och ingenjörer som äter kod till frukost. Å ena sidan behöver du verkligen ingen kodningsförmåga för att skapa professionella animationer med Edge Animate; Å andra sidan ger Edge Animate

Native HTML5-kod, som är mycket ren - ingen proprietär eller onödig kod. Detta hjälper till att göra koden lättare att läsa och förstå för alla.
En ihållande kodpanel, som ger dig tillgång till redigering av koden manuellt.
JavaScript API (applikationsprogrammeringsgränssnitt), vilket ger möjlighet att lära känna detaljerna bakom koden.

Designers utan kodningsförmåga kan slappna av med att de fortfarande kan skapa kompositioner utan att känna till någon kod alls. Under tiden kan erfarna utvecklare hylla Adobe för att ge tillgång till all bakgrundskoden.

Arbeta i native HTML

Medan du arbetar i Edge Animate skapar mjukvaran ständigt kod bakom kulisserna. Medan du inte behöver känna till någon HTML eller JavaScript för att skapa animeringar, om du råkar ha några kodningsförmåga, kan du fira - Edge Animate skapar mycket ren HTML-kod utan något eget bagage.

Om du vill komma in i koden, överväg den HTML-fil som Edge Animate skapar som den enda filen som du kanske behöver öppna. Edge Animation skapar flera andra typer av filer, inklusive JavaScript-filer, men de här filerna är täta med kod. Om du inte är en utvecklare, så är bra råd att stryka bort dessa filer.

Om du redan har byggt flera webbplatser och inte vill skapa din animering från början, har du tur: Du behöver inte börja om från början. En bra funktion av Edge Animate är att du kan importera befintliga HTML-filer - vilket ger erfarna webbutvecklare en början med Edge Animate.

HTML5 är den stora saken med webbutveckling dessa dagar, tillsammans med CSS3. Om du undrar vad HTML5 är, är det bästa sättet att beskriva det, att det är webens framtid. Så, genom att använda Edge Animate, placerar du dig själv i framkant av webbteknik. Och det bästa är att du inte behöver veta hur man kodar för att använda den. Edge Animate skapar koden för dig.

Enkelt kodning med den vidhållna kodpanelen

Du kan använda Adobe Edge Animate CC utan att veta en enda bit kod. Men om du är en utvecklare som gillar att handskoda, kan du göra det med kodfönstret.Du har två alternativ när du använder kodfönstret:

Du kan visa hela koden. Den här siffran visar vad du ser: all kod i aktionsfilen för den speciella animationen du jobbar med. Denna åsikt är extremt hjälpsam; du behöver inte fortsätta att klicka fram och tillbaka mellan kodrader.

Använd Full Code-läget för att visa och redigera din actionsfil. Du kan aktivera det här läget genom att klicka på knappen Fullständig kod längst upp till höger i kodredigeraren.
Du kan visa en specifik åtgärds kod. När du har kodfönstret öppet ser du en lista över åtgärder på vänster sida. Genom att klicka på en av dessa åtgärder kan du redigera koden för endast den åtgärden (se figuren).

För att öppna kodfönstret, välj Fönster och sedan på Kod som visas i menyn.

Du kan använda en snabbtangent för att öppna kodfönstret genom att trycka på Ctrl + E.

Dra i JavaScript API

Ett Adobe Edge Animated CC JavaScript API är tillgängligt för hardcore-kodarna där ute. För dem som inte vet något om JavaScript eller skriv kod, var inte oroa dig; massiv kodslingning är inte nödvändig för att skapa animeringar. Men om du gillar att lyfta huven och kuga runt i motorn, ger JavaScript API en utmärkt resurs.

API står för applikationsprogrammeringsgränssnittet och är ett vanligt verktyg som programmerare använder för att skriva och felsöka kod. Självklart, om du vill utbilda dig själv på hur för att koda, kan du titta på API: ers verksamhet komma igång. Tänk på att API: er generellt inte ger information om nybörjarnivå. De antar att du redan vet hur man kodar.

Med Adobe Edge Animate CC JavaScript API får du mycket att utforska:

Adobe Edge Animate CC översikt: Detta avsnitt av API ger dig en allmän introduktion till programmet.
Utlösare, händelser och handlingar: Dessa funktioner i Edge Animate kör din kod för dig (t.ex. looping) eller när din målgrupp växlar med olika delar av animationen (till exempel genom att klicka på en knapp).
Verktyg och pekare för att skapa symboler (återanvändbara inbäddade animeringar): Särskilt användbara är Edge Animate Symbols, som är självständiga beteenden, tidslinjer och grafik.
JavaScript API: Detta är det vanliga JavaScript-gränssnittet, ett praktiskt verktyg i sig, speciellt när du gillar att handkoda specifika aspekter av dina animationsprojekt.
Avancerade ämnen: När du har någon kodningspraxis under ditt bälte, erbjuder dessa ämnen några äventyrliga anvisningar att utforska (till exempel skapa flera kompositioner på en sida).