Sprites pour jeux isométriques

Ce dont un jeu isométrique a besoin

Les jeux isométriques se construisent avec des pièces qui s’emboîtent sur une grille en losanges : tuiles de sol, éléments de mur, bâtiments, accessoires et personnages. Les city builders et les jeux de stratégie s’appuient sur les bâtiments et le terrain. Les jeux de tactique et les RPG ont aussi besoin de personnages, en général dans quatre ou huit directions.

Les dessiner à la main est lent, car chaque ligne doit suivre la grille et chaque rotation doit être redessinée. Un modèle 3D rendu par une caméra isométrique trace les lignes justes sur chaque côté.

La caméra

Utilisez la vue isométrique 2:1. Les bords du sol avancent de deux pixels pour chaque pixel de hauteur, ce qui donne les lignes en escalier nettes et régulières qui font la réputation du pixel art isométrique. Pixel art isométrique explique pourquoi 2:1 est le choix habituel.

Les bâtiments ont besoin de place. La maison d’exemple est rendue à 96 px, ce qui laisse de la place pour un toit, des fenêtres et une porte bien lisibles. Les personnages sont plus petits, généralement de 32 à 48 px, et les accessoires se situent entre les deux.

Rendez quatre côtés. Un bâtiment vu depuis chaque angle permet au joueur de faire pivoter la carte, ou à vous de placer la même maison dans différentes orientations. Les personnages peuvent en utiliser quatre ou huit.

Échelle et pivot

Une seule échelle en pixels par mètre pour tout le projet compte encore plus ici que dans d’autres genres. Si une maison est rendue à une échelle et un tonneau à une autre, ils ne tomberont pas sur la même grille. Pixor garde une seule échelle par projet, si bien que les tailles restent fidèles aux modèles.

Placez le pivot là où l’objet touche le sol, au centre de son emprise. Pixor fixe le pivot sur un pixel, si bien que chaque côté et chaque image s’alignent sur la tuile.

Animation

Les bâtiments sont surtout immobiles, mais de petites boucles donnent vie à une carte : un drapeau qui flotte, un puits qu’on actionne, de la fumée ou du feu. Gardez-les courtes et lentes pour qu’un écran qui en est rempli reste calme. Pixor limite le scintillement entre les images, ce qui compte sur les grands sprites détaillés. Pour les personnages, les animations d’attente, de marche, de course, d’attaque, de coup reçu et de mort de la bibliothèque de mouvements fonctionnent sur n’importe quel squelette humanoïde. Voir animation.

Palette

Les scènes isométriques montrent beaucoup de choses à la fois : une palette partagée leur évite de paraître bruyantes. Les bandes de lumière donnent aux bâtiments des faces éclairées et ombrées nettes, ce qui aide l’œil à lire la forme. Les rampes à décalage de teinte empêchent les ombres de devenir boueuses. Pixor intègre sept palettes et lit les fichiers Lospec .hex et GIMP .gpl. Voir rampes de palette.

Assets gratuits de la bibliothèque qui conviennent

• Bâtiments : house-small, house-medium et house-large.
• Accessoires de ville : puits, market-stall, charrette, clôture, lamp-post et drapeau.
• Nature : pine-tree, rocher et étang.

L’ensemble village en réunit beaucoup dans une même scène.

Le mettre en place dans Pixor

1. Importez votre modèle, ou ouvrez l’exemple isométrique.
2. Dans l’étape Scène, cliquez sur la caméra « Sud » dans l’Arborescence. Son réglage « Jeu » la prépare pour un type de jeu en un clic ; choisissez un jeu isométrique.
3. Utilisez « Anneau autour du modèle » pour ajouter 4 caméras. Réglez la Largeur et la Hauteur assez grandes pour le bâtiment, par exemple 96 px.
4. Dans l’étape Action, choisissez une animation si le modèle en a une.
5. À l’étape Style, choisissez le look.
6. Exporter écrit la planche. Pixor peut aussi exporter des cartes de normales ou de profondeur ; voir exports.