Animación de sprite: Disparar con arco
Tensar, apuntar, soltar, recuperar. El fotograma de disparo está etiquetado para que generes la flecha en el momento justo.
Sprite sheet PNG + datos de fotogramas en JSON. Gratis para cualquier proyecto, incluidos juegos comerciales.
Especificaciones
- Fotogramas
- 12
- FPS sugeridos
- 10
- Tamaño de fotograma
- 46×69
- Tipo
- De una vez
- Vista
- Vista lateral
Pon a tu personaje en este movimiento
Describe o sube un personaje y lo vestimos sobre este mismo movimiento: mismo timing, mismos contactos de los pies, tu arte.
Cuesta 10 créditos
Usa la animación Disparar con arco en tu motor
La hoja es una sola fila (o unas pocas filas) de fotogramas del mismo tamaño sin márgenes, así que cualquier motor puede cortarla por tamaño de fotograma. Aquí tienes la configuración mínima para los motores más comunes, ya completada con el número de fotogramas, el tamaño y la velocidad de este movimiento.
Este movimiento se reproduce una sola vez: reprodúcelo y, al terminar, vuelve a reposo (o quédate en el último fotograma, en las muertes).
Godot 4
# AnimatedSprite2D > SpriteFrames > "Add frames from sprite sheet"
# Horizontal: 8, Vertical: 2, select all 12 frames.
$AnimatedSprite2D.sprite_frames.set_animation_speed("shoot_bow", 10)
$AnimatedSprite2D.sprite_frames.set_animation_loop("shoot_bow", false)
$AnimatedSprite2D.play("shoot_bow")
# Project Settings > Rendering > Textures > Default Texture Filter = Nearest Unity
// Texture: Sprite Mode = Multiple, Filter = Point, Compression = None // Sprite Editor > Slice > Grid By Cell Size: 46 x 69 // Drag all 12 sprites into the scene to create the clip, then: // Animation window > Samples = 10, Loop Time = off
Phaser 3
this.load.spritesheet("shoot-bow", "shoot-bow.png", { frameWidth: 46, frameHeight: 69 });
// in create():
this.anims.create({
key: "shoot-bow",
frames: this.anims.generateFrameNumbers("shoot-bow", { start: 0, end: 11 }),
frameRate: 10,
repeat: 0,
});
player.play("shoot-bow"); // with pixelArt: true in the game config Fotograma a fotograma
Todos los fotogramas de la hoja del maniquí, en orden. Úsalos como referencia de timing cuando dibujes tus propios fotogramas, o para elegir el fotograma en el que debe reaccionar la jugabilidad.
Preguntas sobre este movimiento
¿Puedo usar la hoja del maniquí en un juego comercial?
Sí. Las sprite sheets del maniquí se pueden usar gratis en cualquier proyecto, incluidos los comerciales. Se agradece el crédito, pero no es obligatorio.
¿Cómo pongo mi propio personaje en esta animación Disparar con arco?
Abre el generador, describe o sube tu personaje y elige este movimiento. La IA viste a tu personaje sobre exactamente el mismo timing y las mismas poses, así que el resultado coincide con el maniquí fotograma a fotograma.
¿Por qué mis fotogramas se ven borrosos en el motor?
Tu motor está filtrando la textura. Pon el filtro en Nearest (Godot), Point (Unity) o pixelArt: true (Phaser) para que cada píxel se mantenga nítido.