Eurotruck Simulator 2 Dashboard skin

CodeFactor GitHub Version GitHub Milestone GitHub Commit since GitHub Release Download Github Licence GitHub Release Date Dependecy Status devDependencies Status Discord

About

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

Screenshot

You can check also a review and installation guide made by Neranjana Wijesinghe

What’s it ?

This is an web app who you can choose 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 !

Now, you’ve got a map integration !

It’s work on desktop and mobile browser.

Map

The map feature need tiles collection. To do that, you need to generate it.

If you’re interested, check the JAGFx/ts-map project.

The following tab show you the tiles collection and the download link

Map Game Version Download
Base Euro Truck Simulator 2 v1.40.3.25 Download
Base American Truck Simulator v1.40.3.3 -
Promod Euro Truck Simulator 2 v2.55 Download
Promod Canada American Truck Simulator v1.0.1 -

More information on the Map readme

Breaking change

It’s not be planned, but a major change was introduced and cause a breaking change.

From v1.6.X and more, there will not be able to work with the old map tiles collection (under v1.5.X)

Please download the latest map tiles collection before to use the Map skin.

Requirements

Important: It dosen’t work with all Internet Explorer browsers

How to use ?

Prerequisite

Install scs-sdk-plugin by RenCloud

Installation

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 !

Note: You need to start the game to see the dashboard

Use from desktop device

  1. Open your favorite web browser
  2. Go to http://localhost:3000

And that’s it :D

Use from a mobile device

  1. Find your local IP address for your PC (Find how here)
  2. Open a web browser on your mobile device
  3. Access to the dashboard on your mobile: http://<YOUR_LOCAL_IP>:3000 (e.g. http://192.168.1.42:3000)
  4. 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.

Know issues

If you found an issue, please see the KNOW_ISSUES.md. Your issue may be already known.

Features

To see all features used into the dashboard, see the FEATURES.md.

Skins

To know more about the skin integrated or how to add a new skin, see the SKINS.md

Configuration

To know more about the configuration, see the CONFIG_SETTINGS.md

Installation

  1. Install the prerequisite things
  2. Install the Windows-Build-Tools
  3. Clone this repository
  4. Build this project
  5. Run the ets2-dashboard-skin_vX.X.X.exe place on the bundle directory

Windows-Build-Tools

Install Windows-Build-Tools

$ npm install --global windows-build-tools

Clone this repository

$ git clone https://github.com/JAGFx/ets2-dashboard-skin.git
$ cd ets2-dashboard-skin

Build resources

$ npm i && npm rb
$ npm run server:install
$ npm run build

Development

Environment file

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 .env file

Telemetry data

If you want to use a fake file data instead of the data from the SCS API, set the VUE_APP_USE_FAKE_DATA to true

VUE_APP_USE_FAKE_DATA=true

Resources

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

Commands

Dashboard

Dev

Launch the dashboard development app

$ npm run dashboard:dev

Build

Build the dashboard dist files for the production

$ npm run dashboard:build

Start

Start the production version of dashboard

$ npm run dashboard:start

Server

Install

Install server dependencies

$ npm run server:install

Build

Build the server dist files for the production

$ npm run server:build

Start

Start the production version of the server

$ npm run server:start

OR

$ npm start

Dev

Start a tiny version of server to get data through Socket

$ npm run server:dev

Production

Build

Build the dist files for the dashboard, the server and font

$ npm run build

Bundle

Generate a *.tar.gz archive with all production files of Dashboard and Server

$ npm run bundle

Build and Bundle

Combine Build task and Bundle task

$ npm run bAndB

Other

Font build

Create a font with all svg files from the resources directory

To get more details, see RESOURCES.md

$ npm run font:build

ESLint

Launch the lint inspector

$ npm run lint

License

Under the MIT License

© JAGFx - hey@emmanuel-smith.me