Création de maps de jeux vidéos avec Tiled

Tutoriel : Création d’une carte avec le logiciel Tiled

Par Théo Garnon et Mathis Clermont

Tout d’abord, allons télécharger Tiled

Rendez vous sur https://www.mapeditor.org/

Cliquez sur « Download at itch.io »

Descendez un peu sur la page actuelle, puis cliquez sur « Download »

A moins que vous ne souhaitiez faire un don, cliquez sur le lien  » No thanks, just take me to the downloads »

A présent, sélectionnez le download pour Windows si vous êtes sous Windows (le premier download)

Attention à ne pas prendre la version snapshot !

Création de la carte :

Orientation : Dépend de la dimension que l’on souhaite (2d isométrique,2d orthogonale)

La 2d isométrique est mathématiquement semblable à la 2d orthogonale mais pour l’affichage on recalcule chaque point pour un rendu 3d

Taille de la carte : modifier la taille d’une tuile modifiera le nombre de pixels total

Vous arrivez ensuite sur la fenêtre principale du logiciel

Vous allez à présent créer votre jeu de tuiles

Ensuite, recherchez un tileset que vous avez préalablement téléchargé sur internet

Le format à chercher est : .tmx

A présent, vous aurez un aperçu de votre tileset.

On peut voir sur l’image ci-dessous que les dimensions des cases ne correspondent pas à l’image.

Pour régler ce problème, allez dans Jeu de tuiles > Propriétés du Jeu de Tuiles, ensuite cliquez sur le nom de l’image que vous avez sélectionné puis cliquez sur « Editer… ».

Vous devriez avoir cette interface :

Par la suite, modifiez la largeur et la hauteur afin que les cases soient calibrées sur l’image.

Cliquez sur « Ok » et retournez dans l’onglet de votre carte (pour nous ce sera « beautifulmap.tmx »)

Allez maintenant dans Carte > Propriétés de la Carte… et modifiez la Largeur de la tuile ainsi que la Hauteur de la tuile avec les valeurs que vous avez entrées plus tôt pour le tileset.

A présent nous pouvons commencer à créer notre map :

Pour ce faire, sélectionnez les tuiles que vous désirez mettre sur votre carte, (nous avons par exemple choisi l’ensemble de tuiles qui forment un arbre jaune) puis faites un glisser déposer sur la carte.

Maintenant, vous avez les cartes en main pour créer vos propres cartes à partir de textures !

Cependant, un problème se pose. Imaginons que je souhaite ajouter un ensemble de tuiles formant un arbre:

En effet, pour chaque ensemble de tuiles qu’on pose, il faut définir un calque pour ne plus avoir cet effet de découpage des textures.

Pour cela, vous aurez juste à définir un nouveau calque en faisant Nouveau>Calque de tuiles

Et voilà ! à présent à vous de customiser votre map à souhait.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *