Всем привет!
В процессе обучения JS возникла серьезная преграда, а именно - JS анимации (через requestAnimationFrame). Ничего, прорвемся думал я, но облазив гугл (вплоть до 3 страницы), и весь YouTube я не нашел достойных уроков и примеров как это работает. Статьи и посты по этой теме не пытаются объяснить все до мелочей. Может быть кто нибудь знает достойные статьи, видео, уроки по этой теме? Или сможет сам дать дельные советы? Буду благодарен любой помощи
requestAnimationFrame в общем-то не про анимацию, а просто чтобы браузер ПОСТАРАЛСЯ выполнить функцию тогда, когда он в следующий раз будет че-то там перерисовывать
setInterval(() => drawDot(x, y), 17) // 17мс * 60 фпс = 1 секунда
// это из-за реализации таймаутов не гарантированно выполнится через 17 мс, но "не ранее чем через 17 мс"
function drawDot() {
// тут супер анимация
requestAnimationFrame(drawDot)
// а вот это в идеале будет выполняться плавно и регулярно
// и браузер сам будет стараться подогнать это к 60 фпс
}
drawDot()
