CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[Help] Jeu Jquery

Piisme
Piisme
Niveau 9
31 décembre 2016 à 01:53:57

Bonjour, bonsoir,

je viens vous voir car dans le cadre de mes études, je dois développer un petit jeu en Jquery.
Le principe est simple, on tire des missiles aériens sur des gens... ;D

J'ai deux problèmes dans mon développement :

________________________________________________________________________
Là où je click, un missile se lance. Donc au click, une image apparaît pour une durée d'une seconde, et disparaît (image d'explosion). Cependant, si je réessaye d'appuyer une deuxième fois, bah elle apparaît plus car je l'ai faite disparaître avant avec un fadeOut()... Même en mettant un "background:none" après une seconde, l'image n'apparaît tout simplement pas...

Voilà mon code :
$("#weapon").click(tirer);

function tirer(evt){

console.log("Tirer !");
var x = event.clientX;
var y = event.clientY;
x = x-50;
y = y-70;

$("#impact").css('float', 'left');
$("#impact").css('top', + y +'px');
$("#impact").css('left', + x +'px');
$("#impact").css('visibility', 'visible');
$("#impact").css('width', '100px');
$("#impact").css('height', '100px');
$("#impact").css('background', 'url("img/explosiontest.png")');
$("#impact").css('background-size', '100% 100%');

console.log("Fin du tir");
$("#impact").delay(1000).css('background', 'none');

return;
/*alert('Vous avez cliqué au point de coordonnés: ' + x + ', ' + y );*/

}
console.log("Fin du tir");

____________________________________________________________________________
Deuxième soucis ... Au lieu de tirer au click, je souhaite le faire avec les touches A,Z,E,R,T (un peu comme LoL, avec 5 missiles différentes). Mais impossible de créer un évènement avec un keyDown ou autres... Je voie les même exemples sur internet qui marche parfaitement pour les autres mais pas pour moi... (testé avec Mozilla et Chrome)

$('#container').keydown(function(e){
if(e.which == 65) { // KeyCode de la touche entrée
console.log('A');
}

if(e.which == 90) { // KeyCode de la touche entrée
alert('Z');
}

if(e.which == 69) { // KeyCode de la touche entrée
alert('E');
}

if(e.which == 82) { // KeyCode de la touche entrée
alert('R');
}

if(e.which == 84) { // KeyCode de la touche entrée
alert('T');
}
});

______________________________________________________________________________

Merci d'avance =/

Piisme
Piisme
Niveau 9
02 janvier 2017 à 09:08:06

Si ça peut aider :
index.html : http://pastebin.com/Kp61F510
JS : http://pastebin.com/Vwcp84WD
CSS : http://pastebin.com/NL6tfhPJ

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment