Estoy desarrollando un juego isométrico html5 en lienzo (& js). Mi grilla consiste en columnas (x) y filas (y).Sprites suaves para caminar en HTML5 Canvas
Actualmente mi jugador puede caminar por el mapa, pero salta de las coordenadas a las coordenadas.
Estoy tratando de hacer que camine de azulejo a azulejo de una manera suave, usando una animación de sprite. Pero no tengo idea de cómo y no puedo encontrar ningún artículo que cubra la mecánica de esto, ¡así que una vez más me dirijo a ti!
Así que si sabes cómo hacerlo, o si sabes un artículo o tutorial explicando esto, ¡sería genial!
Gracias de antemano,
Nick VERHEIJEN
ACTUALIZACIÓN: código que estoy utilizando ahora a pasear a mi jugador
Player.move = function(direction)
{
var newX = Player.positionX;
var newY = Player.positionY;
switch(direction)
{
case 'up':
Player.moveDirection = 'up';
newY--;
break;
case 'down':
Player.moveDirection = 'down';
newY++;
break;
case 'left':
Player.moveDirection = 'left';
newX--;
break;
case 'right':
Player.moveDirection = 'right';
newX++;
break;
}
Player.positionX = newX;
Player.positionY = newY;
}
Nota: Estoy ahorrando la dirección que el jugador se mueve en , entonces puedo mostrar la imagen correcta.
Además, no estoy utilizando ninguna biblioteca como EaselJS. Por la sencilla razón de que apenas hay documentación o ejemplos, tendría que resolver todo por mi cuenta.
¿Es posible añadir parte de tu código a tu pregunta? Eso ayudará - tuve el mismo problema hace un tiempo ... –
algo seguro. agregando código ahora. –