Votre bundle Defold HTML5 peut s'exécuter directement sur sa propre adresse Web. Publiez le dossier contenant son point d'entrée HTML, ses scripts, les fichiers d'exécution du moteur et les ressources du jeu. Lobsite diffuse le bundle via HTTPS et le déploiement suivant télécharge uniquement les fichiers modifiés.
Comment ça marche
- Créez un bundle HTML5. Dans Defold, choisissez Project → Bundle → HTML5 Application. Créez un bundle de versions et recherchez le dossier généré contenant
index.html. - Publiez ce dossier. Pour un bundle sans thread, téléchargez-le ou son ZIP ci-dessus. Si vous placez les fichiers lisibles dans
build/web, exécuteznpx lobsite ./build/webà partir du répertoire de votre projet. Les bundles de threads nécessitent les paramètres CLI ci-dessous. - Gardez le jeu et itérez. Le premier lien anonyme dure 6 heures. Enregistrez-le dans votre compte pour conserver son adresse, puis regroupez-le et déployez-le à nouveau lorsque le jeu change.
Trouvez le dossier jouable dans le bundle
L'emplacement de sortie que vous choisissez dans Defold peut contenir un dossier d'application généré. Déployez le dossier qui contient réellement index.html, plutôt qu'un dossier externe avec le jeu imbriqué un niveau plus bas. Conservez les répertoires de ressources générés ensemble.
Les fichiers d'exécution du moteur Web de Defold utilisent Emscripten. Laissez intacts les fichiers d'exécution du moteur et les fichiers de chargeur générés par le bundle ; télécharger uniquement les ressources du jeu ne suffit pas. Le Manuel Defold HTML5 couvre les paramètres du moteur et le comportement spécifique au navigateur.
Faisceaux filetés Defold
Le moteur wasm-web standard n'a pas besoin de collecteurs d'isolation. Un bundle utilisant uniquement wasm_pthread-web en a besoin ; l'inclusion des deux architectures permet à Defold de revenir au moteur sans thread lorsque l'isolation n'est pas disponible.
Pour les threads, enregistrez-le dans lobsite.toml à la racine du projet et exécutez npx lobsite ici :
dir = "build/web"
[[headers]]
for = "/*"
[headers.values]
Cross-Origin-Opener-Policy = "same-origin"
Cross-Origin-Embedder-Policy = "require-corp"
La zone de téléchargement de fichiers du navigateur ne lit pas ce fichier. Les ressources externes doivent également permettre le chargement sous isolation multi-origine.
Mesurer le moteur et les ressources du jeu
Un bundle HTML5 comprend les fichiers d'exécution du moteur ainsi que votre propre jeu. Free et l'hébergement anonyme autorisent 5 Mo par fichier, 50 Mo au total et 100 fichiers. Vérifiez le plus gros fichier généré plutôt que de l'estimer à partir de la taille de votre projet source.
Standard autorise 100 Mo par fichier, 2 Go au total et 10 000 fichiers. Si un fichier de ressources généré dépasse la limite, réduisez ou restructurez le bundle avant le déploiement. La zone du navigateur ci-dessus accepte jusqu'à 25 Mo par téléchargement ; les bundles plus importants utilisent la CLI ou le tableau de bord de connexion. Voir Limites du jeu HTML5.
Ressources d’entrée, sonores et publiées
Testez la version hébergée avec le clavier, le pointeur et la saisie tactile, le cas échéant. L'audio du navigateur nécessite une interaction du joueur avant de pouvoir démarrer. Définissez une fenêtre d'affichage et un comportement de mise à l'échelle adaptés aux écrans que vous prenez en charge.
Si vous utilisez Defold Live Update ou un autre service de ressources externe, vérifiez ses URL, HTTPS et ses autorisations d'origine croisée à l'adresse déployée. Lobsite sert les fichiers que vous téléchargez et ne génère pas d'archives de ressources supplémentaires pour vous. Un déploiement npx lobsite --preview attribue à un nouveau bundle sa propre URL de test tout en laissant la version publiée seule.
Un déploiement sans compte reste en ligne 6 heures. Le lien de récupération le conserve, gratuitement.
Prévisualisez avant la mise en ligne. Revenez en arrière en un clic, redirections comprises.
Les fichiers sont stockés selon leur hash. Redéployer un site inchangé envoie 0 octet.
Chaque site reçoit une adresse *.lobsite.app en HTTPS dès le premier déploiement.
Comptes gratuits compris : ajoutez un enregistrement DNS et le site passe sur votre domaine. Chaque site a le HTTPS, quelle que soit l’offre.
Redirections, en-têtes et formulaires vivent dans lobsite.toml et accompagnent chaque déploiement.
Defold choix de construction et de partage
| Choix | Ce que ça fait | Utile pour |
|---|---|---|
| Offre HTML5 sur Lobsite | Sert le jeu sur une URL HTTPS | Joueurs sur navigateurs compatibles |
| Un test de navigateur local | Exécute un bundle Web sur votre ordinateur | Diagnostiquer le comportement du navigateur avant le déploiement |
| Un bundle natif | Produit une application spécifique à la plate-forme | Versions natives plutôt que lecture par navigateur |
Comparez Hébergement Phaser pour un flux de travail JavaScript ou Hébergement Godot pour une autre exportation Web. Le Présentation HTML5 explique les considérations relatives à l'hébergement partagé.
Questions fréquentes
Quel dossier de mon bundle Defold dois-je déployer ?
Déployez le dossier contenant index.html directement à l'intérieur et conservez ensemble ses scripts, ses fichiers d'exécution du moteur et ses répertoires de ressources. Ne déployez pas un dossier externe qui cache le point d'entrée sous un autre répertoire.
Est-ce que chaque bundle HTML5 Defold convient au Free ?
La taille du runtime, les ressources du jeu et le nombre de fichiers comptent tous. Vérifiez le bundle terminé par rapport aux limites de 5 Mo par fichier, de 50 Mo au total et de 100 fichiers.
Lobsite crée-t-il un projet Defold à partir de game.project ?
Non. Regroupez-le d'abord pour HTML5 dans Defold. Lobsite publie les fichiers résultants plutôt que d'exécuter l'éditeur ou les outils de génération.
Defold Live Update peut-il récupérer les ressources d'un autre hôte ?
Oui, si cet hôte et la configuration de votre jeu autorisent les requêtes du navigateur. Utilisez HTTPS et vérifiez les autorisations d'origine croisée ; le déploiement du bundle initial ne configure pas ce service.