Jeu d'échecs en réseau avec html5

Version imprimable

22/11/2012, 08h46
lesiecle

Jeu d'échecs en réseau avec html5

Bonjour à tous,

On a le projet de mettre en place une plate-forme de jeu d'échecs complète (avec classement,pendules,analyse à la fin de la partie,cours en direct,gestion de tournois...). J'ai donc initié le projet en créant l'échiquier et en rendant les pièces déplaçables grâce à l'outil DRAG and DROP de html5. (visible ici : http://www.les-echecs.com/helene5.php )

Seulement on se heurte à plusieurs petits problèmes :

_On souhaiterait faire jouer la transparence du fond des pièces (éditées via photofiltre, elles apparaissent opaques au déplacement et même sans déplacement d'ailleurs, ce qui ne fait pas ressortir le background des cases, alternativement blanc et noir, pourtant le noir est bien transparent quand on regarde la pièce dans un nouvel onglet.

_On souhaiterait que pendant le déplacement, on voit la pièce en cours de déplacement (sous ie on ne voit qu'un curseur de déplacement.)

_On souhaiterait que quand une pièce va sur une autre, elle prenne sa place, alors que la pièce déposée se contente de disparaitre de l'échiquier... de plus on a remarqué que quand on fait revenir une pièce sur une position qu'elle a déjà occupé elle disparait...

_ On souhaiterait que chaque coup soit enregistré dans la bdd, il doit sûrement y avoir une interaction avec ajax pour ce faire ? Entre autre on aimerait pouvoir inscrire la pièce jouée et la case d'arrivée de celle-ci... Sur ma page cela est-il possible ?

Ensuite on devra initialiser les possibilités de déplacements, en fonction de plusieurs choses (au tour de qui de jouer, échec ou pas, bon déplacement de pièce, pièce entre, coup impossible car mettant le roi échec, etc), là dessus on pense s'en sortir...

Cependant on a encore un doute sur l'interactivité de l'échiquier (c'est surtout pour jouer en r&seau). On pensait travailler avec mysql en asynchrone (ajax ?), On n'a que peu d'expérience en websockets... Est-ce réalisable avec ajax ?

Si vous pouviez au moins nous donner des voies de réflexions ce serait vraiment génial.

Merci à vous !
22/11/2012, 16h08
polymorphisme

Bonjour,

il existe des bases de données spécialisées pour les échecs qui contiennent des milliers de parties, dont les plus connues, des coups particuliers, ....

il existe aussi des programmes qui permettent de gérer les parties (déplacement des pièces, état de la partie, chronos, ...).

il existe aussi des interfaces en XML, (chessXML ou quelque chose comme cela).

Bref, en cherchant un peu, tu peux déjà construire quelque chose.

Après, en ce qui concerne les techniques à mettre en oeuvre, mise à part, le fait de s'amuser avec une technique nouvelle pour vous, je n'en vois pas forcément l'intérêt puisque ce qui existe déjà réponds aux besoins de très nombreux utilisateurs.
22/11/2012, 19h14
thelvin

Citation:

Envoyé par lesiecle

On souhaiterait faire jouer la transparence du fond des pièces (éditées via photofiltre, elles apparaissent opaques au déplacement et même sans déplacement d'ailleurs, ce qui ne fait pas ressortir le background des cases, alternativement blanc et noir, pourtant le noir est bien transparent quand on regarde la pièce dans un nouvel onglet.

Il n'y a pas de transparence en JPEG, point final. De toute façon, avec ou sans transparence, ce genre de choses doivent se faire en PNG ou éventuellement en GIF, pas en JPEG.

Citation:

Envoyé par lesiecle

Si vous pouviez au moins nous donner des voies de réflexions ce serait vraiment génial.

- Apprenez à faire des choses simples en PHP
- Apprenez à faire des choses simples en PHP + base de données (MySQL ou PostgreSQL)
- Apprenez à faire des choses simples en JavaScript
- Apprenez à utiliser AJAX
- Liez le tout.
16/12/2012, 20h21
lesiecle

pas intéressant ?

Citation:

Envoyé par polymorphisme

Bonjour,

il existe des bases de données spécialisées pour les échecs qui contiennent des milliers de parties, dont les plus connues, des coups particuliers, ....

il existe aussi des programmes qui permettent de gérer les parties (déplacement des pièces, état de la partie, chronos, ...).

il existe aussi des interfaces en XML, (chessXML ou quelque chose comme cela).

Bref, en cherchant un peu, tu peux déjà construire quelque chose.

Après, en ce qui concerne les techniques à mettre en oeuvre, mise à part, le fait de s'amuser avec une technique nouvelle pour vous, je n'en vois pas forcément l'intérêt puisque ce qui existe déjà réponds aux besoins de très nombreux utilisateurs.

Bonjour et merci de nous avoir répondu.
Pour ma part je suis spécialisé dans php/mysql et je commence à toucher ma bille en javascript/ajax et désormais en html5. De ce fait j'ai bien avancé sur le site, j'ai désormais un gabaris complet et mes plans sont déjà sur papier.

Par contre si techniquement on a résolu le plus gros du travail, c'est plutôt dans l'aspect intérêt que cela nous intéresse...
Votre avis sur cette initiative nous parait étrange !

Il n'y a que très peu de sites internet en France assez complets sur les échecs il me semble, et surtout des sites gratuits !

Connaissez-vous un site d'échecs qui gère des tournois réguliers, des parties en ligne avec élo (en direct et en différé), dans lequel vous puissiez analyser votre partie avec votre adversaire une fois celle-ci terminée ou n'importe quelle position grâce à un chat intégré à l'échiquier et la possibilité d'insérer n'importe quelle position, et quand bon vous semble de l'analyser avec l'ordinateur en ligne (en java) ? Et bien d'autres fonctionnalités que je ne dévoilerai pas immédiatement.

J'ai regardé les éléments dont tu parles, aucun script ne permet de gérer les pendules etc dans une partie en réseau, j'ai fouillé le web pendant des années pour trouver ce genre d'éléments... seuls quelques scripts américains permettent d'installer un jeu en différé (webchess)->(html/css/php/javascript) dans un javascript désuet et instable avec les nouveaux médias (partie extra terrestre garantie, 3 rois sur l'échiquier à chaque fois qu'un joueur joue depuis sont iphone...)

chess xml est hors sujet par rapport au projet initial dont je parle, puisqu'il ne s'agit pas seulement de visualiser des parties terminées via un applet mais bel et bien de jouer des parties en réseau contre des adversaires humains... Il ne permet pas à mon sens d'enregistrer un coup à partir d'un drag n drop ??

Toutes les règles ont d'ailleurs déjà été implémentées dans notre interface à l'heure actuelle (mais pas sur cette page, en local seulement), il s'agit de logique pur, rien à voir avec les coups spéciaux "particuliers" qui se trouvent dans des bases de données que je ne connais pas ? A part la prise en passant, le petit roque et le grand roque, la promotion et le déplacement du pion sur sa case initiale (2 cases en avant) je ne vois pas d'autres coups "spéciaaux" et je suis pourtant un ancien champion de France minime (j'avais 14 ans, c'était en 2003 à Val Thorens)

On a d'ailleurs décidé de programmer cette partie du script en php, pour que cela soit plus souple et non visible... Ajax nous aide bien dans ce sens !

Ce projet ne vous semble pas intéressant ????
16/12/2012, 21h13
polymorphisme

Bonjour,

Citation:

Votre avis sur cette initiative nous parait étrange !

Je dirais que l'objet même d'un site n'est à priori pas à discuter du point de vue d'un développeur :mrgreen:

Citation:

Il n'y a que très peu de sites internet en France assez complets sur les échecs il me semble, et surtout des sites gratuits !

On voit passer des dizaines de projets chaque année, surtout financés par la publicité (et non pas gratuit). Je crois que tu confond le sujet de ton projet, qui semble de tenir à coeur,
et l'aide que l'on peut t'apporter.

Dans tous les cas, donne des nouvelles, ...