EN

Réalités Parallèles

Ergonomie et conception de jeu vidéo

Gamemaker Studio Horizontal Shooter - Bases - Créer des sprites

Créer un sprite pour le personnage joueur

Les sprites sont des images qui peuvent être affichées dans le jeu. Elles ne font rien par elle-même mais peuvent être utilisées par des objets pour leur donner une apparence.

Créons un sprite de vaisseau à controller par le joueur. Avec un clic droit sur le dossier “sprites”, choisissez ensuite “Create sprite” dans le menu contextuel.

Screenshot

Définir les options du sprite.

Screenshot

Editez le sprite en double cliquant sur “Edit sprite”. Cela permet de dessiner directement dans Game Maker Studio via une interface simple similaire à Paint. Screenshot

Choisissez une taille pour votre image.

Screenshot

Une image vierge a été créée par défaut. Un double click dessus permet de l’éditer.

Screenshot

Dessinez ce que vous voulez pour votre personnage joueur. J’ai fait un genre de vaisseau simplifié en noir et blanc, mais vous pouvez faire un simple triangle, un super artwork en pixel art ou autre chose. Faites cependant attention à ce que le dessin pointe à droite, car c’est la direction que l’image fait face par défaut une fois dans le jeu.

Screenshot

Sauvez votre image en cloquand sur l’icône check verte.

Screenshot

Vous revenez à l’éditeur de sprite, où vous devriez maintenant voir votre dessin.

Icone check de nouveau pour sauver.

Pour ce tuto, placer l’origine de votre sprite au centre avec le bouton “center”. Ce point set à positionner l’image et est le centre selon lequel elle pivote si votre objet tourne.

Screenshot

Modifier le masque de collision

Le masque est la partie de l’image utilisée pour détecter les collisions. “Precise” signifie que la collision est calculée pixel par pixel. C’est précis mais gourmand en ressources. Il est donc courrant d’utiliser une forme géométrique simple comme aproximation de la forme de l’objet. Utilizer un rectangle ou une ellipse, que vous placerez de façon manuelle. L’idéal est que la forme soit à l’intérieur de votre dessin en suivant au mieux sa forme. Quand ce n’est pas possible, il vaut mieux faire plus petit que trop grand. En effet, les joueurs seront moins frustrés s’ils survivent alors qu’ils pensaient être touché. Au contraire, cela semblera injuste et donc frustrant si le joueur meurt alors que visuellement, ça passait. Pour placer le masque manuellement, une fois manuel et la forme sélectionnée, faites un drag and drop sur le dessin pour obtenir la meilleure aproximation.

Screenshot

Cette approche est utilisée couramment dans les jeux, et parfois même utilisée au coeur du gameplay, comme dans les manics shooters our la zone de collision n’est parfois qu’un pixel au centre de l’image.

Exercice

Dans cet exemple, nous avons crée un vaisseau pour le joueur. Essayez de créer également un sprite pour un astéoide de 32 par 32 pixels et un autre pour une bullet de 8x8. Screenshot

Example de solution

Image de l’asteroide

Screenshot

Masque de collision de l’astéroide

Screenshot

Image pour la bullet

Screenshot

Masque de collision de la balle

Screenshot

Posté par Cornelia le 2021-04-02. Dernière mise à jour le 2021-03-05

Articles sur des sujets connexes

Didacticiels programmation avec Game Maker Studio

Didacticiel de création de jeux vidéo, Tuto débutant Game Maker Studio, Débuter en programmation avec Game Maker,