Sapat în codul - dummies - Social media 2024

Adobe Edge Animate CC face posibilă crearea de animații pentru o gamă largă de utilizatori - de la cei care consideră că lucrul cu codul este o provocare pentru dezvoltatorii experimentați și inginerii care mănâncă cod pentru micul dejun. Pe de o parte, nu aveți nevoie de abilități de codificare pentru a crea animații profesionale cu Edge Animate; pe de altă parte, Edge Animate oferă

codul HTML5 nativ, care este foarte curat - fără cod de proprietate sau inutil. Acest lucru ajută la îmbunătățirea citirii și înțelegerii codului pentru toată lumea.
Un panou de cod persistent, , care vă oferă acces la editarea manuală a codului.
JavaScript API (interfață de programare a aplicațiilor), care oferă posibilitatea de a afla detaliile din spatele codului.

Designerii fără abilități de codare se pot relaxa știind că pot crea compoziții fără a cunoaște vreun cod. Între timp, dezvoltatorii cu experiență pot saluta Adobe pentru furnizarea accesului la întregul cod de fundal.

Lucrul în HTML nativ

În timp ce lucrați în Edge Animate, software-ul crează constant cod în spatele scenei. Deși nu trebuie neapărat să cunoașteți niciun HTML sau JavaScript pentru a crea animații, dacă întâmpinați anumite abilități de codificare, atunci puteți sărbători - Edge Animate creează un cod HTML foarte curat fără nici un bagaj de proprietate.

Dacă doriți să intrați în cod, luați în considerare fișierul HTML pe care Edge Animate îl creează ca singurul fișier pe care va trebui să îl deschideți. Edge Animate creează mai multe alte tipuri de fișiere, inclusiv fișiere JavaScript, dar aceste fișiere sunt pline de cod. Dacă nu sunteți un dezvoltator, atunci sfatul bun este de a evita aceste fișiere.

Dacă ați construit deja mai multe site-uri web și nu doriți să creați animația de la zero, aveți noroc: Nu trebuie să începeți de la început. O caracteristică excelentă a aplicației Edge Animate este faptul că puteți importa fișiere HTML existente - ceea ce îi oferă dezvoltatorilor web cu experiență un început cu Edge Animate.

HTML5 este lucrul grozav cu dezvoltarea de aplicații web în aceste zile, chiar împreună cu CSS3. Dacă vă întrebați ce este HTML5, cel mai bun mod de a descrie este faptul că este vorba de viitorul webului. Deci, folosind Edge Animate, te plasați în prim-planul tehnologiilor web. Și cea mai bună parte este că nu trebuie să știi cum să codzi să o folosești; Edge Animate creează codul pentru tine.

Codarea cu ușurință cu panoul de cod persistent

Puteți utiliza Adobe Edge Animate CC fără a ști un singur cod de cod. Cu toate acestea, dacă sunteți un dezvoltator care îi place codul de mână, puteți face acest lucru cu fereastra de cod.Aveți două opțiuni atunci când utilizați fereastra de cod:

Puteți vedea codul complet. Această figură arată ceea ce vedeți: tot codul din fișierul de acțiuni pentru animația pe care lucrați. Această opinie este extrem de utilă; nu este necesar să continuați să faceți clic înainte și înapoi între fragmente de cod.

Utilizați modul Full Code pentru a vizualiza și edita fișierul de acțiuni. Puteți activa acest mod făcând clic pe butonul Full Code din colțul din dreapta sus al editorului de coduri.
Puteți vedea codul unei anumite acțiuni. Când deschideți fereastra de cod, vedeți o listă de acțiuni din partea stângă. Dacă faceți clic pe una dintre acele acțiuni, puteți modifica codul pentru acea acțiune (a se vedea figura).

Pentru a deschide fereastra de cod, din meniu, selectați Fereastră și apoi codați după cum se arată.

Puteți utiliza o comandă rapidă de la tastatură pentru a deschide fereastra de cod apăsând pe Ctrl + E.

Tragerea în API-ul JavaScript

Un Adobe Edge Animate CC JavaScript API este disponibil pentru codec-urile hardcore de acolo. Pentru cei care nu știu nimic despre JavaScript sau codul scris, nu te îngrijora; nu este necesară masarea codurilor pentru a crea animații. Cu toate acestea, dacă vă place să ridicați capota și să vă mișcați în jurul motorului, atunci API-ul JavaScript oferă o resursă excelentă.

API reprezintă interfața de programare a aplicațiilor și este un instrument comun pe care programatorii îl utilizează pentru scrierea și depanarea codului. Desigur, dacă doriți să vă educați pe cum să codificați , căutarea în funcționarea API-urilor vă poate face să începeți. Rețineți totuși că API-urile nu oferă în general informații la nivel de începător; ei presupun că deja știți cum să codificați.

Adobe Edge Animate CC JavaScript API vă oferă multe de explorat:

Adobe Edge Animate CC overview: Această secțiune a API vă oferă o introducere generală în program.
Triggerele, evenimentele și acțiunile: Aceste caracteristici ale aplicației Edge Animate îți execută codul (cum ar fi looping-ul) sau când audiența interacționează cu diferite părți ale animației (cum ar fi clicurile pe un buton).
Instrumente și indicatori pentru crearea simbolurilor (animații reutilizabile încorporate): Sunt extrem de utile Simbolurile Edge Animate, care sunt comportamente de sine stătătoare, Timeline și grafică.
API JavaScript: Aceasta este interfața standard JavaScript, un instrument la îndemână, mai ales atunci când vă place să codificați manual aspecte specifice proiectelor dvs. de animație.
Subiecte avansate: După ce ați făcut niște practici de codificare sub centură, aceste subiecte oferă câteva direcții aventuroase pentru a explora (de exemplu, crearea de mai multe compoziții într-o pagină).