**Motivations:** - Aligner toute la documentation technique avec la nouvelle direction artistique isométrique (Réf IMG_20260303_170253). - Faciliter l'implémentation en ajoutant les contraintes techniques liées à la 2.5D (Z-index, Sprites 4 directions). **Root causes:** - Besoin de cohérence visuelle et technique sur l'ensemble du projet. **Correctifs:** - N/A **Evolutions:** - Ajout systématique de la section "Direction Artistique & Vue" dans `Annexes UX/UI` de tous les fichiers. - Enrichissement des modèles JSON avec coordonnées isométriques (`iso_x`, `iso_y`, `z_index`). - Précision des interactions (clic, survol) adaptées à la grille losange. - Conservation stricte de la structure existante (aucun titre supprimé). **Pages affectées:** - docs/specs/*
64 lines
2.8 KiB
Markdown
64 lines
2.8 KiB
Markdown
# Avatar Joueur
|
|
|
|
## 1. Définition
|
|
Représentation visuelle du joueur dans l'interface du jeu. L'avatar est personnalisable (genre, apparence, vêtements) et s'affiche en permanence dans un coin de l'écran (généralement en haut à gauche ou à droite, à définir selon l'UI). Il sert d'identité visuelle pour le profil du joueur et est visible par les autres joueurs lors des visites ou classements.
|
|
|
|
## 2. Fonctions
|
|
* **Personnalisation :** Permet au joueur de choisir le genre (Homme/Femme) et d'équiper des skins (chapeaux, vêtements, accessoires).
|
|
* **Identité :** Associé au pseudonyme du joueur et à son niveau.
|
|
* **Feedback Visuel :** Peut réagir aux événements du zoo (sourire si tout va bien, inquiet si problème).
|
|
* **Social :** S'affiche sur la carte du monde à côté du zoo du joueur.
|
|
* **NPC Directeur :** Une version miniature de l'avatar se promène physiquement dans le zoo pour inspecter les enclos.
|
|
|
|
## 3. Icone
|
|
* **Représentation :** Tête de l'avatar actuel dans un cadre circulaire ou carré.
|
|
* **Couleur dominante :** Dépend des skins équipés.
|
|
|
|
## 4. Interactions
|
|
* **Click :** Ouvre le menu de profil du joueur et l'inventaire de skins.
|
|
* **Survol :** Affiche le niveau actuel et le titre du joueur (ex: "Directeur Débutant").
|
|
* **Level Up :** Animation spéciale lorsque le joueur gagne un niveau.
|
|
|
|
## 5. Annexes Techniques
|
|
|
|
### Données (JSON)
|
|
```json
|
|
{
|
|
"avatar_id": "player_12345",
|
|
"gender": "female", // "male" | "female"
|
|
"level": 12,
|
|
"experience": 4500,
|
|
"next_level_xp": 5000,
|
|
"title": "Expert Zoologist",
|
|
"equipped_skins": {
|
|
"head": "skin_hat_safari",
|
|
"body": "skin_shirt_ranger",
|
|
"accessory": "skin_glasses_sun"
|
|
},
|
|
"unlocked_titles": ["Beginner", "Novice", "Expert"],
|
|
"mood_state": "happy" // "happy" | "neutral" | "worried"
|
|
}
|
|
```
|
|
|
|
### Règles Métier
|
|
* Le choix du genre est gratuit et modifiable.
|
|
* Les skins doivent être débloqués ou achetés avant d'être équipés.
|
|
* L'avatar est persistant entre les sessions.
|
|
|
|
## 6. Annexes UX/UI
|
|
* **Emplacement :** Coin supérieur (gauche ou droite) de l'interface principale (HUD).
|
|
* **Style :** Cartoon / Isométrique cohérent avec le reste du jeu.
|
|
* **Feedback :** Animation légère (clignement des yeux, mouvement de tête).
|
|
* **Vue Isométrique :** Le "Directeur" (NPC) a un pathfinding aléatoire mais priorise les zones à problèmes (animaux malades, déchets).
|
|
|
|
|
|
# Annexes UX/UI
|
|
|
|
## 0. Direction Artistique & Vue
|
|
* **Vue** : Isométrique (2.5D).
|
|
* **Style** : Coloré, vivant, détails foisonnants (Réf: IMG_20260303_170253.jpg).
|
|
* **Sprites** : 4 directions.
|
|
* **Interactions** :
|
|
* **Sélection** : Cliquer sur la base de l'élément (ou son sprite principal) pour le sélectionner.
|
|
* **Feedback** : Surbrillance (outline blanc/jaune) au survol de la souris.
|