Eurotruck Simulator 2 Dashboard skin
The idea with this repository is to update a collection of dashboard from the Funbit repository with the newest SCS SDK.
And then, use a best way to maintain the different dashboard.
The first to be rework are my own dashboard. In the future, all dashboard in the Funbit repository will be include
This project was based on the TruckSim-Telemetry-Demo
The current stable version have a memory leak issue. It may cause slow down on the data update or cause a crash for the app. I’m still on a solution research.
What’s it ?
This is an web app who you can switch over dashboard skin (Custom or from other truck brand (DAF, Man, Mercedes, Renault, Scania or Volvo)). See screenshots here
I’m also introduce the possibility to change the unit of measurement as you prefer. See the full list here
A event overlay can also be configured !
It’s work on desktop and mobile browser.
- OS: Windows 64Bits
- Game: Euro Truck Simulator 2
- SCS SDK plugin: v1.10.4
- Web-browser: Chrome (Desktop and Mobile), Firefox (Desktop dans Mobile), Edge ( Desktop and mobile )
Important: It dosen’t work with all Internet Explorer browsers
Install scs-sdk-plugin by RenCloud
- Download the supported version zip
v1.10.4at the release page
- Extract the DLL file into your game folder like
For normal use
You can use this dashboard without build anything.
You can download the
*.tar.gz archive from the release page.
Extract this archive and run the
ets2-dashboard-skin_vX.X.X.exe. That’s it !
See the How to use section to know how to run it !
Note: You need to start the game to see the dashboard
- Install the prerequisite things
- Install the Windows-Build-Tools
- Clone this repository
- Build this project
- Run the
ets2-dashboard-skin_vX.X.X.exeplace on the
$ npm install --global windows-build-tools
Clone this repository
$ git clone https://github.com/JAGFx/ets2-dashboard-skin.git $ cd ets2-dashboard-skin
$ npm i && npm rb $ npm run server:install $ npm run build
How to use ?
First, you need to run the dashboard app. See the Installation section End then run the ETS2 or ATS game.
Use from desktop device
- Open your favorite web browser
- Go to http://localhost:3000
And that’s it :D
Use from a mobile device
- Find your local IP address for your PC (Find how here)
- Open a web browser on your mobile device
- Access to the dashboard on your mobile:
- And voilà ! You can enable / disable the fullscreen on tap on the dashboard
Note: Your mobile device AND your PC need to be on the same network
Tip: You can save a shortcut on your home screen to use it as an app like.
If you found an issue, please see the KNOW_ISSUES.md. Your issue may be already known.
To see all features used into the dashboard, see the FEATURES.md.
To know more about the skin integrated or how to add a new skin, see the SKINS.md
To know more about the configuration, see the CONFIG_SETTINGS.md
This project use a
.env file. If you wan to override one or more variable in the development, create a
.env.local at the same place of the
If you want to use a fake file data instead of the data from the SCS API, set the
I provide all resources what i’m use to develop this dashboard. Such as svg, AI file for svg or others element who can be need to contribute too.
See the RESOURCES.md section to get more details
Launch the dashboard development app
$ npm run dashboard:dev
Build the dashboard dist files for the production
$ npm run dashboard:build
Start the production version of dashboard
$ npm run dashboard:start
Install server dependencies
$ npm run server:install
Build the server dist files for the production
$ npm run server:build
Start the production version of the server
$ npm run server:start
$ npm start
Start a tiny version of server to get data through Socket
$ npm run server:dev
Build the dist files for the dashboard, the server and font
$ npm run build
*.tar.gz archive with all production files of Dashboard and Server
$ npm run bundle
Build and Bundle
Build task and
$ npm run bAndB
Create a font with all svg files from the resources directory
To get more details, see RESOURCES.md
$ npm run font:build
Launch the lint inspector
$ npm run lint
Under the MIT License
© JAGFx - email@example.com