Aide pour une animation sur les missiles

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

Bonjour,

:recherch: :google: "balistique"

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!

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...

Citation:

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

Citation:

Envoyé par jreaux62

Bonjour,

:recherch: :google: "balistique"

:salut:

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.

Balistique
Portée (balistique)
Trajectoire d'un projectile

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).

Missile balistique
Vol balistique et missiles balistiques/Trajectoire propulsée du missile balistique
Vol balistique et missiles balistiques/Trajectoire balistique de l'arme lancée

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 ?

Bonsoir,

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

Code:

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>

Merci pour l'exemple.