Creer un jeu interactif

Je veux que tu m’aides à construire de A à Z un logiciel interactif français appelé S Y A.

IMPORTANT :

* Le nom du personnage s’écrit exactement S Y A, avec des espaces entre les lettres.
* Ne pas écrire Sia, Siya, Silia ou Sila.
* Je suis débutante en programmation.
* Je travaille sur Windows avec Visual Studio Code.
* Je veux pouvoir copier-coller les fichiers et le code facilement.
* Toutes les explications, tous les textes de l’interface et tous les commentaires destinés à moi doivent être en français.
* Ne me donne pas uniquement des explications théoriques : je veux construire un vrai prototype fonctionnel que je puisse lancer sur mon PC.
* Ne supprime aucune fonctionnalité importante sans me prévenir.
* Si une fonctionnalité TikTok nécessite une API, une autorisation ou un service externe, indique-le clairement au lieu de faire semblant qu’elle fonctionne.
* Ne prétends jamais qu’une connexion TikTok fonctionne si elle n’est pas réellement implémentée.
* Si quelque chose n’est pas techniquement possible immédiatement, construis d’abord une version simulée fonctionnelle permettant de tester le logiciel.

==================================================

1. OBJECTIF DU LOGICIEL
==================================================

Créer une application interactive destinée à être utilisée pendant un live TikTok.

Le concept :

Des spectateurs apparaissent dans une file d’attente.

Chaque spectateur peut avoir :

* son pseudonyme TikTok ;
* sa photo de profil ;
* son ordre d’arrivée ;
* son statut dans la file ;
* éventuellement son cadeau envoyé ;
* sa question.

Lorsqu’un spectateur arrive à son tour :

1. Son pseudonyme est affiché.
2. Sa photo de profil est affichée.
3. Sa question est affichée.
4. S Y A apparaît dans la scène.
5. S Y A effectue un tirage de 3 cartes.
6. Les cartes sont montrées visuellement.
7. Une interprétation est affichée.
8. Une voix peut lire le résultat.
9. Le spectateur suivant peut ensuite être appelé.

IMPORTANT :
Ce n’est PAS un système « passé / présent / futur ».

Le système utilise simplement 3 cartes, avec une interprétation adaptée à la question et au thème sélectionné.

==================================================
2. INTERFACE PRINCIPALE

Créer une interface moderne, élégante et magique.

L’interface doit être prévue pour fonctionner avec une scène verticale destinée au live.

Prévoir notamment :

* zone principale de scène ;
* S Y A au centre ;
* zone de file d’attente ;
* spectateur actuellement sélectionné ;
* pseudonyme ;
* photo de profil ;
* question ;
* bouton pour lancer le tirage ;
* bouton pour passer au spectateur suivant ;
* bouton pour remettre un spectateur dans la file ;
* bouton pour supprimer un spectateur ;
* indication du live ;
* voyant rouge clignotant indiquant que le live est actif ;
* zone de résultat ;
* zone de contrôle audio ;
* zone de contrôle des animations.

L’interface doit rester claire et ne pas être surchargée.

==================================================
3. SCÈNE DE S Y A

La scène visuelle doit respecter les éléments suivants.

S Y A est centrée.

Derrière S Y A :

* un château magique ;
* une lune blanche ;
* des nuages ;
* des escaliers ;
* de la brume ;
* une lumière magique donnant de la profondeur.

Le ciel doit être suffisamment lumineux pour que les éléments soient visibles.

Ne pas rendre la scène trop sombre.

Ne pas mettre trop d’éléments décoratifs.

Ne pas ajouter de boule de cristal.

IMPORTANT :
Aucune boule de cristal dans le projet S Y A.

La lune doit être blanche et non rose.

Ne pas ajouter inutilement des étoiles partout.

==================================================
4. APPARENCE DE S Y A

S Y A doit avoir une apparence élégante, moderne, magique et adulte.

La robe doit être élégante et comporter les éléments visuels prévus, notamment les étoiles sur la robe.

La coiffure doit rester fine, lisse et élégante.

Ne pas rendre les cheveux trop épais.

Ne pas modifier inutilement la forme du visage ou la coiffure lorsque l’image de référence est utilisée.

