-1

Вот в этом коде не работает setInterval(). Функция вызывается сама по себе, но setInterval не работает:

$(function () {
    Screen = document.getElementById('gameFill');
    ctx = Screen.getContext("2d");
    clear();
    Config();
    renderSprite();
    setInterval(renderSprite,50);

});

function renderSprite() {

  skillet.img.onload = function () {

    clear();

    ctx.drawImage(skillet.img,skillet.step,80,60,80,50,50,100,100);
    skillet.step += 50;
    if(skillet.step == 400){
      skillet.step = 0;
    }
  }
}
7
  • 2
    Как вы определили что setInterval не работает? Функция же ничего не делает. 28 янв 2017 в 18:41
  • Делает я когда вызываю функцию она рисует но когда я вызываю ее через setInterval то она не рисует
    – vadimuha
    28 янв 2017 в 18:58
  • @vadimuha - функция renderSprite не рисует, она только назначает обработчик skillet.img.onload
    – user176262
    28 янв 2017 в 19:01
  • Она рисует, она не работает только когда я ее вызываю в setInterval
    – vadimuha
    28 янв 2017 в 19:02
  • 2
    Что-то мне подсказывает, что не разобрались. В этом коде функция recalcSprite может рисовать только если сильно повезёт и только один раз
    – andreymal
    28 янв 2017 в 19:25

1 ответ 1

0

Может вам это пригодиться, но рендерить через setInterval это не самое, мягко говоря, "правильно решение" обратите внимание на RequestAnimationFrame.С простор интернета :"Все зависит от частоты кадров вашего браузера и компьютера (обычно это 60 кадров в секунду). Ключевым отличием является то, что вы просите браузер выполнить функцию при первой возможности, а не с заданным интервалом. Еще одно достоинство такого подхода в том, что браузеры могут снизить requestAnimationFrame в зависимости от нагрузки, видимости элемента и состояния батареи." и это малая часть преимущества над setInterval`om

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.