Koodisse süvenemine

Adobe Edge Animate CC teeb animatsioonide loomise võimalikuks paljudele kasutajatele – alates neist, kes peavad koodiga töötamist väljakutseks, kuni kogenud arendajate ja insenerideni, kes söövad koodi hommikusöögiks. Ühest küljest ei vaja te Edge Animate abil professionaalsete animatsioonide loomiseks mingeid kodeerimisoskusi; teisest küljest pakub Edge Animate

• Native HTML5 kood, mis on väga puhas – ei mingit varalist ega tarbetut koodi. See aitab muuta koodi kõigile hõlpsamini loetavaks ja arusaadavaks.

• Püsiv koodipaneel, mis annab teile juurdepääsu koodi käsitsi redigeerimiseks.

• JavaScript API (rakenduse programmeerimisliides), mis annab võimaluse õppida koodi taga olevaid üksikasju.

Kodeerimisoskusteta disainerid saavad lõõgastuda, teades, et nad suudavad siiski luua kompositsioone ka koodi teadmata. Samal ajal saavad kogenud arendajad tervitada Adobe'i juurdepääsu eest kogu taustkoodile.

Töötamine loomulikus HTML-is

Edge Animate'is töötades loob tarkvara pidevalt kulisside taga koodi. Kuigi te ei pea animatsioonide loomiseks tingimata HTML-i ega JavaScripti tundma, kuid kui teil on mõned kodeerimisoskused, võite seda tähistada – Edge Animate loob väga puhta HTML-koodi ilma igasuguse patenteeritud pagasita.

Kui soovite koodiga tutvuda, pidage HTML-faili, mille Edge Animate loob, kui ainsa faili, mille peate võib-olla avama. Edge Animate loob mitut muud tüüpi faile, sealhulgas JavaScripti faile, kuid need failid on tihedalt koodiga. Kui te pole arendaja, on hea nõuanne nendest failidest eemale hoida.

Kui olete juba mitu veebisaiti loonud ja ei soovi oma animatsiooni nullist luua, on teil õnne: te ei pea algusest otsast alustama. Edge Animate'i suurepärane omadus on see, et saate importida olemasolevaid HTML-faile – see annab kogenud veebiarendajatele Edge Animate'i kasutamisel edumaa.

HTML5 on tänapäeval veebiarenduse suur asi koos CSS3-ga. Kui soovite teada, mis on HTML5, on parim viis selle kirjeldamiseks, et see on veebi tulevik. Seega asetate Edge Animate'i kasutades end veebitehnoloogiate esirinnas. Ja parim osa on see, et selle kasutamiseks ei pea te teadma, kuidas kodeerida; Edge Animate loob koodi teie eest.

Püsiva koodipaneeli abil on lihtne kodeerida

Saate kasutada Adobe Edge Animate CC-d, teadmata ühtki koodibitti. Kui olete aga arendaja, kellele meeldib käsitsi kodeerida, saate seda teha koodiaknaga. Koodiakna kasutamisel on teil kaks võimalust:

• Saate vaadata täielikku koodi. See joonis näitab, mida näete: kogu kood tegevusfailis konkreetse animatsiooni jaoks, mille kallal töötate. See vaade on väga kasulik; sa ei pea pidevalt koodijuppide vahel edasi-tagasi klõpsama.

  Kasutage toimingufaili vaatamiseks ja muutmiseks täiskoodirežiimi. Saate selle režiimi aktiveerida, klõpsates koodiredaktori paremas ülanurgas nuppu Full Code.

  

• Saate vaadata konkreetse toimingu koodi. Kui teil on koodiaken avatud, näete vasakus servas toimingute loendit. Ühel neist toimingutest klõpsates saate muuta ainult selle toimingu koodi (vt joonist).

  

Koodiakna avamiseks valige menüüst Aken ja seejärel Kood, nagu näidatud.

Koodiakna avamiseks saate kasutada kiirklahvi, vajutades klahvikombinatsiooni Ctrl+E.

JavaScripti API tõmbamine

Sealsete hardcore kodeerijate jaoks on saadaval Adobe Edge Animate CC JavaScript API. Need, kes ei tea JavaScriptist ega koodi kirjutamisest midagi, ärge muretsege. animatsioonide loomiseks pole vaja massilist koodilõksu. Kui teile aga meeldib katet tõsta ja mootoris ringi pista, on JavaScripti API suurepärane ressurss.

API tähistab rakenduste programmeerimisliidest ja on tavaline tööriist, mida programmeerijad kasutavad koodi kirjutamiseks ja silumiseks. Muidugi, kui soovite, et harida ennast , kuidas koodi, uurime töös API saab võite alustada. Pidage siiski meeles, et API-d üldiselt ei paku algtaseme teavet; nad eeldavad, et sa juba tead, kuidas kodeerida.

Adobe Edge Animate CC JavaScript API annab teile palju avastamist:

• Adobe Edge Animate CC ülevaade: see API jaotis annab teile programmi üldise sissejuhatuse.

• Päästikud, sündmused ja toimingud: need Edge Animate funktsioonid käivitavad teie koodi teie eest (nt loopimine) või siis, kui teie publik suhtleb animatsiooni erinevate osadega (nt klõpsab nupul).

• Tööriistad ja näpunäited sümbolite loomiseks (korduvkasutatavad manustatud animatsioonid): eriti kasulikud on Edge Animate Symbols, mis on iseseisev käitumine, ajaskaala ja graafika.

• JavaScripti API: see on standardne JavaScripti liides, mugav tööriist, eriti kui soovite oma animatsiooniprojektide konkreetseid aspekte käsitsi kodeerida.

• Täpsemad teemad: kui olete kodeerimisega harjutanud, pakuvad need teemad seikluslikke juhiseid uurimiseks (nt lehel mitme kompositsiooni loomine).

Sellel joonisel on näide selle kohta, mida API-st leiate.