A kódexbe ásni

Az Adobe Edge Animate CC lehetővé teszi animációk készítését számos felhasználó számára – azoktól, akik kihívásnak tartják a kóddal való munkát, a tapasztalt fejlesztőkig és mérnökökig, akik kódot esznek reggelire. Egyrészt valóban nincs szükség semmilyen kódolási készségre, hogy professzionális animációkat készítsen az Edge Animate segítségével; másrészt az Edge Animate biztosítja

• Natív HTML5 kód, amely nagyon tiszta – nincs szabadalmaztatott vagy szükségtelen kód. Ez megkönnyíti a kód olvashatóságát és megértését mindenki számára.

• Állandó kódpanel, amely hozzáférést biztosít a kód kézi szerkesztéséhez.

• JavaScript API (alkalmazásprogramozási felület), amely lehetőséget ad a kód mögött rejlő részletek megismerésére.

A kódolási készségekkel nem rendelkező tervezők megnyugodhatnak, ha tudják, hogy továbbra is tudnak kompozíciókat készíteni anélkül, hogy bármiféle kódot ismernének. Eközben a tapasztalt fejlesztők üdvözölhetik az Adobe-t, amiért hozzáférést biztosít az összes háttérkódhoz.

Munka natív HTML-ben

Amíg Ön az Edge Animate-ben dolgozik, a szoftver folyamatosan kódot hoz létre a színfalak mögött. Bár nem feltétlenül kell ismernie a HTML-t vagy a JavaScriptet az animációk készítéséhez, ha történetesen rendelkezik némi kódolási készségekkel, akkor ünnepelheti – az Edge Animate nagyon tiszta HTML-kódot hoz létre, saját poggyász nélkül.

Ha bele szeretne lépni a kódba, akkor az Edge Animate által létrehozott HTML-fájl az egyetlen fájl, amelyet meg kell nyitnia. Az Edge Animate számos más típusú fájlt is létrehoz, beleértve a JavaScript fájlokat is, de ezek a fájlok sűrűn tartalmaznak kódot. Ha Ön nem fejlesztő, akkor jó tanács, hogy kerülje ezeket a fájlokat.

Ha már több webhelyet épített fel, és nem szeretné a nulláról elkészíteni az animációt, szerencséje van: nem kell elölről kezdenie. Az Edge Animate nagyszerű tulajdonsága, hogy importálhat meglévő HTML-fájlokat – ami a tapasztalt webfejlesztőknek előnyt jelent az Edge Animate használatában.

A HTML5 manapság a nagy dolog a webfejlesztésben, a CSS3 mellett. Ha kíváncsi arra, hogy mi az a HTML5, a legjobb módja annak leírására, hogy ez a web jövője. Tehát az Edge Animate használatával Ön a webes technológiák élvonalába helyezi magát. És a legjobb az egészben az, hogy nem kell tudnod a kódolást a használatához; Az Edge Animate létrehozza a kódot az Ön számára.

Könnyű kódolás az állandó kódpanel segítségével

Használhatja az Adobe Edge Animate CC-t anélkül, hogy egyetlen kódrészletet sem ismerne. Ha azonban olyan fejlesztő vagy, aki szeret kézzel kódolni, ezt megteheti a kódablakkal. A kódablak használatakor két lehetőség közül választhat:

• Megtekintheti a teljes kódot. Ez az ábra azt mutatja, amit lát: az összes kódot az akciófájlban az adott animációhoz, amelyen éppen dolgozik. Ez a nézet rendkívül hasznos; nem kell folyamatosan oda-vissza kattintgatnod a kódrészletek között.

  Használja a Teljes kód módot a műveletfájl megtekintéséhez és szerkesztéséhez. Ezt a módot a kódszerkesztő jobb felső sarkában található Teljes kód gombra kattintva aktiválhatja.

  

• Megtekintheti egy adott művelet kódját. Ha nyitva van a kódablak, a bal oldalon megjelenik a műveletek listája. Ha rákattint valamelyik műveletre, csak az adott művelet kódját szerkesztheti (lásd az ábrát).

  

A kódablak megnyitásához a menüben válassza az Ablak, majd a Kód menüpontot az ábrán látható módon.

A kódablak megnyitásához billentyűparancsot használhat a Ctrl+E billentyűkombináció megnyomásával.

A JavaScript API behúzása

Az Adobe Edge Animate CC JavaScript API elérhető a hardcore kódolók számára. Azok, akik semmit sem tudnak a JavaScriptről vagy a kódírásról, ne aggódjanak; animációk létrehozásához nincs szükség hatalmas kódfelhúzásra. Ha azonban szereti felemelni a motorháztetőt és beletúrni a motorba, akkor a JavaScript API kiváló forrást biztosít.

Az API az alkalmazásprogramozási interfész rövidítése, és egy gyakori eszköz, amelyet a programozók kódírásra és hibakeresésre használnak. Természetesen, ha azt szeretnénk, hogy nevelés magad , hogyan kell kódot, és belenézett a működését API a kezdéshez. Ne feledje azonban, hogy az API-k általában nem nyújtanak kezdő szintű információkat; azt feltételezik, hogy már tudod, hogyan kell kódolni.

Az Adobe Edge Animate CC JavaScript API rengeteg felfedeznivalót kínál:

• Az Adobe Edge Animate CC áttekintése: Az API ezen része általános bevezetést nyújt a programhoz.

• Triggerek, események és műveletek: Az Edge Animate ezen funkciói végrehajtják a kódot az Ön helyett (például hurkolt), vagy amikor a közönség az animáció különböző részeivel interakcióba lép (például egy gombra kattint).

• Eszközök és mutatók szimbólumok létrehozásához (újrafelhasználható beágyazott animációk): Különösen hasznosak az Edge Animate Symbols, amelyek önálló viselkedések, idővonalak és grafikák.

• JavaScript API: Ez a szabványos JavaScript interfész, önmagában is praktikus eszköz, különösen akkor, ha animációs projektjei bizonyos aspektusait szeretné kézzel kódolni.

• Haladó témakörök: Miután már rendelkezik némi kódolási gyakorlattal, ezek a témakörök kalandos útmutatást kínálnak a felfedezéshez (például több kompozíció létrehozása egy oldalon).

Ez az ábra példát mutat arra, hogy mit találhat az API-ban.