Modifier un jeu narrat
Il y a deux types de contenu à modifier pour réaliser un jeu narrat :
- Les scripts de dialogue : des fichiers
.narrat
qui contiennent la narration du jeu - Les fichiers de configuration : des fichiers
.yaml
qui contiennent la configuration du jeu
Jeu exemple
Voici l'exemple d'un jeu narrat comportant le script .narrat
suivant :
Ouvrir le projet Narrat et bien se préparer
Un jeu narrat est un simple dossier avec des fichiers dedans. Pour commencer à écrire votre jeu, ouvrez ce dossier dans votre éditeur de texte (VS Code).
- Ouvrez VS Code
- Dans le menu "Fichier", cliquez sur "Ouvrir dossier"
- Choisissez le dossier du jeu narrat que vous avez créé
- Vous pouivez désormais naviguer dans le répertoire
- Une bonne partie des fichiers pourraient ne pas se prêter à votre usage, vous n'avez pas besoin de vous en soucier s'ils ne correspondent pas à une envie créative
- La plupart des fichiers qui vous intéressent sont dans les dossiers
public/data
(où se trouvent les assets et la config), et dans le dossiersrc/scripts
(où se trouvent le code et les scripts narrat)
TIP
Installez l'extension VS Code Narrat Language pour bénéficier d'une mise en forme syntaxique lorsque vous modifiez des scripts narrat.
VS Code devrait vous enjoindre à l'installer lorsque vous ouvrez un jeu narrat. Si ce n'est pas le cas, cliquez sur le bouton Extensions sur votre gauche, puis tapez "Narrat" dans la barre de recherche et installez l'extension.
Qu'y-a-t-il dans un jeu narrat ?
Les sections suivantes expliquent quels dossiers et fichiers interviennent dans la modification de votre jeu narrat.
Dossier public
Les assets (images, musiques, etc.) et fichiers de config sont dans le dossier config
à la racine du jeu. Ce dossier contient les assets statiques qui seront ajoutés au build final.
Toute image, fichier de config, ou autre asset dont le jeu a besoin en dehors du code se trouvent dans ce dossier.
TIP
On peut se référer aux assets dans le dossier public
par leur chemin relatif. Par exemple, dans votre css, vous utiliseriez /img/button-background.png
pour utiliser une image se trouvant dans public/img/button-background.png
Dossier src
Le dossier src
est là où vivent vos scripts. Il y a des fichiers TypeScript pour lancer le moteur (que vous ne devrez normalement pas modifier), et surtout des fichiers de script .narrat
dans le sous-répertoire script
qui constituent votre jeu.
INFO
Pour un usage avancé, il est également possible de changer le code lui-même ou d'intégrer des plugins, qui se trouveront alors aussi dans le dossier src
.
Scripts narrat
Les scripts Narrat sont la première brique constitutive d'un jeu narrat. Ils contienne le flow du jeu et les lignes de dialogue. Le langage de script narrat est spécifiquement conçu pour Narrat.
Dans le dossier src/scripts
se trouve un fichier game.narrat
(potentiellement nommé différemment selon le template utilisé). C'est ici que les dialogues du jeu sont écrits. Le dialogue d'exemple montre comment utiliser quelques fonctionnalités basiques, afin que vous puissiez facilement commencer à écrire vos propres dialogues. Juste au-dessus, il y a un lien vers la page de script d'exemple afin de trouver plus de matériau de références en cas de besoin.
Importer les scripts
Tous les scripts narrat utilisés dans un jeu sont importés et listés dans src/scripts.ts
. Si vous souhaitez ajouter ou retirer des scripts narat à votre jeu, importez-les tout en haut de ce fichier et n'oubliez pas de les ajouter ou retirer à la liste des scripts exportés à la fin du fichier.
TIP
Vous pouvez écrire votre jeu entier dans un seul fichier de script si vous le voulez, mais il est utile pour des questions d'organisation de le séparer en plusieurs fichiers. N'oubliez simplement pas de les importer comme montré ci-dessous.
Exemple de fichier script.ts
:
import demo from './scripts/demo.narrat';
import quest from './scripts/quest.narrat';
export default [demo, quest];
Les scripts narrat sont écrits dans un langage conçu pour Narrat, cf. le guide de syntaxe pour plus d'information.
TIP
Nous recommandons d'utiliser Visual Studio Code pour éditer des scripts narrat. Il existe une extension de langage Narrat qui rend disponible une mise en forme syntaxique très efficace.
Se référer au guide de syntaxe pour apprendre plus en détail comment éditer des scripts narrat.
Scripts d'exemple
Il existe un certain nombre de scripts narrat d'exemple. Les lire peut être un moyen efficace d'apprendre à faire diverses choses.
Fichiers de config
Il y a divers fichiers de configuration dans les jeux narrat qui permettent de modifier en profondeur le comportement du moteur.
De base, les jeux utilisent une config par défaut qui ne requiert aucune modification. Vous aurez cependant besoin de la modifier selon vos intentions et besoins.
config.yaml
Le fichier de config contient les informations basiques du jeu. C'est là que sont définis les images, écrans, boutons, musiques, skill checks, objets, quêtes et autres.
Plus d'info sur les fichiers de config dans le guide des fichiers de config.
characters.yaml
Le fichier characters.yaml
contient la config pour tous les personnages pouvant parler dans le jeu. Ils doivent tous avoir au moins un nom et un sprite idle
. Le sprite sert à montrer les portraits de personnages durant les dialogues, et on doit s'y référer au moyen du chemin relatif à la valeur imagesPath
définie dans la partie de config de ce fichier.
La couleur des noms peut être modifiée via la valeur color
, dans la propriété style
du personnage (n'importe quelle couleur CSS valide fait l'affaire).
Plus de détails sur la page Personnages et portraits
Autres fichiers de config
Il y a d'autres fichiers de config pour la plupart des fonctionnalités de narrat. La meilleure façon d'apprendre à les utiliser est de consulter des templates de jeu pour les voir en action.
Et ensuite ?
Pour concevoir votre jeu, ouvrez vos fichiers de scripts .narrat
et écrivez !
TIP
Naviguez dans la sidebar à gauche pour trouver divers pages et guides détaillant des fonctionnalités et leur utilisation
Vous pourriez également vouloir vous renseigner sur :
Le guide de syntaxe du langage narrat
Apprenez le langage de script narrat pour écrire votre jeu.
Cheatsheet de référence détaillant l'ensemble des commandes
Cette page sert de cheatsheet pour toutes les commandes disponibles dans les fichiers de scripts.
Viewport
Apprenez à manipuler le viewport pour ajouter des arrières-plans et des boutons interactifs au viewport de votre jeu.
Guide de personnalisation et d'application de thèmes
Apprenez à personnaliser votre jeu avec du CSS
Build et release de votre jeu
Apprenez à faire un build de votre jeu pour le distribuer
Système de skills
Apprenez à utiliser le système de skills
Système d'inventaire
Apprenez à utilser le système d'inventaire
Mettre narrat à jour
Il est important de savoir tenir Narrat à jour pour bénéficier des nouvelles fonctionnalités et des correctifs de bugs.