Question

I want to create a game similar to ElastoMania in JavaScript.

I was wondering, would the collision detection be impossible using divs because they are square, and the game principle revolves around driving up slopes etc?

Would this be doable in canvas?

Also, would using a library such as jQuery slow down the running of a JS game? I’ve noticed most games are built with vanilla JS, so I had the idea that using a library for this sort of application (a game) is a bad idea.

Thanks

UPDATE

This seems like a complicated game! I may still go ahead with it. If anyone wants to jump aboard this project, please contact me.

Answer 1

Separate your model from your presentation.

The game logic and “physics” will require custom scripting, and have nothing to do with the presentation model (i.e. div’s).

You may be able to use jQuery for the presentation side, but this is a special case, performance-intensive application, and, well, there’s a reason most games are written in “vanilla” script.