PrimTux

La distribution éducative pour débutants et initiés.

Vous n'êtes pas identifié(e).

Annonce

CARTE DES MEMBRES POUVANT AIDER ET DES ÉCOLES SOUS PRIMTUX
Merci de vous y inscrire en nous envoyant un email si vous souhaitez y apparaître.

Les différentes isos de PrimTux4 sont disponibles, cliquez ici pour choisir votre version.
  • Pour être automatiquement informé des réponses à vos messages sur le forum, n'oubliez pas de cliquer sur "Suivre cette discussion" en bas de page. Mieux, en vous abonnant au flux RSS du forum, vous pourrez suivre tout nouveau message sur l'ensemble du forum.
  • En allant dans votre Profil, ligne "Vie privée", vous pouvez également cocher "Suivre automatiquement les sujets auxquels on a répondu.", vous n'aurez plus à cliquer sur "Suivre cette discussion" lorsque vous postez un message.
  • Abonnez-vous à la newsletter sur le site principal pour être informé des nouveaux paquets, nouvelles versions, bugs...

#1 04-12-2018 20:02:03

Philippe Dpt35
Administrateur
Lieu : Ille-et-Vilaine
Inscription : 28-10-2015
Messages : 2 868
Site Web

clicmenu - Au jardin

Voici, toujours sans l'habillage, une version HTML5 de "Au jardin" (clicmenu mini).
https://www.de-bric-et-de-broc.fr/test/ … ardin.html

L'application est similaire à "A la campagne", à la seule différence qu'il s'agit de construire des collections de 3 légumes dans 3 jardins.

J'ai amélioré le responsive par rapport aux applications précédentes, que je reprendrai plus tard pour la même amélioration.

Je travaille à une fonction qui permettrait de placer le légume à l'endroit où il est lâché par la souris. Mais c'est un peu plus compliqué que ce que je pensais, car l'élément déplacé capture le déplacement de la souris et empêche de savoir sur quel objet il est posé. J'ai trouvé une page qui explique comment contourner le problème, mais il me faut encore bien comprendre !

Capture d'écran de l'application originale:
aujardin.png

Hors ligne

#2 06-12-2018 11:50:16

Philippe Dpt35
Administrateur
Lieu : Ille-et-Vilaine
Inscription : 28-10-2015
Messages : 2 868
Site Web

Re : clicmenu - Au jardin

Voilà, les légumes sont maintenant placés là où ils sont lâchés par la souris, le tout en responsive design !

Mothsart, veux-tu faire tester par tes enfants ? Dis-moi s'ils aiment le petit cochon !  lol

Amateurs de graphisme,à vos crayons (tablettes graphiques) !  wink

Hors ligne

#3 07-12-2018 11:11:06

zoom61
Modérateur
Inscription : 07-09-2015
Messages : 1 081

Re : clicmenu - Au jardin

Petite question si l'on veut en enlever 1 élément, on fait comment  hmm

Dernière modification par zoom61 (07-12-2018 11:12:02)

Hors ligne

#4 07-12-2018 13:37:55

Philippe Dpt35
Administrateur
Lieu : Ille-et-Vilaine
Inscription : 28-10-2015
Messages : 2 868
Site Web

Re : clicmenu - Au jardin

zoom61 a écrit :

Petite question si l'on veut en enlever 1 élément, on fait comment  hmm

Ben, c'est écrit en haut: tu le donnes à manger au cochon !
Tu ne l'as pas lu, ou c'est ma phrase qui n'est pas explicite ?

Hors ligne

#5 08-12-2018 16:03:33

mothsart
Modérateur
Inscription : 31-10-2016
Messages : 905

Re : clicmenu - Au jardin

Je l'ai fait essayé à mes enfants avant ta nouvelle fonctionnalité. ca a bien plus. Limite, il manque une petit cinématique du cochon et un son caractéristique.
Le fait, que ça fonctionne pareil que les autres jeux est un avantage : pas besoin de dire quoi que ce soit, ils avaient déjà compris.

Dernière modification par mothsart (08-12-2018 16:05:24)

Hors ligne

#6 10-12-2018 09:05:02

zoom61
Modérateur
Inscription : 07-09-2015
Messages : 1 081

Re : clicmenu - Au jardin

Effectivement, c'est écrit en haut...
Ne serait-il pas mieux de le mettre en dessous du cochon, avec une phrase : "Si tu en as mis en trop, donnes-le moi je vais le manger."

Hors ligne

#7 10-12-2018 11:09:10

Philippe Dpt35
Administrateur
Lieu : Ille-et-Vilaine
Inscription : 28-10-2015
Messages : 2 868
Site Web

Re : clicmenu - Au jardin

Je prends note de toutes vos suggestions, remarques, notamment l'animation sur le cochon. J'attends toutefois d'avoir des propositions graphiques auparavant, car celles-ci peuvent conduire à des modifications importantes, comme un changement des images actuelles.

Hors ligne

#8 13-01-2019 10:14:07

Philippe Dpt35
Administrateur
Lieu : Ille-et-Vilaine
Inscription : 28-10-2015
Messages : 2 868
Site Web

Re : clicmenu - Au jardin

