Composer son overlay OBS par glisser-déposer, widgets compris

Avant : des coordonnées et cinq sources

Jusqu'ici, placer un décor voulait dire taper des coordonnées dans un tableau de champs, sans voir le résultat. Et chacun des cinq widgets était une source navigateur à part dans OBS, avec sa propre adresse et sa propre taille.

Le tableau disparaît. La scène se compose à l'œil, et les widgets deviennent des morceaux de l'overlay.

Ce que contient la galerie

La galerie, à gauche de l'aperçu, se filtre par une recherche.

• Vos décors : les éléments, cadres et tableaux que vous possédez, avec leur aperçu dessiné.
• Les cinq widgets, toujours disponibles, sans rien à posséder : ce que la créature attend pour évoluer, ce qu'elle réclame, ses quatre états, son identité, et ce que le live a produit.
• Des décors que vous n'avez pas encore, cinq au plus, en retrait. Ils ne se posent pas : ils mènent à leur fiche dans les Décorations.

Le sol et le papier peint gardent leur liste de choix : un pavage ne se glisse pas, il remplit la scène.

Placer un objet, étape par étape

1. Ouvrez la page Direct, puis l'onglet Scène.
2. Glissez un décor ou un widget depuis la galerie : il se pose sous le curseur. Un simple clic le pose au centre.
3. Déplacez-le sur l'aperçu. Il s'aligne sur un pas de quatre pixels ; maintenez Alt pour le placer au pixel près.
4. Réglez son rang : monter, descendre, devant ou derrière la créature. Retirez ce qui ne sert plus.
5. Une erreur ? Défaire revient en arrière, geste par geste.
6. Cliquez sur « Enregistrer la scène ».

L'overlay ouvert dans OBS relit ses réglages toutes les quatre secondes pendant le direct, toutes les trente secondes hors direct : la scène enregistrée y apparaît dans ce délai, sans toucher à l'adresse de la source.

Un aperçu qui dit la vérité

• La vraie créature y tourne, à sa taille réelle. On voit où elle passe avant de poser un widget sur son chemin.
• Les widgets s'y montrent avec leur vrai contenu, celui de la créature à l'antenne, avec les mêmes styles qu'à l'antenne. On juge la place que prend le texte, pas une boîte vide.
• La souris et le doigt suivent le même chemin : la scène se compose aussi depuis une tablette ou un téléphone.

Pourquoi les widgets vivent dans l'overlay

Les décors et la créature sont des pixels animés, dessinés sur une toile. Les widgets, eux, sont du texte. Un texte dessiné sur la toile puis agrandi deviendrait flou ; les widgets sont donc posés en HTML par-dessus la toile, et restent nets.

Leur position suit chaque image, leur contenu se recalcule une fois par seconde. Et une source au lieu de cinq, c'est une seule page à charger et à tenir à jour dans OBS.

La créature ne se place pas

Dans la scène, la créature est le seul objet qui décide elle-même où il est. Elle marche, saute et grimpe ; avec obs-websocket activé, elle se sert de vos sources OBS comme de plateformes, et suit leurs déplacements.

Ce qu'on compose, c'est son terrain : le sol, le papier peint, et les objets devant ou derrière elle.

Passer de cinq sources à une seule

• L'onglet Overlay de la page Direct indique la taille à donner à la source navigateur, celle de la toile. Une source plus petite décalerait toute la scène.
• Le script OBS de LiveGotchi pose la source de l'overlay à la bonne taille.
• Les anciennes sources de widget continuent de fonctionner : leurs adresses restent servies et affichent le même contenu. Retirez-les d'OBS une par une, quand vous voulez.

Questions fréquentes