➠ Accéder au jeu (Windows uniquement)

❂ Thème

Langage SVG -Scalable Vector Graphics- ensembles de graphiques vectoriels basé sur XML

▣ Auteurs

André Camacho, Angela Forero, Eirini Karanisa, Antonella Segantin, 2015.

⬚ Outil auteur

Jeu réalisé avec Clickteam Fusion 2.5.

⇳ Contexte

Le développement de ce jeu a été demandé  par Daniel Schneider, enseignant du cours STIC (Sciences et Technologies de l’information et de la communication) du master MALTT pour introduire le langage SVG aux apprenants du master, surtout pour ceux qui n’ont pas des bases sur informatique.

◉ Objectifs pédagogique

• Analyser la structure des lignes de code SVG relatives aux formes géométriques de base (rectangle, cercle, carré, triangle et ellipse) pour pouvoir les reproduire
• Reconnaître et assigner des “attributs” aux formes créés en SVG : couleur, taille et coordonnées.
• Créer des formes géométriques en SVG et les modifier (taille, couleur, position) en glissant-déposant des morceaux de code ou en écrivant du code.
• Comprendre l’utilité, la finalité et les caractéristiques du SVG, en utilisant du code.

☰ Description

Le joueur incarne un faussaire de l’année 1600 appellé Belfaussi, qui veut devenir le plus grand faussaire du monde. Il demande au grand maître François Bienfait, possesseur d’une technique secrète de peinture nommée SVG, d’être son élève. Dans ce contexte, le joueur doit utiliser le code SVG, en construisant des lignes des codes entières et correctes pour ensuite les valider.

Il doit voyager pour apprendre le code dans divers villes européennes (niveaux). Dans chaque ville, différents personnages (des commanditaires) lui proposent des contrats qu’il doit réaliser afin de gagner en réputation. C’est grâce à ces contrats que l’apprenant découvre et utilise des nouvelles connaissances et balises SVG.

Le premier niveau sert pour comprendre la logique de base du langage SVG et l’ordre des éléments. Tous les niveaux suivants demandent au joueur d’observer un tableau (image) présent dans la scène, et de travailler du code SVG, dans une boîte texte, afin d’arriver au même résultat. Dans ces niveaux où le joueur travaille le code, il lui est possible de prévisualiser à n’importe quel moment le code rédigé et le résultat que celui-ci donne.