« Animation avec JavaScript » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(Page créée avec « {{En construction}} ~~~~ == Introduction == == JavaScript vs. CSS == == Techniques d'animation == === setInterval() === === requestAnimationFrame() === == Bibliothè... »)
 
Ligne 3 : Ligne 3 :


== Introduction ==
== Introduction ==
Cette page présente un survol des techniques pour créer des animations avec [[JavaScript]]. L'approche utilisée est plutôt "bottom-up", c'est-à-dire qu'on illustrera davantage les principes fondamentaux à la base de l'animation plutôt que fournir des technologies ou outils qui aident à créer des animations (e.g. [[Animate CC - Outils de développement JavaScript]]). L'objectif est de fournir des connaissances/compétences de base qui peuvent être généralisées par la suite indépendamment des techniques d'animation utilisées.
=== Prérequis ===
Pour suivre cette page, les connaissances suivante sont nécessaires :
* Bonne connaissance de [[HTML5]] et [[CSS]]
* Bonne connaissance de [[JavaScript]], voir :
** [[Tutoriel JavaScript de base]]
** [[Tutoriel JavaScript côté client]]
Des connaissances théoriques sur le rôle et les avantages/désavantages des animations peuvent également être utiles, mais ne son pas nécessaires. Voir à ce propos:
* [[Les différences entre l'image statique et l'animation quant à l'apprentissage]]
* [[Animation et image statique]]


== JavaScript vs. CSS ==
== JavaScript vs. CSS ==

Version du 12 octobre 2016 à 17:24

Cet article est en construction: un auteur est en train de le modifier.

En principe, le ou les auteurs en question devraient bientôt présenter une meilleure version.


Mattia A. Fritz (discussion) 28 septembre 2016 à 11:51 (CEST)

Introduction

Cette page présente un survol des techniques pour créer des animations avec JavaScript. L'approche utilisée est plutôt "bottom-up", c'est-à-dire qu'on illustrera davantage les principes fondamentaux à la base de l'animation plutôt que fournir des technologies ou outils qui aident à créer des animations (e.g. Animate CC - Outils de développement JavaScript). L'objectif est de fournir des connaissances/compétences de base qui peuvent être généralisées par la suite indépendamment des techniques d'animation utilisées.

Prérequis

Pour suivre cette page, les connaissances suivante sont nécessaires :

Des connaissances théoriques sur le rôle et les avantages/désavantages des animations peuvent également être utiles, mais ne son pas nécessaires. Voir à ce propos:

JavaScript vs. CSS

Techniques d'animation

setInterval()

requestAnimationFrame()

Bibliothèques

Ressources