Ici on n'a que votre IP, votre pseudo et votre adresse mail que nous ne traitons pas.
Quand vous êtes enregistrés, une seule requête permet de vous afficher les messages que vous n'avez pas lus.
NOUVELLE ADRESSE PERMANENTE DU DÉPÔT: https://mirrors.o2switch.fr/primtux/repo/debs
ATTENTION, MERCI DE NE PAS METTRE À JOUR PRIMTUX7 UBUNTU 20.04 VERS LA 22.04, LES HANDYMENUS NE SONT PAS ENCORE COMPATIBLES!
Merci de cliquer ici si vous souhaitez vous inscrire sur le forum.

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
clicmenu - Au jardin
#1
Voici, toujours sans l'habillage, une version HTML5 de "Au jardin" (clicmenu mini).
https://www.de-bric-et-de-broc.fr/test/a...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:
[Image: aujardin.png]
Répondre
#2
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
Répondre
#3
Petite question si l'on veut en enlever 1 élément, on fait comment :/
Répondre
#4
zoom61 a écrit :Petite question si l'on veut en enlever 1 élément, on fait comment :/
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 ?
Répondre
#5
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.
Répondre
#6
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."
Répondre
#7
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.
Répondre
#8
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.
Répondre
#9
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.
Répondre
#10
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!
Répondre
#11
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.
Répondre
#12
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 ?
Répondre
#13
PR : Pull request => demande de merge. (déformation pro, désolé)
Répondre
#14
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 !
Répondre
#15
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.
Répondre
#16
Paquet fait, disponible sur le site PrimTux dans le dossier /Documentation/applis/
ou depuis la page des applications
https://primtux.fr/applications/
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)