Hype Pro 201 : Animation HTML5 avancée

Créez des animations HTML5 avancées avec Hype 3 Pro, en apprenant les bases du Java Script, l’utilisation de l’API de Hype 3 Pro, le gestion du Drag & Drop et l’intégration de librairies Greensock.

Prochaine session

juin

25jun - 29Toute la journéeHype Pro 3 201 - Animation HTML5 avancéeAnimation HTML5 avancée, JavaScript, API Hype, Greensock

Programme
Inscription

Public : Graphistes codeurs et web designers, utilisateurs de Muse et WordPress, chargés de communication, Ex-utilisateurs de Edge Animate et de Flash.

Compétences acquises

  • Réaliser des animations interactives avancées, en HTML5
  • S’initier au langage Javascript
  • Gérer des librairies externes (Greensock)

Pré requis

  • Etre familier de l’environnement informatique et de l’utilisation d’Internet
  • Ne pas être rebuté par le code
  • Savoir créer des images à partir de Photoshop et les exporter au format Web
  • Avoir suivi le stage Hype Pro 101

Attention : Hype Pro n’existe que sous environnement Mac OS

Tarif et conditions

  • Formation de 35 heures en 5 journées de 7 heures.
  • Tarif: 1650 € HT. Groupes de 6 personnes maximum, un iMac SSD par personne.
  • Horaires : du Lundi au Vendredi 9h30 – 13h | 14h -17h30.
  • Financement Enterprise tout OPCA.
  • Financement AFDAS individuel, prise en charge à 100% pour les  Auteurs graphistes remplissant les critères d’éligibilité.

Descriptif détaillé

GÉRER UNE ACTION

  • Les événements
  • Les comportements prédéfinis
  • Invoquer un URL ou un eMail

INITIATION À JAVASCRIPT DANS HYPE PRO

  • Placer un code personnalisé
  • Afficher/masquer des éléments
  • Gérer des variables et des conditions
  • Réaliser un Quizz

CONTRÔLER LES OBJETS

  • Piloter les scènes
  • Piloter le scénario
  • Gérer les commandes Audio
  • Gérer les commandes Vidéo
  • Gérer les commandes des périphériques tactiles (swipe, tap)

ACCÈS À L’API DE HYPE PRO

  • Identifier les commandes de l’API Javascript de Hype Pro
  • Gérer des modes complexes de navigation et d’interactivité (navigation dans les scènes et les timelines, ciblage d’animations imbriquées, gestion du glisser-déposer et des comportements de physique)
  • Gérer la physique des éléments en mouvement

ETENDRE LES FONCTIONNALITÉS DE HYPE PRO

  • Importer une librairie externe (Greensock)
  • Gérer le drag&drop avancé et les collisions

ATELIER

  • Concevoir un mini projet à l’aide des compétences acquises
  • Réaliser le projet au sein de Hype Pro
  • Publier en ligne, en séquence animée ou au format vidéo

Toutes les sessions

juin

25jun - 29Toute la journéeHype Pro 3 201 - Animation HTML5 avancéeAnimation HTML5 avancée, JavaScript, API Hype, Greensock

Contactez-nous
X