Cette instruction permet de charger un thème css pour votre jeu. Il peut être changé en cours de jeu.

charger le thème bleu.css;

Le nom des fichiers ressources ne peut contenir que des lettres non-accentuées, des chiffres et des tirets.

Par défaut, vous devez placer les ressources du jeux dans le dossier ./assets/ressources :

• ./assets/ressources/themes/mon_theme.css (pour afficher le thème mon_theme.css;)

Si vous mettez plusieurs jeux sur le même site web, vous pouvez définir un dossier spécifique pour chacun des jeux. Un même dossier peut-être réutilisé pour plusieurs jeux.

-- Définition du dossier qui contient les ressources du jeu (ici « mon_donjon »):
Les ressources du jeu se trouvent dans le dossier mon_donjon.

Vous devez alors placer les ressources du jeu dans ce dossier ./assets/ressources/mon_donjon:

• ./assets/ressources/mon_donjon/images/mon_theme.css (pour afficher l’image mon_theme.css)

Si un fichier image est manquant, cela n’empêche pas le reste du jeu de fonctionner normalement. Le nom de l’image s’affichera à la place de l’image elle-même.

Les images utilisées dans les exemples de cette page sont disponibles par défaut dans Donjon afin que vous puissiez faire des tests.

-- paramètres
Désactiver l’affichage des sorties.
 
-- placement des éléments
La salle est un lieu. "Vous êtes quelque part.".
Le sélecteur est un objet fixé ici.
interpréter sel et selecteur comme le sélecteur.
 
le joueur peut arrêter le sélecteur:
  -- restaurer le thème par défaut
  décharger le thème;
  dire "Ok.".
interpréter désactiver et stopper comme arrêter.
 
-- règle lorsqu’on interagi avec le sélecteur
avant une action impliquant le sélecteur:
  si l’infinitif de l’action n’est ni détruire ni prendre ni arrêter:
    dire "Veuillez sélectionner une couleur :";
    choisir
      choix "bleu":
          -- on change le thème
          charger le thème bleu.css;
      choix "orange":
          -- on change le thème
          charger le thème orange.css;
    fin choisir
    arrêter l’action;
  fin si.
interpréter allumer, activer et enclencher comme utiliser.
 
-- effacer le titre du jeu
avant commencer le jeu:
  effacer l’écran.

tester cet exemple

bleu.css

.subgrid-jouer {
  /* fond de la fenêtre */
  background-color: #59798b;
 
  /* couleur du texte par défaut en dehors de la sortie du jeu */
  color: #ffffff;
}
 
.card.sortie-jeu {
  /* couleur du texte par défaut */
  color: #00e1ff;
 
  /* fond de la sortie du jeu */
  background-color: #59798b;
 
  /* image de fond */
  background-image: url("./fond_bleu.png");
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
 
  /** bordure de la sortie du jeu **/
  border: none;
}
 
/* texte entre {- -} */
.card.sortie-jeu .t-commande {
  color: #a4e5f5;
}
 
/* texte entre {+ +} */
.card.sortie-jeu .t-important {
  color: #ffffff;
}
 
/* invite de commandes */
#txtCommande {
  /* texte de l’invite de commandes */
  color: #ffffff;
 
  /* fond de l’invite de commandes */
  background-color: #778f9c;
 
  /* bordure de l’invite de commandes */
  border: 2px solid #ffffff;
}
 
/* bordure de l’invite de commande (quand sélectionné) */
#txtCommande:focus {
  border: 2px solid #00e1ff;
}
 
/* astuce dans l’invite de commande */
#txtCommande::placeholder {
  color: #cacaca;
}
 
/* astuce sous l’invite de commande */
.subgrid-jouer .astuce {
  color: #cacaca;
}
 
.card.sortie-jeu a {
  /* couleur du texte des liens */
  color: #afafaf;
}
 
.card.sortie-jeu a:hover {
  /* couleur du texte des liens */
  color: #ffffff;
}