De Scratch Wiki en français


Convertir un projet en .html


Dans ce tutoriel, il va être appris comment convertir un projet Scratch (.sb2 ou .sb3) en HTML (.html).

Une fois la conversion réalisée, nous allons avoir un fichier .html qui pourra être ouvert facilement sur un navigateur, avec ou sans connexion internet. Flash Player n'étant plus supporté et ne pouvant plus être utilisé globalement pour regarder son projet Scratch sur un navigateur internet, voici une nouvelle possibilité de lire son projet Scratch.

Le convertisseur

Pour pouvoir convertir son projet scratch, il est possible d'utiliser le convertisseur en ligne créé par @sheeptester, il va falloir y accéder à cette adresse internet.

Choisir les options de conversion

Pour commencer, il faut donner une référence vers le projet au convertisseur, voici plusieurs possibilités :

  • Prendre l'ID ("Identity Document", peut être traduit "Pièce d'identité" en français, dans ce cas, c'est la suite de chiffres dans l'adresse internet d'un projet) du projet Scratch et la coller dans la première zone.
  • Choisir un projet téléchargé sur l'appareil dans un dossier.
  • Renseigner une adresse internet où le projet est hébergé et par laquelle il pourra être importé adin de faire la conversion.

Il y a aussi de nombreuses options disponibles, les voilà :

  • Afficher un texte personalisé sur l'onglet du navigateur avec le projet Scratch en HTML. Par défaut, c'est le nom du projet qui est affiché. Cela donnera ce que l'on peut faire avec la balise <title></title> en HTML.
  • Après la conversion, il n'est plus possible au projet de deviner le nom d'utilisateur de celui qui le regarde. C'est pourquoi voici une option qui permet de choisir le nom d'utilisateur qui sera utilisé, il est possible d'écrire n'importe quel nom d'utilisateur.
  • Il est possible de choisir le nombre de "frames" par seconde.
  • Choisir d'activer par défaut le Mode Turbo sur le projet après la conversion. Si cette option est cochée, le Mode Turbo sera toujours activé.
  • Il est possible de choisir un "Favicon" pour le fichier HTML du projet. Un "Favicon" est l'icône du site internet qui est dans la plupart des navigateurs affichée sur les onglets. Nous pouvons décider de ne pas en importer, il n'y en aura donc aucun de visible ou sur certains navigateurs le "Favicon" de base.
  • Nous pouvons choisir une image d'arrière plan pour le projet une fois la conversion effectuée. Le projet ne prendra pas l'ensemble de l'espace disponible pour faire voir le contenu HTML, il est donc possible de choisir une image au lieu des bandes qui remplissent les côtés.
  • Il y a la possibilité de choisir si l'on veut qu'il y ait une barre de chargement du projet (les côtés ne sont pas arrondis, c'est simplement une barre toute droite), la couleur est personalisable (une option est en effet indiquée sur la même ligne).
  • Il est possible de décider si nous voulons que le projet commence automatiquement dès qu'il est chargé ou de le faire se commencer uniquement quand le drapeau vert est cliqué par celui qui visite le projet.
  • Nous pouvons choisir d'ajouter un bouton permettant de voir le projet en plein écran (nous ne verrons plus les onglets du navigateur, etc). Si cette option est cochée, le bouton sera par défaut en haut à droite, la position ne peut pas être changée.
  • Par défaut, le fichier HTML du projet ne contient pas les boutons "Stop" (aussi nommé "Arrêter", comme son l'indique, c'est pour arrêter le projet) et le drapeau vert (il permet d'exécuter le projet à partir du début à tout moment), nous pouvons décider de les ajouter avec cette option.
  • Il y a la possibilité d'ajouter un bouton qui va pouvoir permettre au visiteur de télécharger le fichier .sb3 du projet, c'est le fichier compatible avec Scratch.
  • Il est de même possible d'ajouter un bouton pour que l'on puisse introduire un Sprite que l'on peut choisir.
  • Nous pouvons choisir une image qui s'affichera durant le chargement du projet (avec la barre de chargement si l'option n'a pas été décochée), il est possible de choisir l'image de plusieurs façons, nous pouvons la choisir dans notre explorateur de fichiers sur notre appareil ou bien renseigner le lien d'une image.
  • Il y a la possibilité d'étirer le contenu visible du fichier HTML afin qu'il puisse prendre l'ensemble de l'espace (il n'y aura pas de bandes de couleurs sur les côtés, le fond d'écran ne sera pas visible). Nous pouvons choisir si nous voulons étirer uniquement l'image de chargement ou l'image de chargement et le projet.
  • Cette autre option nous propose en l'occurence de garder le pointeur de souris par défaut de l'ordinateur, de le cacher quand le fichier HTML est ouvert et l'onglet actuel ou bien de le changer pour une image personaliser que nous pouvons choisir sur notre ordinateur (pour un super pointeur de souris, privilégier l'extension de fichier .png et une image faisant 32 pixels par 32). Une autre sous option nous permet de verouiller le pointeur de souris quand l'utilisateur clique sur le projet.
  • Il y a maintenant la possibilité de changer l'apparence des variables comme nous le souhaitons, option pratique pour adapter la variable d'un score au style du jeu par exemple. Par défaut la couleur de fond est un noir translucide, nous pouvons changer cela et choisir une couleur opaque. Nous pouvons désormais choisir la couleur du texte de la variable et cacher les bords de celle-ci.

Convertir et télécharger

Enfin pour convertir votre fichier il suffit de cliquer sur le bouton nommé "HTMLify" .

Utiliser

Pour ouvrir votre fichier .html une fois téléchargé, il y a plusieurs possibilités. Il est premièrement possible de se rendre dans l'explorateur de fichiers de l'appareil, sur le dossier dans lequel le fichier a été téléchargé, puis de cliquer sur l'icône ou le nom de ce fichier .html.
Sinon, il existe aussi sur certains navigateurs, des gestionnaires de téléchargements où il va normalement falloir juste avoir à cliquer sur le nom ou l'icône du fichier .html pour qu'il s'ouvre. Il n'est pas possible de retrouver le fichier sur un autre navigateur que celui avec lequel la conversion a été effectuée.

Les cookies nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation des cookies.