Christophe CONIGLIO
← Retour aux publications
Couverture de Drawing
Jeux

Drawing

Open source

Captures d’écran 6

Description

Drawing est une application de dessin minimaliste, conçue spécifiquement pour les enfants. Elle offre une interface simple et intuitive permettant aux jeunes utilisateurs d'exprimer leur créativité de manière ludique et sans complexe.

Usage

Il suffit de télécharger le dépôt et de lancer le fichier index.html avec un navigateur, comme Google Chrome, pour utiliser l'application.

License

Ce travail est sous licence Creative Commons Zero (CC0). Vous pouvez copier, modifier, distribuer et réaliser ce travail, même à des fins commerciales, sans avoir à demander la permission.

This work is licensed under the Creative Commons Zero (CC0) License. You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission.

Images de l'application

Architecture

L'application est développée en HTML, CSS et JavaScript, sans utilisation de bibliothèques externes. Le code est compact, avec une taille totale d'environ 1 Mo, icône et design inclus, ce qui la rend particulièrement légère.

L'application est conçue pour fonctionner en local sans besoin d'un serveur web (bien que des améliorations sur la fonctionnalité de sauvegarde d'image soient envisagées).

Fonctionnalités

  • Compatibilité : L'application est adaptée pour tous les types de supports (tactiles, web classiques, etc.), avec une expérience utilisateur optimale sur les tablettes tactiles.
  • Interface pour enfants : Les boutons sont conçus de manière ergonomique et intuitive pour les enfants, et placés de façon à minimiser les interruptions liées au système d'exploitation (par exemple, les notifications de sortie d'application).
  • Icônes simplifiées : Les icônes sont soigneusement dessinées pour être facilement compréhensibles par les enfants.
  • Calques de dessin : Des calques préintégrés permettent aux enfants de dessiner sans trop déborder, facilitant ainsi la création de leurs œuvres.
  • Tampons personnalisés : Des tampons tels que cœur, étoile, arc-en-ciel et arc-en-ciel coloré sont disponibles pour enrichir l'expérience.
  • Outils de dessin : Quatre types de pinceaux (dont la gomme) sont proposés, chacun avec différentes tailles pour s'adapter aux besoins créatifs des enfants.
  • Palette de couleurs : Une large gamme de couleurs est disponible pour permettre une expression visuelle variée.

Liste des versions

1.0.2 : (2025/01/12) Ajout de deux dessins représentant des lettres, conçues de manière à permettre de dessiner à l'intérieur de ces lettres

1.0.1 : Sélection aléatoire du dessin en ouverture de l'application

1.0.0 : (2024/12/19) Première version

Améliorations à envisager

  1. Enregistrement local : Le bouton d'enregistrement ne fonctionne pas en local en raison de restrictions de sécurité liées à l'accès aux fichiers. Cependant, il existe une solution simple et efficace pour rendre l'application entièrement compatible en local, sans avoir besoin de serveur dédié. Bien que la mise en place de cette solution prenne un peu de temps, elle reste relativement facile à implémenter. Cette approche consiste à enregistrer les calques de dessin au format Base64, ce qui permet d'intégrer directement les images en JavaScript, évitant ainsi la nécessité de les charger via une URL.
  2. Redimensionnement de l'écran : Lors de la rotation d'un appareil (par exemple, un iPad, de portrait à paysage), l'image devrait être redimensionnée correctement sans perte de qualité. Actuellement, le dessin est effacé.
  3. Temps de réaction sur vieux matériels : Le bouton de calque de dessin met quelques secondes à apparaître sur les appareils plus anciens. Un optimisateur de performance serait un bon ajout (à mettre en lien avec le point Enregistrement local)