Gravering i koden - dummier - Social Media 2024

Adobe Edge Animate CC gør det muligt at skabe animationer til en række brugere - fra dem, der overvejer at arbejde med kode, er en udfordring for erfarne udviklere og ingeniører, der spiser kode til morgenmad. På den ene side behøver du virkelig ingen kodende færdigheder til at skabe professionelle animationer med Edge Animate; På den anden side giver Edge Animate

Native HTML5 kode, , som er meget ren - ingen proprietær eller unødvendig kode. Dette hjælper med at gøre koden lettere at læse og forstå for alle.
Et vedvarende kodepanel, , som giver dig adgang til at redigere koden manuelt.
JavaScript API (applikationsprogrammeringsgrænseflade), som giver mulighed for at lære detaljerne bag koden.

Designere uden kodende færdigheder kan slappe af ved at vide, at de stadig kan oprette kompositioner uden at vide nogen kode overhovedet. I mellemtiden kan erfarne udviklere hilse Adobe til at give adgang til al baggrundskoden.

Arbejde i native HTML

Mens du arbejder i Edge Animation, skaber softwaren konstant kode bag kulisserne. Mens du ikke nødvendigvis behøver at kende nogen HTML eller JavaScript for at oprette animationer, hvis du tilfældigvis har nogle kodningsevner, kan du fejre. Edge Animate opretter meget ren HTML-kode uden proprietær bagage.

Hvis du vil komme ind i koden, skal du overveje den HTML-fil, som Edge Animate opretter som den eneste fil, du muligvis skal åbne. Edge Animation opretter flere andre typer filer, herunder JavaScript-filer, men disse filer er tætte med kode. Hvis du ikke er en udvikler, så er gode råd at fjerne disse filer.

Hvis du allerede har bygget flere hjemmesider og ikke ønsker at oprette din animation fra bunden, har du held og lykke: Du behøver ikke at starte fra begyndelsen. En god funktion ved Edge Animate er, at du kan importere eksisterende HTML-filer - hvilket giver erfarne webudviklere en start med Edge Animate.

HTML5 er den store ting med webudvikling i disse dage, lige sammen med CSS3. Hvis du spekulerer på, hvad HTML5 er, er den bedste måde at beskrive den på, at det er fremtiden for internettet. Så ved at bruge Edge Animate placerer du dig selv i forkant med webteknologier. Og det bedste er, du behøver ikke at vide, hvordan man kode for at bruge det; Edge Animate opretter koden for dig.

Kodning let med det vedvarende kodepanel

Du kan bruge Adobe Edge Animate CC uden at kende en enkelt kodekode. Men hvis du er en udvikler, der kan lide at håndkode, kan du gøre det med kodevinduet.Du har to muligheder, når du bruger kodevinduet:

Du kan se hele koden. Denne figur viser, hvad du ser: Alle kode i aktionsfilen for den pågældende animation, du arbejder på. Denne opfattelse er yderst hjælpsom; du behøver ikke at holde frem og tilbage mellem kodestykker.

Brug tilstanden Fuldkoden til at se og redigere din handlingfil. Du kan aktivere denne tilstand ved at klikke på knappen Fuld kode i øverste højre hjørne af kodeditoren.
Du kan se en bestemt aktions kode. Når du har kodevinduet åbent, kan du se en liste over handlinger på venstre side. Ved at klikke på en af disse handlinger kan du redigere koden for kun den handling (se figuren).

For at åbne kodevinduet, skal du vælge Vindue og derefter Kode som vist i menuen.

Du kan bruge en tastaturgenvej til at åbne kodevinduet ved at trykke på Ctrl + E.

Træk i JavaScript-API'en

En Adobe Edge Animate CC JavaScript API er tilgængelig for hardcore-koderne derude. For dem, der ikke kender noget til JavaScript eller skrive kode, må du ikke bekymre dig; massiv kode-slinging er ikke nødvendig for at skabe animationer. Men hvis du kan lide at løfte emhætten og kaste rundt i motoren, så giver JavaScript API en fremragende ressource.

API står for applikationsprogrammeringsgrænseflade og er et almindeligt værktøj, som programmører bruger til at skrive og fejle kode. Selvfølgelig, hvis du ønsker at uddanne dig selv på hvordan at kode, kan du se igennem hvordan API'er fungerer. Husk dog, at API'er generelt ikke giver oplysninger om nybegynderniveau; de går ud fra, at du allerede ved, hvordan man kode.

Med Adobe Edge Animate CC JavaScript API får du meget at udforske:

Adobe Edge Animate CC oversigt: Dette afsnit af API'en giver dig en generel introduktion til programmet.
Udløsere, begivenheder og handlinger: Disse funktioner i Edge Animate udfører din kode for dig (f.eks. Looping) eller når dit publikum interagerer med forskellige dele af animationen (f.eks. Klik på en knap).
Værktøjer og peger til oprettelse af symboler (genanvendelige indlejrede animationer): Særligt nyttige er Edge Animate Symbols, som er selvstændige adfærd, tidslinjer og grafik.
JavaScript API: Dette er standard JavaScript-grænsefladen, et praktisk værktøj i sig selv, især når du kan håndkode specifikke aspekter af dine animationsprojekter.
Avancerede emner: Når du har nogle kodningsøvelser under dit bælte, tilbyder disse emner nogle eventyrlige anvisninger til at udforske (for eksempel at skabe flere kompositioner på en side).