Forum-webmaster
Général => Un projet de site internet ? => Message commencé par: neimad94 le le 16-11-2013 a 11:26:03

Titre: Quel langage utiliser pour réaliser une grille "interactive"
Posté par: neimad94 le le 16-11-2013 a 11:26:03

Bonjour,

Je suis actuellement en train de mettre en place un site internet. Etant plutôt néophyte, je me sers des différents tutos que je peux trouver sur le net (photoshop, html, css, php, mysql) et jusqu'ici je m'en sortais assez bien (de mon point de vue d'après ma faible expérience :p).

Malheureusement, comme je le craignais, je rencontre un problème auquel je ne trouve pas de solution malgré mes recherches, d'où ma demande d'aide. Je vais essayer de vous décrire au mieux ce que j'essaye de mettre en place (je m'excuse par avance si je n'emploie pas le bon langage technique).

Je voudrais créer un jeu qui se déroulerait de la façon suivante:
La base de la page serait une grille (grille 1) de 500px * 500px. Chaque cellule de cette grille ferait 100px * 50px (donc 50 cellules). Chaque cellule contiendrait une image. Il faudrait ensuite superposer par dessus cette grille, une autre grille (grille2) de même dimension mais avec des cellules plus petites, 10px * 10px.

Une fois cette base posée, viennent les joueurs. Chaque joueur à la possibilité de cliquer sur une cellule de la grille 2. Lorsqu'une cellule de la grille 2 est cliquée, celle-ci disparaît pour laisser apparaître la portion de la grille 1 découverte. Les joueurs jouent sur la même grille (c'est à dire, lorsqu'une cellule est cliquée, elle est cliquée pour tout le monde).

Je voudrais également y inclure un timer (une cellule cliquable toutes les 60 secondes).

Je voudrais également pouvoir identifier par qui les cellules sont cliquées ainsi qu'identifier lorsqu'un joueur découvre une image entière de la grille 1.

Pour info, mon site contient un espace membre.

Voila j'espère avoir été assez clair. Si ce n'est pas le cas, j'apporterai des précisions.

Je n'attends pas de vous que vous codiez le jeu, mais que vous m'orienter sur quel langage utiliser (php, java, ajax,.....) et pourquoi pas me fassiez découvrir des sites avec de bons tutos ou des scripts dont je pourrais me servir comme base pour mon projet.

Merci d'avance pour votre aide.

Titre: Re:Quel langage utiliser pour réaliser une grille "interactive"
Posté par: Franck K le le 16-11-2013 a 12:10:34

C'est un sympatoche petit projet, j'ai envie de te dire comment je ferai mais en même temps je ne veux pas te gacher ce petit plaisir. Je te laisse me demander ou non les étapes plus précises.

En tout cas tu as besoin d'HTML/CSS bien sur pour le rendu. De PHP/MySQL pour stocker la grille, et la mettre à jour en base et chez le client. Et enfin de JS (jQuery pourra aider) pour l'interactivité et d'Ajax pour la mise à jour en temps reel.

Pour faire les choses bien tu devrais utiliser la lib GD de php pour masquer les images sans que l'utilisateur puisse tricher. En effet si tu as un fond qui représente une image et que tu ne fais que la cacher en mettant quelque chose par dessus, n'importe qui pourra enlever le masque a la main.

Il faudrait donc qu'avec la libGD tu transformes l'image elle meme pour qu'elle devienne un simple fond noir. Et c'est cette meme libGD, coté serveur, qui redessinera l'image cellule par cellule en copiant une image "témoin" cachée sur le serveur. Ainsi personne pourra tricher sans devoir pirater ton serveur !

Bon courage !

Titre: Re:Quel langage utiliser pour réaliser une grille "interactive"
Posté par: neimad94 le le 17-11-2013 a 12:41:30

Merci pour ta réponse. Je vais réfléchir comment faire ça en php/mysql. J'ai déja quelques petites idées.

Par contre je suis totalement perdu concernant JS....comme dit dans le premier message, je suis totalement néophyte.

Concernant la partie "masquer les images sans que l'utilisateur puisse tricher", ce n'est pas un problème à mon sens. Le gagnant étant celui qui découvre l'image, c'est à dire le dernier utilisateur à cliquer sur la dernière cellule de la grille 2 masquant l'image de la grille 1. (je pense que cela sera géré par php/mysql).

Concernant la partie "timer", je dois utiliser AJAX?

Encore merci pour ta réponse. En cas de souci je peux te contacter par MP?

Titre: Re:Quel langage utiliser pour réaliser une grille "interactive"
Posté par: Franck K le le 19-11-2013 a 13:26:21

Bonjour,

Ok donc le gagnant n'est pas celui qui devine l'image mais celui qui clique sur la derniere cellule. Dans ca cas pas besoin de lib GD.

Concernant le timer le mieux est de se baser seulement sur du JS pendant la partie, et une fois la partie terminée de vérifier côté serveur si le timer côté client n'a pas été altéré. Ce sera un gain de perf par rapport à un timer seulement en ajax.

Oui tu peux me contacter en MP si besoin !

Bon courage.


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.