HTML5 GAME: Is it better to use Canvas or DIV for sprite animation?

Question

PHP

Hello.
This is the question: I’m doing character animation on sprites, tell me if it’s worth using canvas and animating in it, or is it better to animate using css animation, that is, change the background-position and use @keyframes ?
What is the fundamental difference in both methods? Isn't css animation better than js in performance?

Answer 1

it really doesn't exist, but there is php.net/manual/en/function.preg-match-all.php

Answer 2

Canvas is many times faster than SVG and even more so DOM
CSS animation is built on DOM redrawing, it cannot be faster in any
way

Answer 3

Well, if you have the rest of the game on divas, then what's the point of fencing canvas for the sake of one animation?
Well, vice versa :)

Answer 4

Canvas and EasleJS / Phaser to help you. Well, or build your own kind of engine if you like cycling.

Answer 5

- canvas is faster than sprites/DOM manipulation
- png sprites are faster than svg sprites
- canvases are better managed with something like https://github.com/d3/d3