Как использовать спрайт в canvas?

Question

[acorn]

Привет! изучаю canvas. Есть спрайт из картинок .png
Вот хочу реализовать следующее, используя спрайт отобразить различные элементы игры.
Есть функция drawImage(w,h) , с ней справился, а вот как сделать чтобы отображалась та картинка из спрайта, которая нужна и в нужном месте, не совсем понял.
Можно ли это реализовать через canvas или писать отдельно в html5 div блоки с относительным позиционированием ,а там внутри canvas с картинками?(по типу реализации простого слайдера со сдвигом) ??

Answer 1

[Максим Тимофеев]

Можно ли это реализовать через canvas или писать отдельно в html5 div блоки с относительным позиционированием

можно

Есть функция drawImage(w,h) , с ней справился

Судя по всему - нет, не справились, а краем зацепили:
https://developer.mozilla.org/en-US/docs/Web/API/C...
https://jsfiddle.net/4gh7bLch/
Остались вопросы?

Answer 2

[Bharata]

Вот здесь всё понятно разжёвано про то «Как использовать sprite в canvas», правда на английском языке.

Вырезание картинок из sprite происходит с помощью функции drawImage (описание функции на русском).