CATALOGUE Code & Data Formation Edge Apprendre Adobe Edge Animate CC - Créez des contenus animés et interactifs

Utilisation des Sprite Sheets pour des Animations Fluides

Retour à la formation
Chapitre 18 Leçon 1
Précédent
Suivant

Une introduction aux sprite sheets et comment elles améliorent la fluidité des animations sur divers périphériques, avec un focus sur l'exportation depuis Flash et l'utilisation dans Edge.

Détails de la leçon

Description de la leçon

La vidéo présente une animation réalisée à partir de ce que l'on appelle un sprite sheet, une série d'images gérées dans un seul bitmap. L’objectif est de démontrer l'intérêt de cette technique, surtout pour éviter les problèmes de performance et de saccades sur les périphériques mobiles. La différence avec une simple vidéo ou une animation vectorielle est soulignée, toutes deux moins performantes pour des raisons précises : calculs d’affichage en temps réel et points d’inflexion. La solution avancée est de transformer les animations en une image unique et de gérer l'affichage via un masque mobile. La vidéo se concentre particulièrement sur l'utilisation du logiciel Flash pour exporter cette sprite sheet en format SWF et son intégration dans Edge, détaillant chaque étape du processus.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :
1. Expliquer ce qu'est un sprite sheet.
2. Montrer comment utiliser un sprite sheet pour améliorer la fluidité des animations.
3. Démystifier l'exportation de sprite sheets depuis Flash et leur intégration dans Edge.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir une connaissance de base en animation, une familiarité avec Flash et des notions sur l'outil Edge.

Métiers concernés

Les professions qui peuvent tirer parti de cette vidéo incluent :
- Développeur de jeux vidéo
- Graphiste 2D/3D
- Développeur d'applications mobiles

Alternatives et ressources

Des alternatives logicielles pour les sprite sheets et l’animation incluent Adobe Animate, Unity, et Spine.

Questions & Réponses

Un sprite sheet est une série d'images d'animation combinées en un seul bitmap qui permet une gestion plus efficace des animations par sélection et affichage d'une portion de l'image à la fois.
Les animations vidéo peuvent poser des problèmes de performance en raison des lourdeurs de traitement des fichiers vidéo, ce qui peut entraîner des saccades et une réduction de la fluidité sur des appareils à ressources limitées.
L'avantage principal est une amélioration significative de la fluidité et des performances des animations, car il suffit de déplacer une portion de l'image au lieu de recalculer et de redessiner chaque image individuellement.