Discussion :

[Alexx08]

Bonjour à tous.
J'ai absolument besoin de votre aide car je dois créer un jeu interactif dans le cadre de mon examen d'informatique. J'ai choisi de faire un jeu des 5 différences.. (donc 2 images avec une modifiée et il faut retrouver les erreurs) mais le problème c'est que je ne sais absolument pas comment procéder. Est-ce que quelqu'un pourrait me montrer un script de ce jeu pour que je puisse réussir ? Je vous en serais très reconnaissant car là je panique un peu.
Merci d'avance.

[Darkyl]

Slt,

heu, à l'examen, on te demande quelque chose que tu n'as pas vu? que tu ne serais pas faire?

T'as pas une petite idée? C'est pourtant simple...

Le but de ce forum n'est pas de faire à la place et à mon avis, l'éthique des développeurs ici présents, n'est pas de dévaluer un examen informatique en te donnant la solution.

Maintenant, si tu as des problèmes concernant telle ou telle chose, on sera ravi de t'aider...

en plus, tu ne parle pas du langage choisi...

[Alexx08]

On a fait divers exercices HTML, Canvas, Javascript etc.. mais ce n'est vraiment pas mon truc et j'ai fait des mauvaises notes toute l'année car je ne comprenais pas.
On m'a dit que ce projet était simple, je dois le faire en langage HTML. Mais je ne sais pas du tout comment procéder et j'ai à peine une semaine pour le finir, je ne sais pas comment je vais m'en sortir

[Darkyl]

Si c'est du html, alors un petit indice:
regarde ce qu'on appelle AREA... Cela permet de définir une zone (de la forme que tu veux) où tu peux mettre une fonction sur le click souris (entre autre). Cela me parait le plus simple...
Genre, tu crées deux div avec chacun tes 2 images en background. Sur le second, tu définis tes area qui lors du click sur l'une d'elle te valide une erreur...

[Alexx08]

J'ai déjà modifié quelques images et créé des zones cliquables en forme de cercle, mais je ne sais pas comment faire pour que quand le joueur clique sur les erreurs les cercles apparaissent. Et ensuite je ne sais pas comment passer à d'autres images une fois que toutes les erreurs ont été trouvées.. Je suis un peu perdu.

[Alexx08]

Quand je clique à l'endroit où il y a une erreur ça m'envoie directement sur une autre page internet et ça me met que c'est introuvable. Alors je ne sais pas comment faire pour qu'en cliquant il y ait juste le cercle qui apparaisse sur la même image.

Et je ne sais pas non plus ce qu'il faut mettre comme href dans area.

[Darkyl]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<area [...] href="#" [...] onclick="souligner_lerreur(numero_erreur);"/>

où souligner_lerreur() est une fonction qui traite l'erreur. Maintenant reste à savoir comment tu veux traiter les erreurs... genre, tu peux mettre une petite image en forme de flèche verte sur l'area...
Donc dans ta page tu créer tes 5 images (<img>) aux bonnes coordonnées mais avec un display=none et tu met la bonne image à display=block dans la fonction souligner_lerreur(numero_erreur)...

Mais ce n'est qu'une solution parmis tant d'autre.
Heu par contre les href="#", j'aime pas trop mais je ne sais plus comment désactivé le href d'un lien, fais une petite recherche...

[Alexx08]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 <div>
<img class="image1"
src='image1.jpg'
usemap="#map">
 
<map name="Map">
<area shape="circle"
href="#"
coords="79,165,24"
onclick="souligner_lerreur(1);">
</div>

Voilà pour ma première erreur par exemple ça me donne ça comme code.. Est-ce normal que j'aie des balises qui s'appellent "map" ou bien c'est complétement faux ?.. Et où dois-je mettre ma fonction souligner_lerreur() par rapport au script ?

Je suis vraiment désolé de t'embêter avec ça, pour toi ça a l'air si simple mais moi j'ai beaucoup de peine à comprendre, déjà la base c'est dur, j'espère que je réussirai à le terminer ..

[Darkyl]

oui c'est normal.

Heu tu me rassure, tu as vu le langage Javascript?tu peux t'en servir pour ton exam?

[Alexx08]

Oui je peux me servir de javascript mais ce que je sais pas c'est où le placer dans le script

[Fax37]

Utilise google avant de poser des question comme ça :
La première réponse correspond à ta demande.

2 secondes pour ouvrir mon navigateur + encore 3 autres pour taper et appuyer sur "entrée".
Au total : moins de 10 secondes pour avoir la réponse.

[Alexx08]

Oui je sais je pose des questions vraiment débiles mais je comprends vraiment pas grand chose, je mélange tout et je stresse parce que j'arriverai jamais au bout.. Désolé!

[Darkyl]

le problème c'est (qu'en plus e faire à ta place ), on ne sait pas ce que tu as appris et donc les normes qu'il te faut aplliqué.

Normalement, le code JS se met dans un ficher externe que tu appel avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="l'adresse de ton fichier.js"></script>

Donc tu crée un fichier.js, tu y met ta fonction dedans, sans rien d'autres, pas de tag html, rien. Tu l'include (par ce que j'ai mis plus haut) dans ta page html, et ta fonction sera connu par le navigateur.

[Alexx08]

Merci bien pour tout, dsl de vous avoir posé toute ces questions..
Je suis dessus depuis ce matin mais je n'ai pas réussi à faire la fonction pour que les cercles apparaissent quand on clique sur une erreur, ma fois tant pis je crois que je vais abandonner, l'informatique ce n'est vraiment pas fait pour moi

[Darkyl]

tu peux aller voir ça :
jeu-7-erreurs/

On dit merci SpaceFrog. Penses à lui demander la permission d'utiliser son code et à laisser la première ligne.

[Alexx08]

Merci infiniment pour ton aide en tout cas. Au moins j'arriverai pas avec rien à l'examen

[Howard_Hughes]

Bonjour,

Je pense que ton examen est terminé

Est-il possible d'avoir un retour sur le résultat ?

[Darkyl]

Pour le retour, à mon avis, il s'était inscrit juste pour poser sa question, donc je pense qu'on peut attendre...