Animation de sprite : Nage

Une boucle de nage pour les niveaux aquatiques.

Télécharger la planche du mannequin JSON

Sprite sheet PNG + données de frames en JSON. Gratuit pour tout projet, y compris les jeux commerciaux.

Caractéristiques

Frames: 8
FPS conseillé: 10
Taille des frames: 93×38
Type: Boucle
Vue: Vue de profil

Appliquez ce mouvement à votre personnage

Décrivez ou importez un personnage et nous l'habillons sur ce mouvement précis : même timing, mêmes appuis au sol, votre style graphique.

Coûte 10 crédits

Utiliser l'animation Nage dans votre moteur

La planche est une seule rangée (ou quelques rangées) de frames de taille égale, sans marge, que n'importe quel moteur peut découper selon la taille des frames. Voici la configuration minimale pour les moteurs les plus courants, déjà remplie avec le nombre de frames, la taille et la cadence de ce mouvement.

Ce mouvement tourne en boucle : activez la lecture en boucle et il s'enchaînera sans à-coup.

Godot 4

# AnimatedSprite2D > SpriteFrames > "Add frames from sprite sheet"
# Horizontal: 8, Vertical: 1, select all 8 frames.
$AnimatedSprite2D.sprite_frames.set_animation_speed("swim", 10)
$AnimatedSprite2D.sprite_frames.set_animation_loop("swim", true)
$AnimatedSprite2D.play("swim")
# Project Settings > Rendering > Textures > Default Texture Filter = Nearest

Unity

// Texture: Sprite Mode = Multiple, Filter = Point, Compression = None
// Sprite Editor > Slice > Grid By Cell Size: 93 x 38
// Drag all 8 sprites into the scene to create the clip, then:
// Animation window > Samples = 10, Loop Time = on

Phaser 3

this.load.spritesheet("swim", "swim.png", { frameWidth: 93, frameHeight: 38 });
// in create():
this.anims.create({
  key: "swim",
  frames: this.anims.generateFrameNumbers("swim", { start: 0, end: 7 }),
  frameRate: 10,
  repeat: -1,
});
player.play("swim"); // with pixelArt: true in the game config

Frame par frame

Toutes les frames de la planche du mannequin, dans l'ordre. Servez-vous-en comme référence de timing pour dessiner vos propres frames, ou pour choisir la frame où le gameplay doit réagir.

Questions sur ce mouvement

Puis-je utiliser la planche du mannequin dans un jeu commercial ?

Oui. Les sprite sheets du mannequin sont libres d'utilisation dans tout projet, commercial compris. Une mention est appréciée mais pas obligatoire.

Comment appliquer mon propre personnage à l'animation Nage ?

Ouvrez le générateur, décrivez ou importez votre personnage et choisissez ce mouvement. L'IA habille votre personnage sur exactement le même timing et les mêmes poses, pour un résultat aligné frame par frame sur le mannequin.

Pourquoi mes frames sont-elles floues dans le moteur ?

Votre moteur filtre la texture. Réglez le filtre sur Nearest (Godot), Point (Unity) ou pixelArt: true (Phaser) pour que chaque pixel reste net.

Autres mouvements