Explorant el Codi

Adobe Edge Animate CC fa possible la creació d'animacions per a diversos usuaris, des d'aquells que consideren que treballar amb codi és un repte fins a desenvolupadors i enginyers experimentats que mengen codi per esmorzar. D'una banda, realment no necessiteu cap habilitat de codificació per crear animacions professionals amb Edge Animate; d'altra banda, ofereix Edge Animate

• Codi HTML5 natiu, que és molt net, sense codi propietari o innecessari. Això ajuda a que el codi sigui més fàcil de llegir i entendre per a tothom.

• Un tauler de codi persistent, que us permet editar el codi a mà.

• JavaScript API (interfície de programació d'aplicacions), que ofereix l'oportunitat d'aprendre els detalls darrere del codi.

Els dissenyadors sense habilitats de codificació poden relaxar-se sabent que encara poden crear composicions sense conèixer cap codi. Mentrestant, els desenvolupadors experimentats poden saludar Adobe per oferir accés a tot el codi de fons.

Treballant en HTML natiu

Mentre treballeu a Edge Animate, el programari està creant codi constantment entre bastidors. Tot i que no necessàriament heu de conèixer HTML o JavaScript per crear animacions, si teniu algunes habilitats de codificació, podeu celebrar-ho: Edge Animate crea un codi HTML molt net sense cap equipatge propietari.

Si voleu entrar al codi, considereu el fitxer HTML que crea Edge Animate com l'únic fitxer que potser haureu d'obrir. Edge Animate crea altres tipus de fitxers, inclosos els fitxers JavaScript, però aquests fitxers són densos de codi. Si no sou un desenvolupador, un bon consell és evitar aquests fitxers.

Si ja has creat diversos llocs web i no vols crear la teva animació des de zero, estàs d'enhorabona: no cal que tornis a començar des del principi. Una característica fantàstica d'Edge Animate és que podeu importar fitxers HTML existents, cosa que ofereix als desenvolupadors web experimentats un avantatge amb Edge Animate.

HTML5 és el més important del desenvolupament web en aquests dies, juntament amb CSS3. Si us pregunteu què és HTML5, la millor manera de descriure-ho és que és el futur del web. Per tant, utilitzant Edge Animate, us situeu a l'avantguarda de les tecnologies web. I el millor és que no cal saber codificar per utilitzar-lo; Edge Animate us crea el codi.

Codificar fàcilment amb el panell de codi persistent

Podeu utilitzar Adobe Edge Animate CC sense saber ni un sol bit de codi. Tanmateix, si sou un desenvolupador que li agrada codificar manualment, podeu fer-ho amb la finestra de codi. Teniu dues opcions quan feu servir la finestra de codi:

• Podeu veure el codi complet. Aquesta figura mostra el que veieu: tot el codi del fitxer d'accions per a l'animació concreta en què esteu treballant. Aquesta vista és molt útil; no cal que continueu fent clic entre els fragments de codi.

  Utilitzeu el mode Codi complet per veure i editar el fitxer d'accions. Podeu activar aquest mode fent clic al botó Codi complet a l'extrem superior dret de l'editor de codi.

  

• Podeu veure el codi d'una acció específica. Quan teniu la finestra del codi oberta, veureu una llista d'accions al costat esquerre. Si feu clic a una d'aquestes accions, podeu editar el codi només d'aquesta acció (vegeu la figura).

  

Per obrir la finestra del codi, al menú, seleccioneu Finestra i, a continuació, Codi com es mostra.

Podeu utilitzar una drecera de teclat per obrir la finestra del codi prement Ctrl+E.

Introduïnt l'API de JavaScript

Hi ha disponible una API de JavaScript d'Adobe Edge Animate CC per als programadors hardcore que hi ha. Per a aquells que no saben res de JavaScript o escriure codi, no us preocupeu; no és necessari un codi massiu per crear animacions. Tanmateix, si us agrada aixecar el capó i ficar-vos pel motor, aleshores l' API de JavaScript ofereix un recurs excel·lent.

API significa interfície de programació d'aplicacions i és una eina comuna que utilitzen els programadors per escriure i depurar codi. Per descomptat, si voleu educar-vos sobre com codificar, mirar el funcionament de les API us pot ajudar a començar. Tingueu en compte, però, que les API generalment no proporcionen informació de nivell principiant; suposen que ja saps codificar.

L'API JavaScript d'Adobe Edge Animate CC us ofereix molt per explorar:

• Visió general d'Adobe Edge Animate CC: aquesta secció de l'API us ofereix una introducció general al programa.

• Activadors, esdeveniments i accions: aquestes funcions d'Edge Animate executen el vostre codi per vosaltres (com ara el bucle) o quan el vostre públic interactua amb diferents parts de l'animació (com ara fer clic a un botó).

• Eines i punters per crear símbols (animacions incrustades reutilitzables): són especialment útils els símbols Edge Animate, que són comportaments autònoms, línies de temps i gràfics.

• API de JavaScript: aquesta és la interfície estàndard de JavaScript, una eina útil per si mateix, especialment quan us agrada codificar manualment aspectes específics dels vostres projectes d'animació.

• Temes avançats: després d'haver practicat la codificació, aquests temes ofereixen algunes indicacions aventureres per explorar (per exemple, crear diverses composicions en una pàgina).

Aquesta figura proporciona un exemple del que podeu trobar a l'API.