Nice 2D UI/gauges eg Flight Arcade demo

[joelbyrnes]

I really like the Learn part of the Flight Arcade demo (http://flightarcade.com/), very easy to follow and well explained. But it only describes the 3D, Audio and input parts - how were the gauges at the bottom done?? I had a look at the source but it's partially minified and buried somewhere. 

I'm looking for a 2D library like this, that could be applied over the top of a babylonJS canvas, or just in its own canvas, and would work without a GPU (for 2D only applications). It would be good if the graphics could be designed in some vector based program and then filled in/animated with JavaScript, rather than all programmed, but I have no idea where to start with this! SVG? I don't know. 

I would be happy if there were some demos and tutorials you could point me to. 

Thanks very much. 

[GameMonetize]

Hello Joel!

Actually any kind of JS/HTML5 library can work on top of babylon.js (you just need to define a new canvas on top of babylonjs' one). d3.js is a relly great 2d library for instance

[joelbyrnes]

Thanks Deltakosh! Good to know. I guess I'll follow that up separately as it's not babylon-specific. I've tried d3, I was looking for more of a widget library with click support; I looked into svg and it still doesn't support variables so I'll probably just have to draw everything programmatically. 

If you were interested I wanted to create something like the HUD of Mechwarrior 2 as seen here: https://www.google.com.au/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjgzqGsh77MAhWDI6YKHShbCiUQjRwIBw&url=http%3A%2F%2Ftop100.ign.com%2F2007%2Fign_top_game_72.html&psig=AFQjCNFPBqfJCW8o62NtHIRMgkOevyiwmA&ust=1462370116201049

Also with some instrument panel type controls, but I haven't come up with a good design yet so I'm getting ahead of myself.