Nicolas Cantu
e92c1355d0
**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/*
62 lines
2.2 KiB
Markdown
62 lines
2.2 KiB
Markdown
# Inventaire Skins
|
|
|
|
## 1. Définition
|
|
Interface de gestion permettant au joueur de visualiser, trier et équiper les éléments cosmétiques (skins) acquis pour son avatar ou son zoo. Il gère les pièces de skins unitairement.
|
|
|
|
## 2. Fonctions
|
|
* **Stockage :** Centralise tous les skins (têtes, corps, accessoires, décors).
|
|
* **Équipement :** Permet d'appliquer un skin à l'avatar ou de sélectionner un skin par défaut pour les bâtiments.
|
|
* **Visualisation :** Affiche les items possédés et ceux manquants (grisés).
|
|
|
|
## 3. Icone
|
|
* **Représentation :** Coffre ouvert ou Cintre.
|
|
* **Couleur dominante :** Marron (cuir) et Or.
|
|
|
|
## 4. Interactions
|
|
* **Ouverture :** Depuis le menu profil ou la boutique.
|
|
* **Filtrage :** Par catégorie (Chapeaux, T-shirts, Zoo...), par thème (Jungle, Espace...) ou par rareté.
|
|
* **Sélection :** Clic sur un item pour voir les détails et le bouton "Équiper".
|
|
|
|
## 5. Annexes Techniques
|
|
|
|
### Données (JSON)
|
|
```json
|
|
{
|
|
"inventory_id": "inv_skins_player_123",
|
|
"items": [
|
|
{
|
|
"item_id": "skin_hat_01",
|
|
"acquired_date": "2026-03-01",
|
|
"is_equipped": true
|
|
},
|
|
{
|
|
"item_id": "skin_shirt_05",
|
|
"acquired_date": "2026-03-02",
|
|
"is_equipped": false
|
|
}
|
|
],
|
|
"capacity": "unlimited" // Ou valeur numérique si limite
|
|
}
|
|
```
|
|
|
|
### Règles Métier
|
|
* L'inventaire sépare les skins d'avatar des skins de zoo.
|
|
* Impossible de vendre ou supprimer un skin (sauf si fonctionnalité de recyclage prévue).
|
|
* Mise à jour en temps réel lors d'un achat ou d'un gain.
|
|
|
|
## 6. Annexes UX/UI
|
|
* **Grille :** Affichage des items sous forme de grille scrollable.
|
|
* **Paper Doll :** Prévisualisation de l'avatar au centre ou sur le côté avec les équipements actuels.
|
|
* **Drag & Drop :** (Optionnel) Glisser un item sur la prévisualisation pour l'équiper.
|
|
|
|
|
|
# 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.
|