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

Interaction clic souris HTML/CSS, JavaScript

Sebii
Sebii
Niveau 8
06 février 2016 à 13:23:16

Bonjour à tous,

j'aimerai développer un petit jeu web. Je maîtrise très bien le C mais ait seulement des notions en HTML/CSS et aucune en Javascript :)

Pour cela, j'aurais besoin d'avoir des interactions avec les clics de la souris lorsque je clique sur une image de carte, style Google Maps. Et il y aurais aussi une liste de 15 noms qui apparaîtrait au fur et à mesure que l'user clique au bon endroit sur la map.

En me renseignant, j'ai vu que la gestion des événements (stylé clic souris) se faisait en Javascript, est-ce exact ?
Ce serait donc un site dynamique avec une base de données de style 100 données et j'en afficherai 15 aléatoires par session de jeu. Besoin de PHP/MySQL ?

J'aurais besoin de quelques pistes pour commencer :) J'ai déjà une page web statique avec un screen d'une map et... C'est tout :)

Pour vous donner une idée, ce serait ça comme base:
http://www.jeux-geographiques.com/jeux-en-ligne-Jeu-Villes-de-France-_pageid39.html
Aucun rapport avec mon jeu mais ce sera dans ce style là niveau "gameplay"

Merci d'avance ! Et n'hésitez pas si vous avez besoin de plus d'informations !

Message édité le 06 février 2016 à 13:24:53 par Sebii
Pseudo supprimé
Pseudo supprimé 06 février 2016 à 13:35:06

Pour cela, j'aurais besoin d'avoir des interactions avec les clics de la souris lorsque je clique sur une image de carte, style Google Maps. Et il y aurais aussi une liste de 15 noms qui apparaîtrait au fur et à mesure que l'user clique au bon endroit sur la map.

Donc il te faudra des balises <img> ?

En me renseignant, j'ai vu que la gestion des événements (stylé clic souris) se faisait en Javascript, est-ce exact ?

Oui

Besoin de PHP/MySQL ?

Si tu as des images ou des textes prédéfinis à afficher aléatoirement, il suffit de les stocker dans le dossier et les fichiers du site (ou pour les textes, dans le code source).

Sebii
Sebii
Niveau 8
06 février 2016 à 13:41:09

Merci pour ta réponse :)

Balise<img> j'ai, j'ai réussi sans trop de problème à implémenter mon image.

Pour le JavaScript, t'aurais une idée de quelle fonction j'aurais besoin et où je pourrais trouver de la bonne doc ?

Tu me proposes de stocker mes mots dans un fichier à part et afficher aléatoirement une ligne dans ce fichier ? Comment je peux faire cela ? J'ignorais qu'on pouvait inclure des fichiers externes.. ^^

Pseudo supprimé
Pseudo supprimé 06 février 2016 à 17:26:26

Y a au minimum deux solutions pour des images style map avec click localisé. mais je me rappelle que d'une solution qui date d'il y a fort longtemps, c'est l'image réactive, mais c'est un peu vieux. Avec un éditeur html, ca se fait simplement a la souris en dessinant les zones a click sur l'image. Mais j'ai cru comprendre qu'il y a mieux maintenant? Si quelqu'un a des infos la dessus ca m'interesse aussi.

katk
katk
Niveau 10
07 février 2016 à 02:38:48

a ton image tu lui donne un id, ici on dira "carte"
en javascript(a mettre entre balises <script></script>) ca donnera
document.getElementById('carte').addEventListener('click', function(){ //ce que tu veux faire }, false);

mais je te conseille d'aller te renseigner sur l'interaction entre javascript et html/css, c'est pas complique a maitriser les bases du js

et php/mysql c'est execute cote serveur contrairement a javascript, normalement tu devrais pas en avoir besoin sauf si tu souhaites sauvegarder les scores de tous les joueurs par exemple

katk
katk
Niveau 10
07 février 2016 à 02:39:44

et en javascript on peut aussi avoir la position du curseur dans la page, donc de quoi exploiter ton idee de carte

fluxies
fluxies
Niveau 17
07 février 2016 à 12:12:23

Si ton carte c'est une image, tu pourras savoir où il a cliquer en fonction de la position du click, et celle du scroll actuel OU position actuelle de l'image.

Sinon si tu veux une vrai carte avec des données réelles, renseigne toi sur http://leafletjs.com/

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