Pour celui qui acceptera de se lancer dans des propositions graphiques pour l'habillage de l'application, il conviendra de conserver une forme rectangulaire aux zones d'accueil des légumes, compte-tenu du positionnement de l'objet à l'endroit exact de drop par la souris. A défaut cela nécessiterait de revoir le code, et de façon beaucoup plus complexe.

Hors ligne

#9 09-09-2019 11:00:33

Philippe Dpt35
Administrateur
Lieu : Ille-et-Vilaine
Inscription : 28-10-2015
Messages : 2 868
Site Web

Re : clicmenu - Au jardin

J'ai revu l'application et lui ai fait un habillage, qui vaut ce qu'il vaut !
J'ai repiqué des éléments graphiques de mothsart de "A la campagne" et les ai bricolés à ma façon, qui n'est pas celle d'un graphiste digne de ce nom !
Motshart, n'hésite pas à améliorer le graphisme si tu le penses nécessaire. Dans cette éventualité conserve, si possible, les proportions des potagers dans l'image potagers.png de façon à limiter les retouches du css.

Test en ligne: https://primtux.fr/applications/aujardin/

J'attends vos avis et propositions d'amélioration.

Hors ligne

#10 09-09-2019 12:18:48

chti5933
Modérateur
Lieu : WAVRIN Nord
Inscription : 31-10-2017
Messages : 300
Site Web

Re : clicmenu - Au jardin

Philippe Dpt35 a écrit :

J'ai revu l'application et lui ai fait un habillage, qui vaut ce qu'il vaut !
J'ai repiqué des éléments graphiques de mothsart de "A la campagne" et les ai bricolés à ma façon, qui n'est pas celle d'un graphiste digne de ce nom !
Motshart, n'hésite pas à améliorer le graphisme si tu le penses nécessaire. Dans cette éventualité conserve, si possible, les proportions des potagers dans l'image potagers.png de façon à limiter les retouches du css.

Test en ligne: https://primtux.fr/applications/aujardin/

J'attends vos avis et propositions d'amélioration.

Bonjour,

je viens de tester

beau design,

les légumes se place là où on les a placés

le cochon mange bien les légumes qu'on a retirés

BRAVO

CHAPEAU

Merci

Pierre


les talents acquis ne nous appartiennent pas, ne les enterreront pas, faisons les fructifier par le partage!

Hors ligne

#11 09-09-2019 23:03:55

mothsart
Modérateur
Inscription : 31-10-2016
Messages : 905

Re : clicmenu - Au jardin

J'ai pas grand chose à dire à part que c'est très bien.

Si je voulais pinailler, je dirais que :
1. y'a un petit artifact sur l'ombre du 3ème champ
2. Les légumes a côté des chiffres sont un peu petit. (tu peux les agrandir et les faire dépasser un peu du cadre avec un margin négatif)

Ps : si tu préfères une PR, je peux te le faire.

Ca reste des détails.
L'ensemble est très réussi. Quand on voit la version original, y'a quand même une sacrée différence.

Hors ligne

#12 10-09-2019 12:34:00

Philippe Dpt35
Administrateur
Lieu : Ille-et-Vilaine
Inscription : 28-10-2015
Messages : 2 868
Site Web

Re : clicmenu - Au jardin

J'ai fait des retouches.

mothsart a écrit :

Ps : si tu préfères une PR, je peux te le faire.

C'est quoi une PR ?

Hors ligne

#13 10-09-2019 13:21:18

mothsart
Modérateur
Inscription : 31-10-2016
Messages : 905

Re : clicmenu - Au jardin

PR : Pull request => demande de merge. (déformation pro, désolé)

Hors ligne

#14 10-09-2019 13:48:37

Philippe Dpt35
Administrateur
Lieu : Ille-et-Vilaine
Inscription : 28-10-2015
Messages : 2 868
Site Web

Re : clicmenu - Au jardin

Je constate un problème sur l'animation du cochon en utilisation en ligne. Elle ne se fait pas avec Firefox sous Windows, mais il n'y a pas de problème sous Linux.
En local il n'y a pas de problème sous Windows.

Par ailleurs, sous Linux avec Firefox, lors du drag, il y a un fond blanc sur l'image en déplacement.
Si tu as des explications sur ces différents phénomènes, et le moyen de les éviter, je suis preneur !

Hors ligne

#15 10-09-2019 23:03:12

mothsart
Modérateur
Inscription : 31-10-2016
Messages : 905

Re : clicmenu - Au jardin

Philippe a écrit :

Je constate un problème sur l'animation du cochon...

J'ai pas de windows sous la main mais je dirais que c'est lié à l'utilisation de la balise <img> en lieu et place d'un css avec background-image.
Le navigateur n'est pas capable, quand tu changes via javascript de pré-charger l'image. (dans son cache)
Du coup, au premier drag, il est obligé de la charger.

Je te conseil de déclarer une balise <div> à la place de img avec une classe quand le cochon à la gueule ouverte et de l'activé au drag.
cette classe css aura dans sa déclaration l'url de l'image (qu'elle va écraser) et l'aura déjà préchargé par conséquent.

Philippe a écrit :

Par ailleurs, sous Linux avec Firefox, lors du drag, il y a un fond blanc sur l'image en déplacement.

Par réussi à reproduire...

En revanche, les images non dragables (genre, le cochon) semble l'être quand on les glisse.

Hors ligne

Pied de page des forums