[Résolu] Besoin de retours sur un mini-jeu web • Forum • Zeste de Savoir

anonyme, mercredi 22 août 2018 à 16h48

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

22/08/18 à 16h48

+0 -0

rezemika, mercredi 22 août 2018 à 16h59

Salut !

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

22/08/18 à 16h59

"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

DonKnacki, mercredi 22 août 2018 à 17h13

ça marche également pour moi ! Firebox 61.0.2 (64 bits); Windows 7 professionnel sp1

22/08/18 à 17h13

+0 -0

anonyme, mercredi 22 août 2018 à 17h35

Ç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)

22/08/18 à 17h35

+0 -0

entwanne, mercredi 22 août 2018 à 17h35

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.

22/08/18 à 17h35

entwanne — @entwanne — Un zeste de Python — La POO en Python — Notions de Python avancées — Les secrets d’un code pythonique

+0 -0

anonyme, mercredi 22 août 2018 à 19h00
Modifié

Ç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 ?

22/08/18 à 19h00
Modifié

+0 -0

entwanne, mercredi 22 août 2018 à 19h19
Modifié

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.

22/08/18 à 19h19
Modifié

entwanne — @entwanne — Un zeste de Python — La POO en Python — Notions de Python avancées — Les secrets d’un code pythonique

+0 -0

cepus, mercredi 22 août 2018 à 19h54
Modifié

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.)

22/08/18 à 19h54
Modifié

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

anonyme, mercredi 22 août 2018 à 19h56
Modifié

Il semblerait que SVG soit conçu pour des dessins vectoriels à l’aide d’une syntaxe proche de XML (source). Je regarde ça de plus près

edit : je viens d’être grillé

edit2 : @cepus je vais essayer de prendre le tuto de mdn cette fois

22/08/18 à 19h56
Modifié

+0 -0

entwanne, mercredi 22 août 2018 à 20h03

(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 ?

22/08/18 à 20h03

entwanne — @entwanne — Un zeste de Python — La POO en Python — Notions de Python avancées — Les secrets d’un code pythonique

+0 -0

cepus, mercredi 22 août 2018 à 20h06
Modifié

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 :

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

22/08/18 à 20h06
Modifié

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

anonyme, mercredi 22 août 2018 à 21h52

C’est difficile de jouer avec un TouchPad.

22/08/18 à 21h52

+0 -0

SpaceFox, mercredi 22 août 2018 à 22h28

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

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 !

22/08/18 à 22h28

Les textes de SpaceFox & Lisa Refur – Un Renard en Corée – Un renard au Japon – @spacefox@mastodon.spacefox.fr

+1 -0

cepus, mercredi 22 août 2018 à 23h19

Ç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 !

22/08/18 à 23h19

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

entwanne, jeudi 23 août 2018 à 00h03

La magie des technos XML fait aussi que tu peux t’amuser à tout mélanger dans un même document et ainsi y intégrer du XHTML ou du MathML¹, voire d’en générer une partie en XSLT.