moving object in html/css/javascript detecting collision with other objects

Question

I want to make a moving man in css/html/javascript, also detect collisions with other objects. Any idea how to do it? or any pointers to the same will do great.

Answer 1

The first try is look at rapahel js project it uses canvas, second it is a pretty hard thing to do as you want your own physics engine at 2 D level, but i guess with some math formulas you could do it, but everything that you need as an object should be scripted in js to be sure to get the collision effect.

Some design patterns should help you to make your code better.

Good luck.

Answer 2

Pretty much any basic game tutorial covers the topics you asked. If you can't find a javascript version of that, just get anything in a language you are familiar and try to code the same thing in javascript.

to draw things somewhat in the same way these tutorials probably do, use a div with "position:relative" and its children with "position:absolute" and use "top" and "left" css style proprieties to position the boxes/sprites/whatever.

I am pretty sure you can figure out what to do if you follow these tips.