Моя задача сделать анимацию из спрайтов, они разбиты по на разные png, и я сделал чтобы спрайты менялись, но скорость смены этих спрайтов бешеная. Подскажите как изменить скорость смены спрайтов.
var canvas = document.getElementById('canvas');
canvas.width = window.screen.width;
canvas.height = window.screen.height;
var ctx = canvas.getContext('2d');
var sprite = new Image();
sprite.src = './png/male/Walk (1).png';
/** Массив **/
var image_male = [
'./png/male/Walk (1).png',
'./png/male/Walk (2).png',
'./png/male/Walk (3).png',
'./png/male/Walk (4).png',
'./png/male/Walk (5).png',
'./png/male/Walk (6).png',
'./png/male/Walk (7).png',
'./png/male/Walk (8).png',
'./png/male/Walk (9).png',
'./png/male/Walk (10).png'
]
var current_sprite_male = 0;
/** Отрисовка **/
function drawMale() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.drawImage(sprite, 10, 10, 70, 120);
sprite.src = image_male[current_sprite_male];
current_sprite_male += 1;
if (current_sprite_male == 9) {
current_sprite_male = 0;
}
requestAnimationFrame(drawMale);
}
drawMale();