Graver i koden

Adobe Edge Animate CC gjør det mulig å lage animasjoner for en rekke brukere – fra de som vurderer å jobbe med kode som en utfordring til erfarne utviklere og ingeniører som spiser kode til frokost. På den ene siden trenger du egentlig ingen kodeferdigheter for å lage profesjonelle animasjoner med Edge Animate; på den annen side gir Edge Animate

• Innebygd HTML5-kode, som er veldig ren - 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 å redigere koden for hånd.

• JavaScript API (applikasjonsprogrammeringsgrensesnitt), som gir en mulighet til å lære detaljene bak koden.

Designere uten kodeferdigheter kan slappe av og vite at de fortsatt kan lage komposisjoner uten å kunne noen kode i det hele tatt. I mellomtiden kan erfarne utviklere hilse Adobe for å gi tilgang til all bakgrunnskoden.

Jobber i innfødt HTML

Mens du jobber i Edge Animate, lager programvaren hele tiden kode bak kulissene. Selv om du ikke nødvendigvis trenger å kunne HTML eller JavaScript for å lage animasjoner, hvis du tilfeldigvis har noen kodeferdigheter, kan du feire - Edge Animate lager veldig ren 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 trenger å åpne. Edge Animate lager flere andre typer filer, inkludert JavaScript-filer, men disse filene er tette med kode. Hvis du ikke er en utvikler, er et godt råd å unngå disse filene.

Hvis du allerede har bygget flere nettsteder og ikke ønsker å lage animasjonen fra bunnen av, er du heldig: Du trenger ikke starte på nytt fra begynnelsen. En flott funksjon med Edge Animate er at du kan importere eksisterende HTML-filer – noe som gir erfarne webutviklere et forsprang med Edge Animate.

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

Koding enkelt med det vedvarende kodepanelet

Du kan bruke Adobe Edge Animate CC uten å kunne en eneste bit kode. 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 se hele koden. Denne figuren viser hva du ser: all koden i handlingsfilen for den spesielle animasjonen du jobber med. Denne visningen er svært nyttig; du trenger ikke fortsette å klikke frem og tilbake mellom kodebiter.

  Bruk Full Code-modus for å vise og redigere handlingsfilen. Du kan aktivere denne modusen ved å klikke på Full Code-knappen øverst til høyre i koderedigeringsprogrammet.

  

• Du kan se koden til en bestemt handling. 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 kun den handlingen (se figuren).

  

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

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

Trekker inn JavaScript API

En Adobe Edge Animate CC JavaScript API er tilgjengelig for hardcore-kodere der ute. For de som ikke kan 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 panseret og rote rundt i motoren, er JavaScript API en utmerket ressurs.

API står for applikasjonsprogrammeringsgrensesnitt og er et vanlig verktøy som programmerere bruker for å skrive og feilsøke kode. Selvfølgelig, hvis du ønsker å utdanne deg selv om hvordan du koder, kan du komme i gang med å se på hvordan APIer fungerer. Husk imidlertid at API-er vanligvis ikke gir informasjon på nybegynnernivå; de antar at du allerede vet hvordan du koder.

Adobe Edge Animate CC JavaScript API gir deg mye å utforske:

• Adobe Edge Animate CC-oversikt: Denne delen av API-en gir deg en generell introduksjon til programmet.

• Utløsere, hendelser og handlinger: Disse funksjonene i Edge Animate utfører koden din for deg (for eksempel looping) eller når publikum samhandler med forskjellige deler av animasjonen (som å klikke på en knapp).

• Verktøy og pekepinner for å lage symboler (gjenbrukbare innebygde animasjoner): Spesielt nyttige er Edge Animate Symbols, som er selvstendig atferd, tidslinjer og grafikk.

• JavaScript API: Dette er standard JavaScript-grensesnitt, et hendig verktøy i seg selv, spesielt når du liker å håndkode spesifikke aspekter av animasjonsprosjektene dine.

• Avanserte emner: Etter at du har fått litt kodingspraksis under beltet, tilbyr disse emnene noen eventyrlige veibeskrivelser å utforske (for eksempel å lage flere komposisjoner på en side).

Denne figuren gir et eksempel på hva du kan finne i API.