Graverer inn i koden - dummies - Sosiale medier 2024

Adobe Edge Animate CC gjør det mulig å skape animasjoner for en rekke brukere - fra de som vurderer å jobbe med kode, er det en utfordring for erfarne utviklere og ingeniører som spiser kode til frokost. På den ene siden trenger du virkelig ingen kodende ferdigheter for å skape profesjonelle animasjoner med Edge Animate; På den annen side gir Edge Animate

Native HTML5 kode, som er veldig rent - ingen proprietær eller unødvendig kode. Dette bidrar til å gjøre koden lettere å lese og forstå for alle.
Et vedvarende kodepanel, som gir deg tilgang til redigering av koden manuelt.
JavaScript API (applikasjonsprogrammeringsgrensesnitt), som gir mulighet til å lære detaljene bak koden.

Designere uten koding ferdigheter kan slappe av å vite at de fremdeles kan lage komposisjoner uten å kjenne noen kode i det hele tatt. I mellomtiden kan erfarne utviklere hilse Adobe for å gi tilgang til all bakgrunnskoden.

Arbeide med innfødt HTML

Mens du arbeider i Edge Animate, oppretter programvaren hele tiden kode bak kulissene. Selv om du ikke nødvendigvis trenger å kjenne noen HTML eller JavaScript for å lage animasjoner, hvis du tilfeldigvis har noen kodende ferdigheter, kan du feire. Edge Animate lager veldig rent HTML-kode uten proprietær bagasje.

Hvis du vil komme inn i koden, bør du vurdere HTML-filen som Edge Animate oppretter som den eneste filen du kanskje må åpne. Edge Animate oppretter flere andre typer filer, inkludert JavaScript-filer, men disse filene er tette med kode. Hvis du ikke er en utvikler, så er gode råd å fjerne disse filene.

Hvis du allerede har bygget flere nettsteder og ikke vil lage animasjonen fra grunnen av, har du lykke til: Du trenger ikke starte om fra begynnelsen. En flott funksjon av Edge Animate er at du kan importere eksisterende HTML-filer - noe som gir erfarne webutviklere et forsprang med Edge Animate.

HTML5 er den store tingen med webutvikling i disse dager, rett sammen med CSS3. Hvis du lurer på hva HTML5 er, er den beste måten å beskrive den på at det er fremtiden for nettet. Så, ved å bruke Edge Animate, plasserer du deg selv i forkant av webteknologier. Og det beste er at du ikke trenger å vite hvordan du skal kode for å bruke den; Edge Animate lager koden for deg.

Enkelt koding med det vedvarende kodepanelet

Du kan bruke Adobe Edge Animate CC uten å vite en enkelt kodekode. Men hvis du er en utvikler som liker å håndkode, kan du gjøre det med kodevinduet.Du har to alternativer når du bruker kodevinduet:

Du kan vise hele koden. Denne figuren viser hva du ser: all koden i handlingsfilen for den aktuelle animasjonen du jobber med. Denne utsikten er ekstremt nyttig; du trenger ikke å fortsette å klikke frem og tilbake mellom kodestykker.

Bruk Full Code-modusen til å vise og redigere handlingsfilen din. Du kan aktivere denne modusen ved å klikke på Fullkode-knappen i øverste høyre hjørne av kodeditoren.
Du kan se en bestemt handlingskode. Når du har kodevinduet åpent, ser du en liste over handlinger på venstre side. Ved å klikke på en av disse handlingene, kan du redigere koden for bare den handlingen (se figuren).

For å åpne kodevinduet, velg Vindu og deretter Kode som vist på menyen.

Du kan bruke en hurtigtast for å åpne kodevinduet ved å trykke Ctrl + E.

Trekk i JavaScript API

En Adobe Edge Animate CC JavaScript API er tilgjengelig for hardcore-koderne der ute. For de som ikke vet noe om JavaScript eller skrive kode, ikke bekymre deg; massiv kode-slinging er ikke nødvendig for å lage animasjoner. Men hvis du liker å løfte hetten og pusse rundt i motoren, gir JavaScript API en utmerket ressurs.

API står for applikasjonsprogrammeringsgrensesnitt og er et vanlig verktøy som programmerere bruker til skriving og feilsøkingskode. Selvfølgelig, hvis du vil utdanne deg selv på hvordan å kode, kan du se på hvordan APIene fungerer, og du kan komme i gang. Vær imidlertid oppmerksom på at APIer generelt ikke gir informasjon om nybegynnernivå. De antar at du allerede vet hvordan du skal kode.

Adobe API-API-en gir deg mye å utforske:

Adobe Edge Animate CC-oversikt: Denne delen av API gir deg en generell introduksjon til programmet.
Utløsere, hendelser og handlinger: Disse funksjonene i Edge Animate utfører koden for deg (for eksempel looping) eller når publikum samhandler med ulike deler av animasjonen (for eksempel klikke på en knapp).
Verktøy og pekere for å lage symboler (gjenbrukbare innebygde animasjoner): Spesielt nyttig er Edge Animate Symbols, som er selvstendige atferd, tidslinjer og grafikk.
JavaScript API: Dette er standard JavaScript-grensesnittet, et praktisk verktøy i seg selv, spesielt når du liker å håndkode bestemte aspekter av animasjonsprosjektene dine.
Avanserte emner: Når du har noen kodingspraksis under beltet ditt, tilbyr disse emnene noen eventyrlige veibeskrivelser for å utforske (for eksempel lage flere komposisjoner på en side).