Master 1 IFI 2015 cours Web Sciences / HTML5 / JS

Table des matières

1. 1. Introduction
2. 2. Première partie : introduction des technologies Web, panorama général
3. 3. Seconde partie : écriture d'un moteur d'animation
   1. 3.1. Utilisation de la fonction setInterval(...)
   2. 3.2. Beaucoup mieux: utilisation de RequestAnimationFrame
   3. 3.3. Implémentation d'un petit "moteur de jeu" 
   4. 3.4. Compter le nombre d'images par seconde
4. 4. Et oh ???? Où sont les graphismes ???? L'élément CANVAS de HTML5
5. 5. Introduction aux transformations géométriques 2D
6. 6. Animer le monstre, l'inclure dans notre moteur d'animation
7. 7. Interactions avec l'utilisateur
   1. 7.1. Gestion du clavier
   2. 7.2. Ajout de la détection de touches dans notre moteur d'animation
   3. 7.3. Detection des événements souris
   4. 7.4. Ajout de l'écouteur souris dans le moteur d'animation
   5. 7.5. Déplacement du joueur à l'aide des flèches du clavier, changement de vitesse avec la souris
8. 8. JavaScript objet, animer plusieurs objets, détection de collisions
9. 9. Seconde journée : Web Sockets, applications multi-participants, multimédia (sons, etc.)
10. 10. Sujet de mini projet (à rendre pour la prochaine séance, ou peut-être lors d'une séance supplémentaire, à voir)
    1. 10.1. Sons et musiques
    2. 10.2. Sprites
    3. 10.3. Particules (explosions etc)
11. 11. Herberger une application NodeJS