Twine et Mathjax

Pour discuter des langages que nous utilisons pour réaliser nos jeux : problèmes, solutions, suggestions...

Modérateurs: Stormi, Otto Grimwald

Twine et Mathjax

Messagepar TEP le Ven Nov 06, 2020 8:45 pm

Bonjour

j'aimerais pouvoir intégrer des formules mathématiques dans une histoire crée avec twine.
Comment procéder ?

Merci d'avance pour votre aide
TEP
Sorcier du culte
 
Messages: 1
Inscription: Ven Nov 06, 2020 8:41 pm

Re: Twine et Mathjax

Messagepar Natrium le Dim Nov 08, 2020 12:23 am

Je ne m'y connais pas trop en Twine, mais je pense pouvoir expliquer comment faire du point de vue JavaScript. Je ne sais pas quel est ton expérience en JS, mais si tu n'en a pas, ça peut paraître compliqué.

Aussi, il faudrait que tu précise quel format d'histoire Twine tu utilises (Harlowe, SugarCube ?), parce que la façon exacte de procéder change en fonction de ça.

D'abord, il faut ajouter la bibli MathJax au projet Twine. Je ne sais pas comment charger un script dans un projet Twine, mais en HTML, ça serait ajouter ça dans le <head> :

Code: Tout sélectionner
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>

OU

<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>

(La différence serait le rendu des formules.)


Ou si tu veux que l'histoire fonctionne aussi hors-ligne, il faudrait prendre les fichiers ici : https://github.com/mathjax/MathJax, les ajouter à Twine et charger le bon, mais là encore je ne sais pas comment faire dans Twine.

Dans le cookbook, c'est expliqué comment charger une bibli JS pour Chapbook, Harlowe et SugarCube (où il faudrait utiliser l'un des liens-dessus pour charge MathJax).

Une fois que c'est fait, il suffirait, je pense, d'ajouter des formules en TeX directement dans tes passages, entre double-dollars :

Code: Tout sélectionner
$$1 + 1 = 2$$


Mais comme le texte des passages sont ajoutés dynamiquement à la page web, il faudrait aussi exécuter ce JavaScript dans chaque passage contenant des formules :

Code: Tout sélectionner
MathJax.typeset()


Avec SugarCube, il faudrait donc écrire ça dans un passage nommé « PassageDone » :

Code: Tout sélectionner
<<script>>MathJax.typeset()<</script>>


Désolé, je sais que c'est vague, et il se peut que ça ne fonctionne pas (je n'ai pas testé, et comme dit au début, je ne connais pas trop Twine). En espérant quand même que ça peut t'aider. :)
Avatar de l’utilisateur
Natrium
Grand Ancien
 
Messages: 1186
Inscription: Mar Oct 04, 2011 11:18 pm

Re: Twine et Mathjax

Messagepar Natrium le Dim Nov 08, 2020 9:30 pm

Ah puis tiens, le sujet n'était pas dans la bonne section, je l'ai donc déplacé dans « Questions techniques ».
Avatar de l’utilisateur
Natrium
Grand Ancien
 
Messages: 1186
Inscription: Mar Oct 04, 2011 11:18 pm


Retourner vers Questions techniques et aide pour votre code

Qui est en ligne

Utilisateurs parcourant ce forum: Google [Bot] et 2 invités

cron