La Communauté Webmaster  forum rss


  Forum-webmaster
  Général
  Un projet de site internet ?
(Modérateurs: Lilian, Shain, Wolf18)
  Quel langage utiliser pour réaliser une grille "interactive"
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Quel langage utiliser pour réaliser une grille "interactive"  (Lu 4744 fois)
Quel langage utiliser pour réaliser une grille "interactive"
« sur: le 16-11-2013 a 11:26:03 »
neimad94
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil    E-Mail
Répondre avec citation

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.

Rapporter au modérateur  

Re:Quel langage utiliser pour réaliser une grille "interactive"
« Répondre #1 sur: le 16-11-2013 a 12:10:34 »
Franck K
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 319



Développeur / Intégrateur Freelance

Voir le Profil    WWW    E-Mail
Répondre avec citation

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 !

« Dernière Édition: le 16-11-2013 a 12:11:11 par Franck K » Rapporter au modérateur  

Franck Kosellek - Développeur web en freelance depuis 2009 -
Expert E-commerce / Prestashop. Nephila Studio - PrestaStudio
SIRET 798 506 366 00011
Re:Quel langage utiliser pour réaliser une grille "interactive"
« Répondre #2 sur: le 17-11-2013 a 12:41:30 »
neimad94
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil    E-Mail
Répondre avec citation

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?

Rapporter au modérateur  
Re:Quel langage utiliser pour réaliser une grille "interactive"
« Répondre #3 sur: le 19-11-2013 a 13:26:21 »
Franck K
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 319



Développeur / Intégrateur Freelance

Voir le Profil    WWW    E-Mail
Répondre avec citation

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.

Rapporter au modérateur  

Franck Kosellek - Développeur web en freelance depuis 2009 -
Expert E-commerce / Prestashop. Nephila Studio - PrestaStudio
SIRET 798 506 366 00011
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg