Prototype d’overlay de jeu de rôle (projet perso)

Étiquettes: jeu de rôle, overlay Checkbox: No

Principe & Fonctionnement

J’ai pour projet (encore flou) d’animer et de faire le MJ pour un jeu de rôle de ma conception et j’aimerais en profiter pour en faire un stream sur Twitch. J’aimerais lier mes techniques de stream à de la réalisation d’Actual Play.

Je travaille sur deux axes principaux (parmi d’autres) :

Afficher la caméra et la fiche de personnage d’un joueur ou d’une joueuse

VIDEO - Sur OBS, différentes caméras et feuilles de personnages se succedent lorsque je les sélectionne sur le panneau d’administration NodeCG (à droite)

VIDEO - Sur OBS, différentes caméras et feuilles de personnages se succedent lorsque je les sélectionne sur le panneau d’administration NodeCG (à droite)
Mettre en avant des apartés ou des conversations en 1 à 1 entre les joueurs et les joueuses ou avec un·e MJ

VIDEO - Le panneau d’administration NodeCG (à droite) permet de créer des configuration de caméras en face à face avec les joueurs, les joueuses et lea MJ.

VIDEO - Le panneau d’administration NodeCG (à droite) permet de créer des configuration de caméras en face à face avec les joueurs, les joueuses et lea MJ.

Dev & Création

Je ne vais pas rentrer dans les détails, je vous encourage à me contacter pour de plus amples informations si cela vous intéresse. Voici quelques étapes :

J’ai crée une scène pour chaque joueur et joueuse (et le MJ) avec :
- Un cadre de caméra et la webcam
- Un petit bandeau avec le nom, la classe…
- Une feuille de personnage avec les statistiques de base, les points de vie, les points d’armure…

Pour les éléments visuels, il s’agit d’un fichier en SVG crée avec Figma. Le format SVG est très utile dans ce cas car il mêle visuel & code. Je peux ainsi le modifier ensuite (les PV, les stats) grace a du code sans avoir à le ré-exporter.

IMAGE - Capture d’écran de Figma avec les fiches de noms des personnages et les feuilles de personnages.

Pour les transitions “fluides” entre les scènes sont opérées par le plugin “Move” et j’utilise la technique des “Nested Scenes” (scènes imbriquées) pour créer la scène avec les caméras doubles. J’utilise également les fonctionnalité “Transition à l’affichage” et “Transition au masquage” d’OBS.
Dans un second temps, j’utilise le framework NodeCG pour me coder un panneau d’administration qui liste les différentes caméras disponibles (visible à droite sur les vidéos ci-dessus). Il ne me reste qu’à sélectionner mes caméras et la disposition se fait automatiquement sur l’overlay.