HUD

[alex-moon]

We want a white on blue display when in the ship which gives us:

• current speed
• current heading (x and y) (in degrees, to nearest degree)
• distance to nearest asteroid
• heading to nearest asteroid (x and y) (in degrees, to nearest degree)

Should look like this:

[alex-moon]

As part of this work please also add a targeting cross in the center of the screen so the user has some feedback as to what is going to be selected.

[alex-moon]

When out of the asteroid belt, the N values should all be "?" as in "no asteroids detected nearby". I think we ultimately need a way to "reset" position - this is the premise of the original idea of placing a beacon which you can "teleport" to.

[alex-moon]

OK update: this is simply not doable with canvas. Simply use HTML.

[alex-moon]

also fuck numbers, for heading we want a dot moving in a square - x and y in the square represent y and x in the euler required to turn the ship toward the asteroid - if it's in the center you are going the right way.

For speed and distance, it seems to me we could use numbers... or we could do simple bars. Distance bar gets shorter (full means max possible distance - this is a function of cube edge, probably 2 sqrt(cube edge ^ 2 3)) and speed gets longer then shorter (full is max speed).