Besoin de retours sur un mini-jeu web

L’auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Salut à tous ;)

J’ai développé un mini-jeu en html et javascript utilisant des emojis (caractères Unicode comme 😉, 😺…).

But du jeu : cliquer sur les emojis avec un fond vert quand ils apparaissent pour poursuivre sa navigation.

J’ai besoin de votre aide pour savoir si le jeu fonctionne correctement sur le navigateur et l’ordinateur que vous utilisez. J’ai peur d’erreurs d’encodage, d’affichage, etc. L’idéal, c’est qu’il soit compatible avec tous les navigateurs supportant HTML5. Si vous possédez Internet Explorer 8 ou moins, mettez votre navigateur à jour.

Également, si vous pouviez jeter un coup d’œil sur le code source du jeu et me conseiller des règles de bonnes pratiques, je suis preneur !

C’est à vous de jouer : http://xorgame.altervista.org/emojisgame.html

On est bien d’accord que ce n’est pas le jeu du siècle, mais il est destiné à des débutants en programmation web ^^

+0 -0

Cette réponse a aidé l’auteur du sujet

Salut !

Chez moi, tout marche bien avec Firebox 62.0b11 64 bits sous Xubuntu 16.04. :)

"Les accidents dans un système doivent se produire, mais il n’est pas obligatoire qu’ils produisent pour vous et moi." Laurence Gonzales - Deep Survival

+0 -0
Auteur du sujet

Cette réponse a aidé l’auteur du sujet

Ça a l’air de fonctionner avec Firefox 61.0.2 sur téléphone Android 8.0.0
Tu n’as pas trop donné de détails du coup est ce que c’est normal que j’ai l’impression que le jeu accélère au fur et à mesure ? (J’imagine que oui sinon ça manque de challenge)

+0 -0

Cette réponse a aidé l’auteur du sujet

Salut,

Ça se lance correctement chez moi aussi (Chromium 68.0.3440.106, Archlinux 64b), par contre niveaux ergonomie c’est pas évident.

Le temps de voir le rectangle vert et de positionner le curseur précisément sur le caractère, le lien a bien souvent disparu. Il serait préférable de pouvoir cliquer n’importe où sur le rectangle, mais du SVG serait peut-être alors préférable à du HTML.

Auteur du sujet

Ça a l’air de fonctionner avec Firefox 61.0.2 sur téléphone Android 8.0.0

Je viens de tester, je suis impressionné que cela fonctionne sur smartphone ^^

D’ailleurs, c’est plus facile de réussir sur smartphone j’ai l’impression.

Tu n’as pas trop donné de détails du coup est ce que c’est normal que j’ai l’impression que le jeu accélère au fur et à mesure ? (J’imagine que oui sinon ça manque de challenge)

backmachine

Nope, si tu regardes le moteur de jeu, les emojis changent à la vitesse constante de 800 millisecondes.

Réessaye, c’est peut-être une impression ?

Salut,

Ça se lance correctement chez moi aussi (Chromium 68.0.3440.106, Archlinux 64b), par contre niveaux ergonomie c’est pas évident.

Le temps de voir le rectangle vert et de positionner le curseur précisément sur le caractère, le lien a bien souvent disparu. Il serait préférable de pouvoir cliquer n’importe où sur le rectangle, mais du SVG serait peut-être alors préférable à du HTML.

entwanne

Bonne idée, j’en prends bonne note ^^
SVG peut s’utiliser avec du Javascript ? C’est comme du HTML ?

Édité par anonyme

+0 -0

Cette réponse a aidé l’auteur du sujet

SVG peut s’utiliser avec du Javascript ? C’est comme du HTML ?

Ludwig

Je ne sais plus si c’est exactement du Javascript, mais c’est en tout cas un ECMAScript très proche. De mémoire il ne disposait pas des mêmes variables globales que le JS utilisable depuis une page HTML.

Édité par entwanne

Cette réponse a aidé l’auteur du sujet

Un 'SVG' c’est un type de document XML dont le namespace est http://www.w3.org/2000/svg. La spec est large, tu peux y mettre en plus de 'vecteurs’, du CSS, du JavaScript, et définir des actions/interactions. (Quand je click sur ce carré rouge, les ronds bleus autour deviennent des triangles verts.) Et donc tout ça dans un document svg, dans un fichier svg.

(C’est notamment ce qui rend 'dangereux' le SVG : si les utilisateurs de ZdS pouvaient uploader du SVG dans la galerie, ils pourraient potentiellement faire des choses bien moches en affichant ces SVG sur les forums ou les tutos.)

Édité par cepus

Vous aimez le frontend ? Il y a un tas de petites tâches faciles si vous voulez contribuer à ZdS : https://github.com/zestedesavoir/zds-site/issues?q=is%3Aissue+is%3Aopen+label%3AC-Front

+1 -0

(C’est notamment ce qui rend 'dangereux' le SVG : si les utilisateurs de ZdS pouvaient uploader du SVG dans la galerie, ils pourraient potentiellement faire des choses bien moches en affichant ces SVG sur les forums ou les tutos.)

cepus

La balise <img> permet l’exécution des scripts des images qu’elle référence ?

La balise <img> permet l’exécution des scripts des images qu’elle référence ?

entwanne

Non, en effet, bien vu ! Je me corrige : imagine le risque si tu peux uploader du SVG dans la galerie et donner le lien sur le forum. ;)

Pour un exemple cool et intelligent (très pratique) et utile (parce que le SVG ça se génère super bien comme sortie d’outils, ici outil de profiling) de SVG interactif, cliquez sur ce flame graph :

Flame graph

Puis survolez les barres, cliquez dessus, remettez le zoom à zéro en haut à gauche ou cherchez en haut à droite.

Édité par cepus

Vous aimez le frontend ? Il y a un tas de petites tâches faciles si vous voulez contribuer à ZdS : https://github.com/zestedesavoir/zds-site/issues?q=is%3Aissue+is%3Aopen+label%3AC-Front

+1 -0

Cette réponse a aidé l’auteur du sujet

Ludwig, ça fonctionne ici sous Vivaldi / Ubuntu x64, avec la même remarque que celle d’entwanne.

C’est difficile de jouer avec un TouchPad. :'(

A-312

C’est une vérité générale, non ?

cepus, je savais qu’on pouvait piloter du SVG avec JS (je l’ai fait plein de fois), mais pas qu’on pouvait directement y embarquer les scripts ! Ça peut être super pratique en fait !

Ça peut être super pratique en fait !

SpaceFox

Oui c’est méga bien quand tu veux que ton outil génère des genres de rapports self-contained, super compressibles, lisibles partout, embarquables sur une page web, scalable à l’infini, etc !

Vous aimez le frontend ? Il y a un tas de petites tâches faciles si vous voulez contribuer à ZdS : https://github.com/zestedesavoir/zds-site/issues?q=is%3Aissue+is%3Aopen+label%3AC-Front

+0 -0

Cette réponse a aidé l’auteur du sujet

Ok sur Windows 10, Firefox 61.0.2 (64 bits) en 1920x1080

Il existe des sites pour avoir un aperçu de ta page web sur toutes les versions de tous les browsers sur tous les OS possibles de manière automatique

+0 -0
Auteur du sujet

Il existe des sites pour avoir un aperçu de ta page web sur toutes les versions de tous les browsers sur tous les OS possibles de manière automatique

Good tips, merci ^^

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte