Aide pour une animation sur les missiles

**Badroeh** · 17/02/2018, 01h30

Bonjour les amis . Je suis un debutant en JavaScript et je suis entrain de developper une application sur les missiles dans le cadre de mon PFE . Dans la partie simulation j ai vraiment bloqué car je ne sais pas comment animer un missile qui part d un point A a un point B en parcourant une trajectoire . Merci pour votre aide

Invité · 17/02/2018, 07h03

Bonjour,

"balistique"

**eleydet** · 17/02/2018, 11h28

Bonjour,

Le sujet est vaste!

De manière simplifiée, on distingue trois sortes d'images pour le web :
- Celles placées dans un fichier externe, aux formats JPG, PNG ou GIF. C'est la solution la plus ancienne.
- Celles basées sur CANVAS, permettant de créer des images matricielles.
- Celles basées sur SVG, permettant de réaliser des images vectorielles. C'est la solution la plus récente.
Une même image peut d'ailleurs se concevoir en combinant ces trois solutions. Vous voulez la créer comment, votre image?

Ensuite, une animation peut se faire :
- Avec des images qui se succèdent.
- Ou bien en déplaçant des images.
On peut déplacer des images avec JavaScript ou avec CSS. Il existe aussi des bibliothèques qui simplifient, peut-être, la mise en oeuvre.

Cela fait beaucoup de possibilités!

**Beginner.** · 17/02/2018, 14h45

Salut,

C'est vrai que c'est vaste...

Il y a un exemple d'animation d'une balle (pour un jeux de casse brique) ici : #3 il fallait que ce soit fait en html (pas avec un canvas) mais c'est moins bien je trouve...

**danielhagnoul** · 17/02/2018, 21h22

Envoyé par Badroeh

Bonjour les amis . Je suis un debutant en JavaScript et je suis entrain de developper une application sur les missiles dans le cadre de mon PFE . Dans la partie simulation j ai vraiment bloqué car je ne sais pas comment animer un missile qui part d un point A a un point B en parcourant une trajectoire . Merci pour votre aide

Envoyé par jreaux62

Bonjour,

"balistique"

Il faut bien définir de quoi l'on parle !
Dans tous les cas, on trouve les bases sur Wikipédia.

Une trajectoire balistique dépend de nombreux facteurs, inclut la forme de la munition, la gravité et le frottement de l'air.

Une trajectoire de missile c'est différent, car la phase balistique (des munitions) est précédée par une phase de propulsion (moteur de la fusée).

Invité · 18/02/2018, 07h14

En fait, ce n'est pas si différent. Seules les équations changent.

Mais ce n'est même pas le sujet.
Je rappelle qu'on est pas sur le forum de la NRA...

La question est : (une fois qu'on a l'équation) comment l'écrire en JavaScript ?

**eleydet** · 18/02/2018, 22h48

Bonsoir,

Je m'amuse un peu, ce soir...

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      body { text-align: center; }
      .sortir {
         transition: 0.3s;
         transform: translate(16px,0px); 
      }
      .rentrer {
         transition: 2s;
      }
    </style>
    <script>
      sortir=function() { 
        document.getElementById('bille').setAttribute('class','sortir');
      };
      rentrer=function() { 
        document.getElementById('bille').setAttribute('class','rentrer');
      };
    </script>
  </head>
  <body>
    <svg width="400px" height="auto" viewBox="0 0 25 6">
      <rect x="0" y="0" width="8" height="6" fill="#926"/>
      <rect x="1" y="1" width="7" height="4" fill="#eee"/>
      <circle cx="3" cy="3" r="2" fill="#269" id="bille"/>
    </svg>
    <br><br>
    <button type="button" onclick="sortir();">Tirer</button>
    <button type="button" onclick="rentrer();">Recharger</button>
  </body>
</html>

**Beginner.** · 19/02/2018, 17h50

Merci pour l'exemple.

Aide pour une animation sur les missiles

JavaScript

Vue hybride

Discussions similaires

Partager

Partager