Bonjour,
Je suis désolé de venir vous embêter avec mon problème mais j ai réellement cherché à fond et je n'ai pas trouvé de solution.
En fait, je dois réaliser un projet en informatique qui est une sorte de modellisation de l'orbite d'une planète autour d'une autre, avec au final une ellipse dans laquelle on voit accélérer et ralentir l'objet en fonction de la distance mais j'en suis pas encore là... pour le moment je tente simplement de faire tourner en orbite circulaire et je n'y parviens pas.
Je vous mets mon code et si quelqu'un se sent l'âme charitable donnez moi un petit coup de main s'il-vous-plaît...
Voila le code séparé en html et js... merci beaucoup d'avance
Code:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Projet_grav/projet</title> <script type="text/javascript" src="projet_circulaire.js"> </script> </head> <body onload=init()> <button onclick="run()">Bouton</button> <button onclick="position2()">Bouton 2</button> <img src="http://lti.epfl.ch/LemanOS/private_file/Projet_grav/Terre.gif" id="terre" width="200px" style="position:absolute"/> <img src="http://lti.epfl.ch/LemanOS/private_file/Projet_grav/Lune.gif" id="lune" width="80px" style=" position:absolute;top:100px; left:100px"/> </body> </html>
Code:var rayon=100; var x0=300; var y0=300; var t=0; var u; var x ; var y ; function $(id) { return document.getElementById(id) } function init(){ document.getElementById('terre').style.left=x0+"px"; document.getElementById('terre').style.top=y0+'px'; } function position(){ x = x0+rayon*(Math.cos(t)); y = y0+rayon*(Math.sin(t)); } function position2(){ for(t=0;t<360;t++) { x = x0+rayon*Math.cos(t); y = y0+rayon*Math.sin(t); } } function affichage(){ document.getElementById('lune').style.left=x+"px"; document.getElementById('lune').style.top=y+'px'; } function run(){ t+=0.01; t=t*(Math.PI/180); position(t); affichage(); setInterval("run()", 10000) }
-----