Need to make an element face my cursor, for a game project.(Using canvas is not an option)

Question

I am looking to find help with setting up some code to make an element box's bottom side always face the cursor. I am building a simple 3 stage top down shooter as part of a small portfolio project. My partner has us using Hype 3 and so I cannot take advantage of the HTML Canvas.

Is there a way to do this using plain javascript or jquery?

I don't really have the time to finish it - but I got you started: https://jsfiddle.net/bLtk10uu/1/ — itamar, Apr 24 '17 at 05:25
Hey kalsowerus, there a way to make this work with an Id instead of class? I tried making some changes to get it to work with an id instead and it breaks the function to do so. — Zeryphim, Apr 25 '17 at 06:29

score 0 · Accepted Answer · edited May 23 '17 at 11:54

0

Yes, check mouse position, then check your block position, and do some simple trigonometry to calculate angle.

edited May 23 '17 at 11:54

Community

1
1

answered Apr 24 '17 at 07:00

Mik

124
8

Thank you for the link, it gave me a great place to start and figure out the rest! – Zeryphim Apr 24 '17 at 07:06

Need to make an element face my cursor, for a game project.(Using canvas is not an option)

1 Answers1