В этой статье я покажу вам, как создать анимацию из таблицы спрайтов с помощью JavaScript , как и GIF выше ( без библиотек или внешних инструментов). Примечание . Я не создавал таблицу спрайтов, используемую в этой статье, и, к сожалению, мне не удалось найти имя человека, который ее создал. Кроме того, он используется только в образовательных целях. Перво-наперво; возьми свой кофе и приступим ... Что такое таблица спрайтов? Таблица спрайтов - это просто изображение..

Недавно я прочитал потрясающую статью от Swizec Teller об использовании React и D3 для создания довольно крутой анимации с перемешиванием букв: D3 - это библиотека визуализации данных, которая использует SVG для выполнения вещей, которые в противном случае были бы довольно сложными с более традиционными узлами DOM. Это потрясающая библиотека, но при этом довольно большая (как с точки зрения размера файла, так и размера API). Для чего-то вроде этого это немного похоже на то, как..