Ingraven in de code - dummies

Adobe Edge Animate CC maakt het maken van animaties mogelijk voor een reeks gebruikers - van degenen die het werken met code een uitdaging vinden voor ervaren ontwikkelaars en technici die code eten voor het ontbijt. Aan de ene kant heb je echt geen codeervaardigheden nodig om professionele animaties te maken met Edge Animate; aan de andere kant biedt Edge Animate

• Native HTML5-code, die erg schoon is - geen propriëtaire of onnodige code. Dit maakt de code gemakkelijker te lezen en te begrijpen voor iedereen.

• Een persistent codepaneel, waarmee u de code handmatig kunt bewerken.

• JavaScript-API (interface voor toepassingsprogramma's), waarmee u de details achter de code kunt achterhalen.

Ontwerpers zonder codeervaardigheden kunnen ontspannen, wetende dat ze nog steeds composities kunnen maken zonder enige code te kennen. Ondertussen kunnen ervaren ontwikkelaars Adobe groeten omdat ze toegang hebben tot alle achtergrondcodes.

Werken in native HTML

Terwijl u in Edge Animate werkt, maakt de software voortdurend code achter de schermen. Hoewel je niet per se HTML of JavaScript hoeft te kennen om animaties te maken, als je toevallig wat codeervaardigheden hebt, kun je vieren - Edge Animate maakt zeer schone HTML-code zonder enige eigen bagage.

Als u in de code wilt komen, overweeg dan het HTML-bestand dat door Edge Animate wordt gemaakt als het enige bestand dat u mogelijk moet openen. Edge Animate maakt verschillende andere typen bestanden, inclusief JavaScript-bestanden, maar deze bestanden bevatten veel code. Als u geen ontwikkelaar bent, is een goed advies om deze bestanden te negeren.

Als je al verschillende websites hebt gebouwd en je geen nieuwe animatie wilt maken, heb je geluk: je hoeft niet vanaf het begin opnieuw te beginnen. Een geweldige functie van Edge Animate is dat u bestaande HTML-bestanden kunt importeren, waardoor ervaren webontwikkelaars een voorsprong hebben met Edge Animate.

HTML5 is het grote ding met webontwikkeling tegenwoordig, samen met CSS3. Als u zich afvraagt ​​wat HTML5 is, is de beste manier om het te beschrijven dat het de toekomst van internet is. Dus, door Edge Animate te gebruiken, plaatst u uzelf in de voorhoede van webtechnologieën. En het beste deel is, je hoeft niet te weten hoe je moet coderen om het te gebruiken; Edge Animate maakt de code voor u.

Eenvoudig coderen met het persistent codepaneel

U kunt Adobe Edge Animate CC gebruiken zonder een enkel stukje code te kennen. Als u echter een ontwikkelaar bent die graag handcodes gebruikt, kunt u dit doen met het codevenster.U hebt twee opties bij het gebruik van het codevenster:

• U kunt de volledige code bekijken. Deze afbeelding toont wat u ziet: alle code in het actiesbestand voor de specifieke animatie waaraan u werkt. Deze weergave is zeer nuttig; je hoeft niet steeds heen en weer te klikken tussen codefragmenten.

  Gebruik de Volledige codemodus om uw actiesbestand te bekijken en te bewerken. U kunt deze modus activeren door op de knop Volledige code in de rechterbovenhoek van de code-editor te klikken.

  

• U kunt de code van een specifieke actie bekijken. Wanneer u het codevenster hebt geopend, ziet u een lijst met acties aan de linkerkant. Door op een van die acties te klikken, kunt u de code alleen voor die actie bewerken (zie de afbeelding).

  

Als u het codevenster wilt openen, kiest u in het menu Venster en vervolgens Code zoals weergegeven.

U kunt een sneltoets gebruiken om het codevenster te openen door op Ctrl + E te drukken.

De JavaScript-API intrekken

Een Adobe Edge Animate CC JavaScript API is beschikbaar voor de hardcore coders die er zijn. Voor degenen die niets van JavaScript weten of code schrijven, wees niet bang; massale code-slinging is niet nodig om animaties te maken. Als u echter de kap wilt optillen en rondneuzen in de motor, biedt de JavaScript-API een uitstekende bron.

API staat voor applicatieprogrammeringsinterface en is een veelgebruikte tool die programmeurs gebruiken voor het schrijven en debuggen van code. Natuurlijk, als je jezelf wilt onderwijzen op hoe je kunt coderen, kan onderzoek naar de werking van API's je op weg helpen. Houd er echter rekening mee dat API's over het algemeen geen informatie op beginnersniveau bieden. ze gaan ervan uit dat je al weet hoe je moet coderen.

De Adobe Edge Animate CC JavaScript-API biedt u genoeg te verkennen:

• Adobe Edge Animate CC-overzicht: Dit gedeelte van de API geeft u een algemene inleiding tot het programma.

• Triggers, evenementen en acties: Deze functies van Edge Animate voeren uw code voor u uit (zoals looping) of wanneer uw publiek interactief werkt met verschillende delen van de animatie (zoals op een knop klikken).

• Hulpmiddelen en aanwijzers voor het maken van symbolen (herbruikbare ingesloten animaties): Vooral handig zijn de Edge Animate-symbolen, die op zichzelf staand gedrag, tijdlijnen en afbeeldingen zijn.

• JavaScript API: Dit is de standaard JavaScript-interface, een handige tool op zich, vooral als u graag specifieke aspecten van uw animatieprojecten met de hand wilt coderen.

• Geavanceerde onderwerpen: Nadat u wat codeeroefeningen onder uw riem hebt gedaan, bieden deze onderwerpen enkele avontuurlijke richtingen om te verkennen (bijvoorbeeld het maken van meerdere composities op een pagina).

Dit cijfer geeft een voorbeeld van wat u in de API kunt vinden.