Enrichissement exhaustif des specs : Vue Isométrique et Design
**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/*
This commit is contained in:
@@ -1,11 +1,12 @@
|
||||
# Spécifications : Carte du Zoo
|
||||
|
||||
## Définition
|
||||
La carte du zoo est l'espace principal de gestion du joueur. Elle prend tout l'espace de l'écran sous la barre supérieure (HUD) et permet de zoomer/dézoomer.
|
||||
La carte du zoo est l'espace principal de gestion du joueur où il place ses bâtiments et ses animaux.
|
||||
|
||||
## Structure
|
||||
- **Vue** : Isométrique (2.5D).
|
||||
- **Grille** : Composée de cases individuelles fusionnables (pour les enclos).
|
||||
- **Affichage** : Plein écran sous la barre du haut, dézoom possible.
|
||||
- **Grille** : Composée de cases individuelles.
|
||||
- **Biomes** : Divisée en tiers de largeur :
|
||||
- Gauche : Prairie
|
||||
- Milieu : Océan
|
||||
@@ -128,6 +129,16 @@ function initZooMap():
|
||||
|
||||
# Annexes UX/UI
|
||||
|
||||
## 0. Direction Artistique & Vue
|
||||
* **Vue** : Isométrique (2.5D).
|
||||
* **Grille** : Les déplacements se font sur une grille losange.
|
||||
* **Sprites** : 4 directions (Nord-Est, Sud-Est, Sud-Ouest, Nord-Ouest).
|
||||
* **Profondeur** : Gestion du Z-index (les éléments "en bas" cachent ceux "en haut").
|
||||
* **Style Visuel** : Inspiré de `IMG_20260303_170253.jpg`.
|
||||
* Coloré, vivant, détails foisonnants.
|
||||
* Aspect "dessiné à la main" ou "cartoon soigné".
|
||||
* Couleurs vives et contours nets.
|
||||
|
||||
## 1. Expérience Utilisateur (UX)
|
||||
### Interaction Grille (Action)
|
||||
**Description UX** : Le joueur clique sur une case pour voir son contenu ou construire.
|
||||
|
||||
Reference in New Issue
Block a user