Messagerie

Aller à la messagerie

Intégré jeu HTML sur une page web ?

ValLoche23
ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
mercredi 20 janvier 2021 à 12:50

Bonjour tout-le-monde :)

Aujourd'hui, je fais face à un petit soucis dont j'ai du mal à trouver la solution sur Internet.

Il s'agit de la marche à suivre pour mettre en ligne manuellement un jeu compilé en HTLM5 (de Fusion bien sûr) dans une page web.

Habituellement, quand je crée des jeux en HTML, je les upload directement sur des sites spécialisés sur Itch.io ou Newgrounds, ce qui fait que j'ai juste à mettre en ligne le fichier .zip du programme et ils se chargent automatiquement de l'intégration.

Sauf que là, je dois créer et mettre en ligne un programme pour le site web de mon boulot, et il faut que je l'intègre directement sur la page d'accueil. 

Alors, j'ai accès à la base de donnée (donc je peut mettre en ligne le fichier ZIP dans les fichiers du site), et je peut intégré du code HTML dans les pages du site (par exemple, j'ai déjà intégré des widgets externe en iframe dedant).

Cependant, je n'ai aucune idée de la marche à suivre pour faire appel à mon programme dans le fichier ZIP, et l'intégré aux bonnes dimensions sur la page web.

Vous pouvez me l'expliquer ou me renvoyer sur un tuto ? (je trouve beaucoup d'explications pour le Flash avec le fichier SWF, mais rien sur l'intégration HTML5 d'un jeu...)

therickman
72 messages
Fusion 2.5 Dev
Fusion 2.5+ Firefly Exporteur Android Exporteur HTML5
jeudi 21 janvier 2021 à 18:29

Bonsoir, dans fusion , il faut choisir html 5 - projet final une fois que ton appli est prête  à être mise en ligne. Fusion demandera de spécifier un dossier, de mémoire.

Ce dossier contiendra le fichier index.html, et deux sous dossiers : src et resources. 

  • Allez sur l'espace web qui héberge le site. Repére le fichier de la page d'accueil : il s'appelle peut-être aussi index.html Récupère une copie de ce fichier sur ton ordi.
  • Fais une sauvegarde de ce fichier ( une copie ) avant de faire des modifications - prudence
  • Maintenant , je pense que la marche à suivre est :
  • copier, à partir du fichier index.html de FUSION, la partie qui t'intéresse ( la partie du code qui renvoie  à ton appli : sauf erreur, cette partie commence après

<!-- L'element Canvas qui va contenir notre application est cree ici...-->
<body>

et se termine avant :

</script>

  • coller le code là ou tu souhaites l'afficher dans le fichier de la page d'accueil du site ( faut-il utiliser un iframe : je ne me rappelle plus  :(   Il me semble que non...)
  • renvoie le fichier modifié ( index.html ou autre comme dit ci-dessus ) au même endroit dans l'espace web, AINSI QUE les sous-dossiers src et resources. générés par fusion
  • attention, le fichier index.html du site sera écrasé  - il faut absolument avoir fait une copie avant
  • teste.

Prudence lors de ces manipulations, en espérant que cela sera utile.

therickman
72 messages
Fusion 2.5 Dev
Fusion 2.5+ Firefly Exporteur Android Exporteur HTML5
jeudi 21 janvier 2021 à 18:35

il faut prendre le code en conservant

</script>

désolé

ValLoche23
ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
vendredi 22 janvier 2021 à 16:16

Oh, j'irai testé ça, merci beaucoup ! :o

therickman
72 messages
Fusion 2.5 Dev
Fusion 2.5+ Firefly Exporteur Android Exporteur HTML5
mercredi 27 janvier 2021 à 06:17

Bonjour, as-tu essayé l'intégration de ton appli html5 dans une page web ?  ( pour savoir si la méthode est bien fonctionnelle :)

ValLoche23
ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
samedi 30 janvier 2021 à 16:46

Coucou, du coup non, j'ai changé mon fusil d'épaule ^^"

En faite, je n'avais pas accès au fichier index.html de la page d'accueil du site, car elle est gérer directement par l'outil / noyau de ce dernier, bien que je puisse upload / télécharger des fichiers dans la base de données :o (car le site en question utilise une sorte de moteur hybride entre programmation manuel et un générateur de site type blog, ce qui fait que j'ai accès à certaines choses mais pas à d'autres ^^")

Du coup, j'ai procédé autrement, j'ai mis mon application sur Itch.io sur un compte privé, et j'ai utiliser l'outil d'intégration automatique avec les iframes :o 

Du coup, ça rend comme ça ^^

C'est un peu contourner le problème, mais ça fait le taff, et Itch.io est pas intrusif (juste un petit bouton dans la bordure, donc ça gêne pas) ^^

Si un jour, j'ai occasion de pouvoir intégré une application directement sur mon propre site par exemple, je me rappellerai de ta méthode ! xD



therickman
72 messages
Fusion 2.5 Dev
Fusion 2.5+ Firefly Exporteur Android Exporteur HTML5
samedi 30 janvier 2021 à 16:59

Juste pour le fun : j'ouvre ton lien , je clique un peu partout  tape sur les touches mais non : l'appli semble figée , inactive.
Ah non, c'était une capture d'écran en fait  :)

ValLoche23
ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
samedi 30 janvier 2021 à 17:03

Hahaha ! XD

J'ai mis un lien car je sais toujours pas comment afficher une image à partir d'un lien avec ce nouveau comptoir ! x'D

J'aurai bien partagé le lien de l'app pour mieux illustré, mais la page est encore en privée :o 

therickman
72 messages
Fusion 2.5 Dev
Fusion 2.5+ Firefly Exporteur Android Exporteur HTML5
samedi 30 janvier 2021 à 17:05

Pas de souci, mais une bonne idée pour faire une blague  à des amis ou proches :)

Seyjin
Seyjin
1471 messages
Fusion 2.5 Dev
Exporteur Android Exporteur HTML5 Fusion 2.5+
dimanche 31 janvier 2021 à 07:50
Tu peux intégrer ton jeu dans une ifram de la même façon que les jeux en flash en fait. Mais il ne faut pas le zipper.
Utilisateurs en ligne
  • Aucun utilisateur en ligne
  • 31 visiteurs au total

Derniers messages