COF 2 : code roll20 15

Forums JDR de Black Book Editions > Jeux de rôle > JdR Black Book > Chroniques Oubliées Fantasy

avatar

Bonjour !

Alors je sais pas trop comment ça s'organise pour ici mais j'ai commencé à bricoler une fiche pour la V2 de Chroniques oubliées Fantasy. Problème... mon niveau de codage c'est "copier coller". Comprenez par là que la fiche est fonctionelle mais... heu... disons que visuellement, on a envie de se crever les yeux.

Bref, j'aimerais savoir si des gens sont motivés pour rendre la fiche regardable (donc des gens doués en CSS et capable de faire une jolie bordure).

Ce message a reçu 1 réponse de
  • Ulti
avatar
Shikonai

C'est sympa que tu t'y colles ! Je n'ai pas non plus les compétences artistiques pour t'aider sur l'apparence de la fiche, mais j'ai commencé à regarder comment faire une fiche aussi de mon côté. Je ne sais pas comment tu as fait pour en sortir une aussi vite ! Tu comptes automatiser certains aspects de la fiche ?

avatar

alors comment je m'y suis pris... je vais être honnête, j'ai déja codé au moins 2 fiches sur roll20 pour des règles homebrew donc j'avais déja des bouts de code tout fait et juste à adapter. Mais comme j'ai dit, mon niveau c'est "copier coller" donc ces deux fiches, j'ai été chercher les bouts de code sur le wiki pour faire un truc qui marche (après énormément de correctifs parce qu'on voyait régulièrement des bugs mais hé, ça marche !). Juste... c'est moche, une fois encore

Pour ce qui est de l'automatisation, j'ai mis quelques cases à calcul automatique, notamment les pv max, l'initiative et les valeurs d'attaque (contact, distance et magique) et défense (en mettant deux cases pour les modificateurs d'armure et de compétences).

J'ai scindé la fiche en 3 (une pour les stats, une pour les voies, une pour l'inventaire)

Je sais pas trop si j'ai droit de mettre un lien vers un cloud pour les fichiers html / css donc j'évite mais si je peux copier / coller les codes je le ferais, (même si ça sera surement pas digeste)

avatar

Et par ailleurs, comme c'est vraiment basique, si des personnes sont chaud pour améliorer la fiche, même côté html pour l'automatisation ou autre, vous pourrez, hein. Moi j'ai juste posé une base qui marche (ce qui est déjà très bien)

Ce message a reçu 1 réponse de
  • Ulti
avatar
Shikonai

Effectivement, c'est déjà très bien ! De mon côté, j'essaie de partir de leur nouveau système Beacon, et de reproduire au moins ce que j'ai fait pour la fiche officielle COF 1. Mais c'est un boulot de longue haleine, car je ne vais pas pouvoir faire tellement de copier-coller. Donc ce sera génial d'avoir déjà ta fiche disponible !

Ce message a reçu 1 réponse de
  • Platy
avatar

(je supprime ce post, désolé, le copier coller marche pas)

avatar

Ouais. j'ai essayé le copier coller dans le forum mais ça casse tout vu qu'on peut baliser en HTML apparemment Du coup... le copier coller marche pas

je met le lien vers les fichiers HTML et CSS du coup, j'espère que ça dérange pas

https://mega.nz/folder/EJA0hRoK#oGzISGJUjIQHDMUSD0i8hg

avatar
Ulti

Hello Ulti
C'est quoi le systeme "Beacon" ? Il faut reprendre les fiches de zéro?
J'ai commencé à bosser sur une fiche pour la v2 en m'inspirant de la tienne pour la V1 mais en appliquant les best practices préconisées par Roll20 (notamment pour le css)

Edit: je viens de trouver le thread avec la version de TricheLumière, oublie cette question content

Ce message a reçu 1 réponse de
  • TricheLumiere
avatar
Platy

Bonjour

La fiche COF 2e a été publiée aux alentours de Noel 2024, et j'ai posté 5 updates depuis (une par mois, on en est à la v1.5.0). Ca a été tout un bin's, car comme c'est une nouvelle fiche, Roll20 refuse les layouts par table HTML (comme pour COF1 / COC 1 / COG), uniquement CSS-Flex et CSS-Grid. Et comme c'est un jeu "officiel", il faut obtenir l'autorisation de l'éditeur. Ulti et moi avons contacté Laura et obtenu son autorisation.

Je suis un vieux codeur quinqua, qui a profité d'une période de chomage en 2019 pour suivre une formation de concepteur d'appli web. Mais c'était plutôt orienté back-end, et la partie CSS a été réduite à la portion congrue (une petite semaine). En récupérant des infos ça et là et en essayant de comprendre les astuces de CSS-tricks, j'ai pu me débrouiller pour faire une fiche pas trop moche avec uniquement des divs et des grids. Mais je m'arrache encore souvent les cheveux restants sur des trucs qui semblent simples.

Alors s'il y a des experts du CSS qui veulent améliorer mon bricolage et me faire des PR Github, you are welcome content

avatar

Bonjour à tous,

Je n'arrive pas à faire des glisser-deposer dans la barre de raccourcis des macros. Avec la fiche COF1, on pouvait mettre dans cettes barre des raccourcis d'arme ou de capacité par simple glisser-deposer.
Si c'est impossible avec la fiche COF2 c'est en lien avec ce que tu dis plus haut @TricheLumiere?

J'ai demandé à Roll20 et pour eux cette astuce est toujours possible.

Sinon, je suis preneur de la procédure à suivre 😄

Merci

Tolk

avatar

Bonjour

Ce n'était pas possible jusqu'à la v1.5.0 qui a été intégrée à Roll20 la semaine dernière

Depuis, on peut épingler dans la barre des actions :

- Le pseudo-bouton Carac qui permet que Roll20 affiche un popup pour sélectionner la carac et faire le jet correspondant

- Les boutons d20 des attaques

- Les boutons des jets de capacité (uniquement ceux du sous-onglet jets, pas (encore) ceux des capacités).

Pour l'anecdote, il y a des boutons roll et des boutons action dans les fiches Roll20. Les premiers sont basiques et peuvent s'epingler, et la fiche COF1 les utilisait, les seconds sont plus puissants et augmentent les fonctionnalités d'automatisation et c'est ceux que la fiche COF2 utilise, mais ils ne peuvent pas être épinglés (bug connu depuis 4 ans et toujours pas corrigé). Sauf à faire tout un bins dans le code de la fiche. Que j'ai fait pour certains boutons, mais pas pour tous.

Ce message a reçu 1 réponse de
  • Vega
avatar
TricheLumiere

Plutôt que de recréer un sujet je fais ça ici (j'ai pas vu de thread dédié aux fiches cof2) :

Mes joueurs aiment bien voir les jets de dégâts (avec le résultat individuel des dés) lorsqu'ils font des attaques. Du coup j'ai modifié le .html pour bricoler quelque chose afin de voir les jets (je sais juste faire du python à la base ^^).

Vers la ligne 10572, j'ai changé le calcul de dmroll pour ça. Est-ce que ça va casser des choses que j'ai pas prévu ? Est-ce que ça serait possible d'avoir ça de base dans la prochaine version des fiches ? content

let dmroll = "";
if (dm !== "" )
dmroll = `[[${dm}${dmOpt}[DM] + ${dmbonus}[Bonus]${magicDM}${ shadow.dm } + ${dmdiv}[Divers]${tacticDM}]]`;
if (dmroll !== "" && tactics === 1)
dmroll = `[[floor((${dmroll.slice(2, -2)})/2)]]`;

Ce message a reçu 1 réponse de
  • TricheLumiere
avatar
Vega

Bonjour

Plusieurs choses :

- Le code de la fiche a pas mal changé, et j'ai corrigé le fait que beaucoup de DM additionnels étaient inclus dans les DM globaux (attaque précise ou violente en option tactique, attaque sournoise du voleur, etc...) ce qui les doublait en cas de critique alors que ce n'est pas la règle de base (uniquement les DM de l'arme sont doublés).

- Sauf erreur, le slice() que tu as rajouté vire les [[ ]] au début et à la fin de jet de dommage, mais uniquement quand on active l'option tactique "attaque assurée" qui ajoute +5 pour toucher mais divise les DM par 2. Je ne crois pas que c'est ça que tu veux en réalité ?

- Si tes joueurs veulent voir le détail du jet de DM, ils survolent le total des DM avec leur souris, et ça leur donne le détail :

illustration

- Pour avoir le détail individuel des dés dans tous les cas dans le tooltip, il faut faire une autre modification :

illustration

Est-ce que ça conviendrait ?

- Si tu veux participer au développement de la fiche et que tu as un compte Github, tu peux créer un clone de mon repo https://github.com/stephaned68/COF2e et proposer des Pull Requests. Ou alors faire des demandes d'amélioration via l'onglet Issues du repo.

Ce message a reçu 1 réponse de
  • Vega
avatar
TricheLumiere

Mon objectif c'était de voir le détail des dés dans tous les cas (comme ta deuxième image, mes joueurs aiment bien la couleur verte, et vu qu'on joue avec la règle des dés explosifs low fantasy, ils aiment voir le nb de dés qui ont "explosés").

Effectivement le slice il sert à retirer les crochets, justement pour maintenir la vue du détail du jet. Comme ça, dans le cas général j'ai [[jet]], et dans le cas de l'attaque assurée, j'ai [[floor((jet)/2)]], parce que si je fais [[floor([[jet]]/2)]], je perds le détail du calcul. De ce que j'ai testé ça fonctionne bien.

C'est noté pour le Github, j'ai fait des PRs express des fixs que j'ai fait pour mon groupe roll20

Ce message a reçu 1 réponse de
  • TricheLumiere
avatar
Vega

Tes suggestions ont été intégrées autant que possibile (cf mes commentaires sur les PR)

Je n'ai pas encore envoyé la dernière version (V1.6.0) chez Roll20, ça en fera donc partie