Partiamo dalle basi. In questo video tutorial puoi imparare come avviare un nuovo progetto con WebAnimator, salvarlo e quindi aprirlo in seguito.

Un rapido tour dell'interfaccia utente di WebAnimator ti consentirà di sentirti a tuo agio nel creare la tua prima animazione HTML5. In questo video tutorial, quindi, daremo un'occhiata al canvas, alla Timeline, alla Barra degli strumenti principale e a quella per il responsive, al pannello delle Proprietà e tutti gli altri pannelli disponibili.

È ora di mettersi all'opera. Questo video tutorial illustra i primi passi per creare animazioni con WebAnimator. Inizia a familiarizzare con la timeline e scopri come inserire i keyframe, in manuale o in automatico, per definire l'animazione dei vari elementi. Incomincia anche a familiarizzare con metodi di easing così da rendere tutto più fluido e naturale.

Come si fa a far muovere un elemento attraverso la scena, seguendo una traiettoria libera e con un andamento fluido e naturale? Potrebbe essere complicato ma non lo è grazie al Percorso di Movimento. In questo video tutorial scopri come impostarlo, come definire il tracciato agendo di sui punti di ancoraggio e di controllo, come orientare automaticamente gli elementi e come controllare i tempi tramite la timeline. Con WebAnimator, stai diventando sempre più esperto nella creazione di animazioni.

È ora che tutti vedano le splendide animazioni che hai creato con WebAnimator. Per prima cosa controlla che sia tutto ok, quindi procedi con l'esportazione. In questo video tutorial, quindi, vediamo come puoi visualizzare l'anteprima di una scena piuttosto che dell'intero progetto. Di seguito, vediamo poi come procedere con l'esportazione in HTML5 del progetto e con la sua importazione all'interno di una pagina Web realizata con WebSite X5.