Enseignement > Web dynamique > TP n°3  

Animation

On cherche, dans cet exercice, à animer un ensemble d'images. On souhaite réaliser une page WEB qui simule le mouvement des planètes et de leurs satellites autour du soleil.

On suppose que les orbites de ces corps célestes sont des ellipses qui sont toutes dans le même plan. L'équation cartésienne d'une ellipse est :
x=a*cos(t);
y=b*sin(t);
où a et b sont les "demi-grands" axes de l'ellipse.

1. Commencer par placer l'image d'une planètre sur une page WEB, et essayer de l'animer en lui faisant parcourir un mouvement elliptique.
Etudier pour cela la méthode setTimeout de l'objet window

2. Construire une structure de données permettant de modéliser et d'animer la liste des planètes et des satellites suivants :

Nom a b Periode en orbite autour de  
0 Soleil 0 0 -

Soleil

1 Mercure 58 59 88

Soleil

2 Vénus 109 108 225

Soleil

3 Terre 150 149 365

Soleil

4 Lune 0.3 0.3 27 Terre
5 Mars 228 227 686

Soleil

6 Phobos 0.9 0.9 0.4 Mars
6 Deimos 0.3 0.3 1.2 Mars

 

Autres images permettant d'imaginer d'autres systèmes planétaires :  

SOLUTION