Application web permettant de créer et exporter un planning hebdomadaire visuel pour streamer. L'outil permet de planifier des sessions de jeux par jour avec des horaires spécifiques, puis d'exporter le résultat en image PNG pour partage sur les réseaux sociaux.
- Interface de planification : Affichage visuel des 7 jours de la semaine
- Sélection multiple : Ajout de créneaux sur plusieurs jours simultanément
- Catalogue de jeux : Liste prédéfinie de jeux populaires avec code couleur
- Recherche auto-complétée : Datalist HTML5 pour sélection rapide des jeux
- Horaires personnalisables : Définition d'heures de début et de fin
- Export PNG : Génération d'une image 1365×768px avec le planning complet
- Aperçu en temps réel : Visualisation immédiate des changements
- HTML5 Canvas (pour l'export d'image)
- CSS3 (positionnement absolu, gradients)
- JavaScript vanilla
- API Canvas 2D
planning-semaine/
├── programme_semaine_index.html # Application complète (standalone)
└── Background.png # Image de fond du planning (non incluse)
- Cloner le repository :
git clone https://github.com/Lelio88/planning-semaine.git
cd planning-semaine-
Ajouter l'image de fond
Background.png(1365×768px) dans le dossier -
Ouvrir
programme_semaine_index.htmldans un navigateur
- Sélectionner un ou plusieurs jours de la semaine
- Définir les horaires de début et de fin
- Choisir un jeu dans la liste déroulante
- Cliquer sur "Ajouter" pour placer le créneau
- Répéter pour tous les créneaux souhaités
- Cliquer sur "Télécharger l'image finale" pour exporter le planning en PNG
Pour ajouter des jeux, modifier le tableau games dans le code :
{name: 'Nom du jeu', color: '#HEXCODE', path: 'logo.png'}Les couleurs actuelles servent de placeholder pour les logos de jeux.
- Zone de planning : 1365×768 pixels (format standard pour overlays streaming)
- Colonnes : 7 jours répartis équitablement
- Export : PNG haute qualité
Outil de création de planning hebdomadaire pour streamers