Flight dashboard web app with instruments, avionics and AP data/controls, written in Angular.
Demo page. The demo page use fake data to demonstrate features.
You can visit [demo] page to load the web app to your browser, and connect to the backend server running on your local PC.
TODO: Add instructions here to serve the web app from local, or embed the web app into the pc client.
The web app receives data from a websocket server. Server side program for MSFS 2020 can be found at https://github.com/yanghu/FlightPanel.
You can also setup your own data server for other games, and serve simulation data for other games. See data protocol for the data definition.
The dashboard was designed to be used as a secondary screen, so simmers do not need to check the game screen or input using mouse, which breaks immersion.
Currently, instruments features are complete, the other panels are planned and in progress.
The six-pack instruments status:
- Airspeed: Airspeed working. True airspeed WIP. Dial is for Cessna 172 only.
- Attitude: Fully working.
- Altimeter: Fully working. Pressure is in inHg only.
- Turn indicator: Fully working.
- Heading indicator: Fully working, with 2 course beacons with deviation error indication.
- Fuel/RPM/Battery and other aircraft status gauges.
Work in progress. Planned features:
- Nav/Com radio display/control.
- ATC input/output panel
- AP controls and status display
- Flight plan information.
- Waypoints, distance, ETA
The data protocol is defined in SimData
proto message. The websocket server simply send
serialized protobuf binary data to the webapp.
Thanks to Skyhawk Flight Instruments project for the instrument SVG resources.
Thanks to Sébastien Matton whose project inspired me to use CSS to animate flight instruments.