Bonjour à tous,
Pourriez vous m'aider?
J'ai une image que je peux déplacer de haut en bas une voiture, je voudrais générer des images sur la droite qui se déplace de droite à gauche comme dans un jeux et ou l'on doit éviter.
app.js
index
Code : 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 $(document).ready(function() { var $blackCar = $('#blackCar'); $($blackCar).rotate({angle:90}); // keyboard action for car $(document).keydown(function(e) { switch (e.which) { case 38: $blackCar.stop().animate({ top: '-=40' }); //up arrow key break; case 40: $blackCar.stop().animate({ top: '+=40' }); //bottom arrow key break; } }); });
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 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- set viewport to device width to allow responsiveness --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap CDN --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <!-- Custom CSS --> <link rel="stylesheet" href="css/style.css"> <!-- JS --> <title>Car Game</title> </head> <body> <section> <h1>Car game avoid other car</h1> <img src="img/road.png" height="400px" width="100%" id="road"> <img class="blackCar" src="img/blackCar.ico" id="blackCar"> </section> <script src="http://code.jquery.com/jquery-2.2.2.min.js"></script> <script src="scripts/app.js"></script> <script src="scripts/rotate.js"></script> </body> </html>
Je pense je dois gérer cela avec des intervalls et une fonction de collision qui parcours mes images, auriez vous des idées? je vous remercie.
Partager