search

techninja / ninjanode

A node.js implementation of the ninjaships.js library, made into a complete HTML5 multiplayer game!
14 stars 8 forks source link

UI: Heads Up Display #32

Open MakerBlock opened 10 years ago

MakerBlock commented 10 years ago

I like the idea of clicking "HUD" button that would do several things at once.

You would get an overlay above the game field and see the chat window up all the time, perhaps additional stats, stats of others, etc. Also - random streaming "stats" and characters.

techninja commented 10 years ago

The "t" talk/chat mode would be perfect for the HUD, could just add a few things in (though I'm going to need some far Notre specific descriptions).

techninja commented 10 years ago

Far more specific I mean. Darn phone.

MakerBlock commented 10 years ago

I'll draw a picture, then. :) Can I add a picture here?

MakerBlock commented 10 years ago

ninjanodehud

MakerBlock commented 10 years ago

Left side: Chat overlay Right top: Radar. There's a "hole" in the radar display because inside the area, you are within actual visual range of other ships. Right middle: List of ships, can scroll as necessary. Clicking on one makes them light up in white/yellow depending upon proximity. Right bottom: Several "gauges" that display the recharge times on weapons, mines, shields, and the remaining duration on specials/powerups.

MakerBlock commented 10 years ago

You'll notice I added streaks for the nearest star field ;)

MakerBlock commented 10 years ago

Also, I think it would be nice to have the coordinates available in the HUD. That way I'd know how far I was from the edge. :)