S Y A ne doit pas avoir de collier.

La couronne doit être :

* argentée/grise ;
* métallique ;
* extrêmement brillante ;
* élégante ;
* avec un rendu similaire à la brillance de la baguette.

L’étoile centrale de la couronne doit pouvoir avoir une animation lumineuse douce :

* pulsation ;
* halo intérieur ;
* scintillement discret.

La baguette doit être très brillante.

==================================================
5. HALO DE S Y A

Prévoir autour de S Y A un halo lumineux élégant.

Le halo principal peut utiliser un rose nacré brillant.

Le rose nacré doit rester élégant et lumineux.

Il ne doit pas prendre tellement de place qu’il masque S Y A.

Il doit entourer S Y A sans déformer son corps, son visage, sa robe ou sa couronne.

Ne pas transformer toute la scène en rose.

Conserver les couleurs générales de la scène.

==================================================
6. DRAGON

Le logiciel doit prévoir la présence d’un dragon associé à S Y A.

IMPORTANT :
Conserver la couleur du dragon telle qu’elle est définie dans l’image de référence.

Ne pas modifier arbitrairement sa couleur.

Le dragon doit pouvoir être animé.

Prévoir les animations suivantes :

* battement des deux ailes ;
* mouvement de la tête ;
* rotation légère de la tête ;
* fermeture lente d’un œil puis ouverture ;
* sortie de la langue ;
* respiration ;
* possibilité de cracher du feu ;
* effet lumineux autour des ailes ;
* effet lumineux autour des extrémités des ailes ;
* effet lumineux autour de la queue.

Le halo du dragon doit être élégant et lumineux.

Prévoir également un son de feu lorsque le dragon crache du feu.

Les animations doivent rester fluides et ne pas rendre le visage ou le corps saccadés.

==================================================
7. CARTES

Le logiciel doit contenir un véritable système de cartes.

Créer un paquet de cartes configurable.

Chaque carte doit pouvoir contenir :

* identifiant ;
* nom ;
* image ;
* catégorie ;
* mots-clés ;
* signification générale ;
* interprétation positive ;
* interprétation de vigilance ;
* texte d’interprétation.

Prévoir un dos de carte correspondant à l’univers visuel de S Y A.

Le dos doit pouvoir utiliser :

* bleu clair/moyen ;
* lunes ;
* étoiles ;
* symbole de protection ;
* pentacle central de protection ;
* quatre coins arrondis.

Les cartes doivent pouvoir être mélangées.

Lorsqu’un tirage est lancé :

* choisir 3 cartes ;
* éviter les doublons ;
* afficher les cartes une par une ;
* prévoir une animation de retournement ;
* afficher le résultat final des 3 cartes.

==================================================
8. TIRAGE

Créer un système de tirage de 3 cartes.

Étape 1 :
Le spectateur est sélectionné.

Étape 2 :
Sa question apparaît.

Étape 3 :
Le bouton « Lancer le tirage » est disponible.

Étape 4 :
Une animation indique que S Y A prépare le tirage.

Étape 5 :
La première carte apparaît.

Étape 6 :
La deuxième carte apparaît.

Étape 7 :
La troisième carte apparaît.

Étape 8 :
Une interprétation globale est générée à partir des trois cartes.

IMPORTANT :
Ne jamais présenter automatiquement les cartes comme « passé / présent / futur ».

Les trois cartes servent à construire une lecture globale de la question.

==================================================
9. FILE D’ATTENTE

Créer une file d’attente visuelle.

Chaque entrée doit pouvoir afficher :

* photo ;
* pseudonyme ;
* position ;
* statut.

Exemple :

01 — [Email visible pour les membres Pro] — En attente
02 — [Email visible pour les membres Pro] — En attente
03 — [Email visible pour les membres Pro] — En attente

Le spectateur actuellement traité doit être clairement identifiable.

Prévoir les boutons :

* Ajouter
* Appeler
* Tirer les cartes
* Terminer
* Passer
* Supprimer

Prévoir également une simulation permettant de créer plusieurs spectateurs manuellement pour tester le logiciel sans TikTok.

==================================================
10. TIKTOK

Préparer l’architecture pour une future connexion à TikTok.

IMPORTANT :
Ne pas inven