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:
@@ -4,9 +4,9 @@
|
||||
Représentation d'un zoo (joueur ou bot) sur la Carte du Monde.
|
||||
|
||||
## Affichage
|
||||
- **Nom du zoo** : Sur une banderole d'accueil personnalisable.
|
||||
- **Avatar Joueur** : Visible à côté du nom ou sur la carte du monde.
|
||||
- **Vue** : Isométrique (2.5D).
|
||||
- **Nom du zoo** : Sur une banderole d'accueil personnalisable (poteaux bois).
|
||||
- **Avatar Joueur** : Visible en coin de l'écran.
|
||||
- **Vue** : Isométrique (2.5D). Le zoo est présenté comme un diorama vivant. La banderole flotte au vent.
|
||||
- **Skins** : Le zoo peut avoir des thèmes visuels (Skins de Zoo).
|
||||
- **Icône** : 🏠
|
||||
- **Slot d'offre** :
|
||||
@@ -170,6 +170,16 @@ function updateZooState(zoo) {
|
||||
|
||||
# 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)
|
||||
### Visualisation Offre (Passif)
|
||||
**Description UX** : Voir ce que vend un autre joueur.
|
||||
|
||||
Reference in New Issue
Block a user