Initial system import
This commit is contained in:
@@ -0,0 +1,104 @@
|
||||
# Onglet Main de Tarot - Fiche de Personnage
|
||||
|
||||
## Description
|
||||
|
||||
Un nouvel onglet a été ajouté à la fiche de personnage permettant d'afficher de manière graphique et élégante les cartes de tarot possédées par le joueur.
|
||||
|
||||
## Caractéristiques
|
||||
|
||||
### Affichage Graphique
|
||||
- **Grille de Cartes** : Les cartes sont affichées dans une grille responsive (auto-fill avec minimum 250px par carte)
|
||||
- **Cartes Détaillées** : Chaque carte affiche :
|
||||
- Image de la carte
|
||||
- Nom de la carte
|
||||
- Symbole (Coupe, Épée, Denier, Bâton) avec code couleur
|
||||
- Valeur
|
||||
- Type (Atout, Figure, Numéro)
|
||||
- Description enrichie (HTML)
|
||||
|
||||
### Interactions
|
||||
- **Drag & Drop** : Les cartes peuvent être glissées depuis l'inventaire ou le compendium
|
||||
- **Vue Détaillée** : Clic sur l'icône "œil" pour voir les détails de la carte
|
||||
- **Suppression** : En mode édition, possibilité de supprimer une carte avec l'icône "poubelle"
|
||||
- **Effet de Survol** : Les cartes se soulèvent légèrement au survol
|
||||
|
||||
### État Vide
|
||||
Lorsqu'aucune carte n'est présente, un message d'accueil invite le joueur à glisser des cartes depuis le répertoire d'items.
|
||||
|
||||
## Styles et Thème
|
||||
|
||||
### Code Couleur des Symboles
|
||||
- **Coupe** : Bleu (#3498db)
|
||||
- **Épée** : Rouge (#e74c3c)
|
||||
- **Denier** : Or (#f39c12)
|
||||
- **Bâton** : Vert (#2ecc71)
|
||||
|
||||
### Design
|
||||
- Cartes avec fond dégradé sombre et bordures arrondies
|
||||
- Ombres portées pour effet de profondeur
|
||||
- Animation au survol (translation verticale)
|
||||
- Scrollbar personnalisée pour les descriptions longues
|
||||
- Icônes Font Awesome pour une meilleure lisibilité
|
||||
|
||||
## Structure Technique
|
||||
|
||||
### Fichiers Créés
|
||||
|
||||
1. **templates/personnage-tarot.hbs**
|
||||
- Template Handlebars pour l'onglet Tarot
|
||||
- Affichage en grille des cartes
|
||||
- Gestion de l'état vide
|
||||
|
||||
2. **styles/personnage-tarot.less**
|
||||
- Styles LESS pour l'onglet
|
||||
- Design responsive
|
||||
- Animations et transitions
|
||||
|
||||
### Fichiers Modifiés
|
||||
|
||||
1. **module/applications/sheets/personnage-sheet.mjs**
|
||||
- Ajout du PART "tarot"
|
||||
- Ajout de l'onglet dans #getTabs()
|
||||
- Préparation des données dans _preparePartContext()
|
||||
- Enrichissement des descriptions HTML
|
||||
|
||||
2. **lang/en.json**
|
||||
- Ajout des traductions :
|
||||
- `HAMALRON.Label.tarotHand` : "Tarot Hand"
|
||||
- `HAMALRON.Label.cards` : "Cards"
|
||||
- `HAMALRON.Label.noTarotCards` : "No Tarot Cards"
|
||||
- `HAMALRON.Label.dragTarotHere` : "Drag tarot cards here..."
|
||||
- `HAMALRON.ViewDetails` : "View Details"
|
||||
|
||||
3. **styles/fvtt-hamalron.less**
|
||||
- Import de personnage-tarot.less
|
||||
|
||||
## Utilisation
|
||||
|
||||
### Pour les Joueurs
|
||||
|
||||
1. Ouvrir la fiche de personnage
|
||||
2. Cliquer sur l'onglet "Tarot Hand" (icône de cartes)
|
||||
3. Glisser des cartes de tarot depuis :
|
||||
- Le répertoire d'items
|
||||
- Un compendium de tarots
|
||||
- L'inventaire
|
||||
|
||||
### Pour les MJs
|
||||
|
||||
Les MJs peuvent utiliser le Gestionnaire de Deck de Tarot pour tirer des cartes et les distribuer aux joueurs via drag & drop.
|
||||
|
||||
## Intégration
|
||||
|
||||
L'onglet s'intègre parfaitement avec :
|
||||
- Le système de drag & drop existant de Foundry VTT
|
||||
- La gestion d'items du personnage
|
||||
- Le mode édition/lecture de la fiche
|
||||
- Les autres onglets du personnage
|
||||
|
||||
## Notes Techniques
|
||||
|
||||
- Les descriptions sont enrichies avec `TextEditor.enrichHTML()` pour supporter le formatage HTML
|
||||
- Les cartes sont triées alphabétiquement par nom
|
||||
- Le design est responsive et s'adapte aux différentes tailles d'écran
|
||||
- Gestion propre de l'état vide avec message d'invitation
|
||||
Reference in New Issue
Block a user