Twine et image dans le cloud

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

Modérateurs: Stormi, Otto Grimwald

Twine et image dans le cloud

Messagepar Pottoka le Mar Mai 08, 2018 5:58 pm

Bonjour,

Comme j'ai longtemps essayé de trouver une solution pour insérer des images sans dépendre des sites internet et risquer un problème d'affichage, voici la marche à suivre pour ceux qui souhaiteraient insérer des images sous Twine Harlowe via des fichiers stockés sur leur espace Dropbox ou Google Drive.

1) Téléchargez votre image dans votre espace de stockage.
2 Cochez l'image à partager et cliquez sur "Partager" à droite.
3) Une fenêtre s'ouvre où vous devrez cliquer sur "Créer le lien".
4) Une fois le lien créé, vous n'avez plus qu'à cliquer sur "Copier le lien".
5) Copier enfin le lien dans Twine Harlowe entre le code source <img src=" et
"/>
6) Remplacer le "0" final du lien par "1".

Par ex pour le lien https://www.dropbox.com/s/w9pvk8zl0ehai ... 7.jpg?dl=0
=> remplacer le "0" final par "1"
Le code complet sous Twine Harlowe devient :
<img src="https://www.dropbox.com/s/w9pvk8zl0ehaihv/main-avec-le-symbole-d-%C3%A9p%C3%A9e-53396487.jpg?dl=1"/>

Pour le son, les vidéos , le même tuto s'applique. Remplacer alors <img src="lien de l'image "/> par <audio src="lien audio"/> ou par <video src=", etc.

En espérant que ça servira à quelqu'un.
Bonne soirée.
Pottoka
Sorcier du culte
 
Messages: 11
Inscription: Sam Nov 25, 2017 9:49 pm

Re: Twine et image dans le cloud

Messagepar Natrium le Mer Mai 09, 2018 7:57 pm

Oui, c'est toujours bon à savoir !

Et si tu ne veux pas dépendre d'un site (qui sait ce que Google ou Dropbox vont faire dans le futur), ou tout simplement pour que le joueur puisse jouer sans connexion à internet, on peut aussi mettre un lien vers un fichier local.
Il suffit de créer un dossier images à côté de index.html (qui est la page contenant le jeu), et écrire alors

Code: Tout sélectionner
<img src="/images/mon-image.jpg" />

Il suffit ensuite d'envoyer le tout à quelqu'un ou à le mettre en ligne. Je ne sais pas en revance si Philome.la accepte des fichier en plus. Si ce n'est pas le cas, alors utiliser Dropbox ou autre est obligatoire, j'imagine.

Ah, et il faudrait aussi mettre un attribut alt au images, pour ajouter une description si l'image ne s'affiche pas ou pour les lecteurs d'écran.
Avatar de l’utilisateur
Natrium
Grand Ancien
 
Messages: 1021
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: Aucun utilisateur enregistré et 1 invité