Publicatie gereed voor verspreiding

uit de cursus HTML5 Canvas in Animate CC: JavaScript Basics

Publicatie gereed voor verspreiding
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

HTML5 Canvas in Animate CC: JavaScript Basics

perm_identity Belinda | video_library 31 video's | query_builder 2:04:51

In Adobe Animate CC kun je interactieve HTML5 publicaties maken met behulp van het zogeheten Canvas-element. Animate CC biedt standaard een aantal codefragmenten aan waarmee je heel snel een interactieve animatie of -infographic kunt maken. Met de nadruk op interactief, want daarvoor gebruik je de zogeheten Code Snippets.

In deze online cursus leer je met duidelijke instructievideo’s hoe je de standaard codefragmenten (Code Snippets) van Animate CC kunt toepassen in jouw publicatie. De cursus is juist speciaal ontwikkeld voor mensen die geen kennis van JavaScript of andere codetalen hebben.

Aan het creëren van de animaties zelf wordt geen aandacht besteed, dus kennis van de applicatie Adobe Animate CC is wel een vereiste. In deze cursus werk je met voorbereidde bestanden. Al kun je natuurlijk de kennis ook direct gaan toepassen in een eigen productie.

Je leert hoe je met de codefragmenten van Adobe Animate zowel gebruikers- als tijdsgebeurtenissen activeert. Dus je creëert interactiviteit op basis van een muisklik of als de bezoeker met de muis ergens overheen beweegt (user-event). Of zodra de animatie een bepaald punt in de tijd heeft bereikt (tijd-event). Je kunt dan interacties maken als:
• Animaties opstarten en stoppen
• Illustraties verplaatsen, roteren en positioneren
• Illustraties in- en uitfaden
• Tekst in beeld tonen
• De cursor van uiterlijk doen veranderen

 

 

Dan kunnen we nu de productie eenvoudig gaan Publiceren met de opdracht File > Publish.

De laatst gekozen Publish Setting worden hiervoor gebruikt.

Deze hebben we in de vorige video samengesteld en bewaard.

Ook in dit venster vind je een knop met Publish.

Maar deze gebruik ik nu even niet. Ik doe het via de wijze File > Publish.

Je ziet niets gebeuren maar voilà de productie is klaar gemaakt om online gepubliceerd te worden.

Ik kijk in mijn doelfolder naar de bestanden die bij het publiceren gecreëerd zijn.

We zien een HTML-bestand, een JavaScript-bestand en een .png bestand.

Dat is alles.

Zolang er van elk soort bestand maar één gepubliceerd hoeft te worden maakt Animate geen aparte mappen aan.

Dus deze hele map 'rocket-publicatie' kun je nu aanleveren om te publiceren.

Want al deze bestanden zijn wel nodig om de productie goed te laten functioneren.

Ik open het HTML-bestand in een browser.

En nu kun je de productie voor een laatste keer gaan testen.

Als het goed is werken alle interactieve knoppen.

En animaties die je gemaakt hebt.

De oranje knop verplaatst de linker planeet.

De gele knop verplaatst de ufo.

De groene knop roteert de linker planeet.

En de blauwe knop toont het eindbeeld.

Dit is het einde van de cursus. Ik hoop dat je er veel aan gehad hebt.

En dat je vanaf nu maar hele mooie, spannende en creatieve interactieve producties gaat maken.