Convertir SB3 en HTML

Un navigateur, un site web ou une borne interactive hors ligne peut nécessiter un projet Scratch sous forme de fichier HTML jouable plutôt que sous forme de téléchargement .sb3. Empaqueter le projet au format HTML permet aux destinataires de l’exécuter sans ouvrir l’éditeur Scratch, tout en conservant le fichier SB3 d’origine pour les modifications ultérieures.

Qu’est-ce que le format SB3 ?

SB3 est le format de projet Scratch utilisé par Scratch et les éditeurs compatibles tels que TurboWarp. Un fichier SB3 est une archive ZIP contenant project.json, des sprites, des costumes, des sons, des scripts et d’autres ressources du projet.

Scratch crée un fichier SB3 via File → Save to your computer. Les projets téléchargés depuis Scratch, déplacés d’un ordinateur à un autre ou importés dans un éditeur compatible utilisent normalement ce format. Renommer .sb3 en .html ne convertit pas le fichier ; un navigateur ne peut pas exécuter la structure d’un projet Scratch sans runtime JavaScript.

Qu’est-ce que le format HTML ?

HTML est le format de document interprété par les navigateurs web. Pour un projet Scratch, le résultat utile est une application HTML empaquetée contenant ou chargeant un runtime JavaScript compatible avec Scratch ainsi que les ressources du projet.

Le résultat peut être partagé comme une page web, intégré à un site ou ouvert pour une lecture hors ligne. Il ne s’agit pas d’une conversion des blocs Scratch en éléments HTML ordinaires tels que des paragraphes et des titres ; la logique des blocs reste des données interprétées par le runtime.

Comment convertir SB3 en HTML

TurboWarp Packager est l’option la plus pratique pour produire un fichier HTML lisible dans un navigateur. Sa version en ligne est disponible à l’adresse packager.turbowarp.org, et sa version desktop convient lorsque le projet ne doit pas être téléversé vers un service tiers.

1. Conservez une copie intacte du fichier .sb3 d’origine.
2. Ouvrez TurboWarp Packager et sélectionnez l’option permettant de téléverser ou de choisir un projet.
3. Sélectionnez le fichier SB3 sur votre ordinateur.
4. Examinez les paramètres disponibles, notamment le comportement du plein écran, les commandes, le chargement du lecteur et l’intégration éventuelle des données du projet. Les noms des paramètres varient selon la version.
5. Choisissez la sortie HTML et téléchargez le fichier .html généré.
6. Ouvrez le fichier dans un navigateur récent tel que Chrome, Firefox, Edge ou Safari, puis testez les scripts, les sprites, les sons, les commandes au clavier et les éventuelles fonctionnalités d’enregistrement.

Le packager en ligne est pratique lorsque le téléversement du projet est acceptable. Utilisez le packager desktop pour les projets privés, volumineux ou sensibles. Les sites génériques de conversion de fichiers ne peuvent généralement pas effectuer cette conversion : ils peuvent seulement renommer le fichier ou extraire son contenu ZIP, sans ajouter le runtime nécessaire à l’exécution des blocs Scratch.

Limites de qualité et de compatibilité

Le fichier HTML généré est une application empaquetée, et non un projet Scratch modifiable. Conservez le fichier SB3 si les blocs, les costumes, les sons ou la structure du projet doivent être modifiés ultérieurement ; rouvrez alors ce fichier dans Scratch ou TurboWarp.

Testez le projet empaqueté, car son comportement peut différer de celui du site web Scratch. Les extensions, les variables cloud, les services en ligne, l’accès au microphone et à la caméra, les règles de sécurité du navigateur et les fonctionnalités propres à certains appareils peuvent nécessiter un accès réseau, l’autorisation de l’utilisateur ou une prise en charge spécifique à TurboWarp. Les variables cloud et les autres fonctionnalités des serveurs Scratch peuvent ne pas fonctionner lorsque le fichier HTML est ouvert localement.

Un fichier HTML autonome peut être volumineux, car il inclut le runtime et les ressources du projet. Si le packager propose des ressources externes ou un package ZIP, utilisez cette option pour la distribution uniquement lorsque chaque ressource générée est conservée avec le fichier HTML ; certains navigateurs limitent également l’accès des fichiers locaux aux ressources externes. JavaScript doit être activé pour que le projet empaqueté s’exécute.