Un plateforme-puzzle pour apprendre le HTML et le CSS
Super Markup Man est un jeu de plateforme 2D où l'on manipule de vraies balises web. Au lieu d'écrire du code dans un éditeur, on porte et on place des balises HTML comme des objets dans le niveau, puis on observe ce qu'elles produisent. Chaque niveau est une énigme logique : il faut comprendre ce que fait une balise, dans quel ordre l'installer et comment elle interagit avec les autres pour obtenir le résultat attendu. Le jeu compte 100 niveaux conçus à la main, qui mêlent apprentissage du développement web et résolution d'énigmes. Aucune connaissance préalable n'est requise, et rien à taper au clavier.
Deux grandes familles de niveaux structurent l'expérience. Le mode HTML couvre les balises de base, comme les titres, les paragraphes et les images. Le mode CSS aborde le style des éléments : sélecteurs, couleurs et mises en page. Un mode Bug vient perturber la donne en injectant des erreurs aléatoires qu'il faut repérer et corriger, ce qui reproduit le dépannage du vrai développement web. Le mode Free Play permet de construire ses propres niveaux et de les exporter en fichiers HTML réels, ce qui donne une sortie concrète à ce qu'on a appris.
Jouer à deux sur le même écran
Le jeu propose un mode co-op local pour apprendre à deux, avec un écran partagé. Attention : seuls le mode Free Play et le mode CSS prennent en charge le co-op local. Le mode HTML et le mode Bug restent donc réservés au solo. Le joueur 2 doit utiliser une manette, une manette Xbox étant recommandée par les développeurs. Le jeu prend aussi en charge le Remote Play Together, ce qui permet d'inviter un ami à distance dans les modes concernés.
Concrètement, la coopération se joue sur la résolution : chacun manipule les balises et les éléments du niveau pour construire la page ou le style demandé. C'est un format adapté à une salle de classe ou à un cadre familial, le jeu étant annoncé comme adapté à tous les publics et aux débutants.
Ce qu'il faut savoir avant de commencer
Le jeu se concentre sur l'apprentissage : il n'y a pas de saisie de code, tout se fait en déplaçant et en combinant des balises. Prévoyez une manette si vous comptez jouer à deux, et vérifiez que les modes que vous visez sont bien ceux qui supportent le co-op local. Si votre groupe veut progresser ensemble, commencez par le mode CSS ou le Free Play, les seuls jouables à deux. Pour ceux qui veulent aller plus loin, le Free Play permet d'exporter ses créations en fichiers HTML, à ouvrir ensuite dans un navigateur.