1. Mise en place d’un serveur et d’un projet de base

↑ Cette animation a été générée avec After Effects, exportée au format JSON et est affichée avec Lottie.

objectifs

  • être capable d’accéder à un projet web minimal permettant d’afficher une animation exportée depuis After Effects avec BodyMovin
  • mettre en place un serveur local
  • utiliser le terminal pour utiliser le serveur local

fichier de travail

Télécharger le modèle

à faire

phase 1

  1. télécharger le modèle
  2. ouvrez index.html avec votre navigateur : rien n’est affiché
  3. ouvrez la console du navigateur : observez le message d’erreur affiché

phase 2

  1. Mettre en place un serveur local Installer un serveur local
  2. En vous aidant de la documentation (Installer un serveur local), affichez l’animation dans le navigateur

phase 3

À l’aide d’un éditeur de code, regardez les différents éléments qui constituent le projet de base.