Formation Hype Pro niveau 1 : animation HTML5

1/ Introduction à Hype Pro

• Gestion de projet Hype

• Terminologie du logiciel

• La fenêtre principale

• L'inspecteur de propriétés

• Le scénario Les scènes

• La bibliothèque

• Paramétrage du document

• Gestion du texte

• Les outils de formes

• L'affichage responsive

• La gestion du Viewport (mise à l'échelle sur navigateur mobile)

2/ Gestion des médias

• Importation d'images (png, jpg, SVG)

• Importation de l'audio

• Importation vidéo intégrée et Youtube

• Placer un iFrame

3/ Animation

• Gestion du scénario (images-clés)

• Le bouton d'enregistrement

• Les trajectoires

• Le texte

• Les symboles

• Les symboles persistants

• Animer les propriétés CSS (position, échelle, rotation, opacité…)

• Animer des propriétés de plans 3D (position, rotation)

• Gérer la physique de mouvement (accélérations, amortissements, rebonds et courbes personnalisées)

• Animer des formes et des tracés vectoriels

• Réaliser et importer un spritesheet

4/ Les actions

• Placer une action prédéfinie

• Piloter le scénario

• Glisser-déposer un élément

• Gérer une animation parallaxe

• Utiliser le scénario relatif

5/ Exportation

• Exportation en HTML5

• Exportation en widget (iBooks Author, Dashboard)

• Exportation en GIF animé

• Exportation en vidéo (MPEG-4)