Files
builazoo/docs/specs/skin.md
Nicolas Cantu e92c1355d0 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/*
2026-03-05 02:10:32 +01:00

2.4 KiB

Skin

1. Définition

Élément cosmétique permettant de modifier l'apparence de l'avatar du joueur ou de certains éléments du zoo (bâtiments, animaux). Les skins sont purement esthétiques et n'influencent pas les statistiques de gameplay (sauf mention contraire rare). Ils s'obtiennent via la boutique, les passes saisonniers ou des événements spéciaux.

2. Fonctions

  • Personnalisation : Permet au joueur de se différencier.
  • Collection : Incite à la progression et à l'achat (monétisation).
  • Thématisation : Renforce l'immersion lors des saisons (ex: skin Noël, Halloween).

3. Icone

  • Représentation : T-shirt plié ou Masque de carnaval.
  • Couleur dominante : Violet (souvent associé à la cosmétique/rare).

4. Interactions

  • Achat : Via le menu boutique ou menu skins.
  • Équipement : Via l'inventaire de skins (drag & drop ou clic).
  • Visualisation : Prévisualisation sur l'avatar ou l'objet avant validation.

5. Annexes Techniques

Données (JSON)

{
  "skin_id": "skin_hat_pirate",
  "name": "Chapeau de Pirate",
  "type": "avatar_head", // "avatar_body", "zoo_building", "animal_texture"
  "rarity": "rare",
  "source": "shop", // "pass", "event", "achievement"
  "price": {
    "amount": 500,
    "currency": "coins"
  },
  "asset_path": "assets/skins/avatar/head/pirate_hat.png",
  "iso_x": "integer",
  "iso_y": "integer",
  "z_index": "integer"
}

Règles Métier

  • Un skin acheté est acquis définitivement (sauf skins liés à un passe temporaire expiré pour les non-VIP).
  • Certains skins sont exclusifs à un genre d'avatar ou un type de bâtiment.

6. Annexes UX/UI

  • Inventaire : Grille d'icônes représentant les skins possédés.
  • Rareté : Bordure de couleur autour de l'icône (Gris=Commun, Vert=Atypique, Bleu=Rare, Violet=Épique, Or=Légendaire).
  • Notification : "Nouveau skin débloqué !" avec animation de coffre ou d'éclat.

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.