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.

Programme
Inscription

Formation Intra-entreprise et sur demande individuelle

Cette formation n'est disponible qu'en Intra-entreprise ou sur demande individuelle. Contactez nous pour connaitre les modalités.
Contactez-nous

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 par personne: 1650 € HT. Groupes de 6 personnes maximum
  • Tarif Intra : 1000 € / Jour  HT. Groupes de 6 personnes maximum
  • 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
Contactez-nous
X