Show Livery Thumbnails in Driver Table

[viper4gh]

If you click on a row in the Drivertable a Livery Thumbnail pops up. And/or adding a new column with the Livery Thumbnails embedded.

[viper4gh]

Livery Folder structure: data/liveries/[Vehicle ID]/[Car Nr. or Livery ID].png

• example: data/liveries/-93033971/25.png

The png files are available in two filename variantes: [Car Nr.].png - example: 2.png id[Vehicle ID].png - example: id50.png

The following Vehicle Classes are currently available: GT1, GT3, Ginetta Junior, GTE, LMP2, Indy Car, Touring Cars

[viper4gh]

Attention later: The "Ligier JS P2 Nissan" has the car number files "8.png" and "08.png". The same with number 9. If they will not work, then replace the name with the Livery IDs.

[viper4gh]

Extract vehicle number from Livery Name: https://jsfiddle.net/b9j4z651/

var LiveryName = "Cassius Racing #9"; var sliced = LiveryName.slice(LiveryName.indexOf("#")+1);

[viper4gh]

Next steps:

• Build up a hash where I can request the livery name directly if I have the vehicle and livery ID. Source Data is available in the class and looks like this:

  this.aVehicleLiveryInfoExt['PCARS2'] = [ { "id" : 9503224, "name" : "BMW 320 TC (E90)", "liveries" : [ { "id" : 51, "name" : "Cassius Racing #9" }, { "id" : 52, "name" : "Cassius Racing #10" },

An example of the needed hash: VehicleLiveryListHash[9503224][51] = "Cassius Racing #9"

• Build a function in the PCARSVEHICLELIVERYLIST class: parameters: vehicle ID, livery ID return: livery name

[viper4gh]

Feature is working in general now. Some problems:

• missing png-files -> may add a empty car Silhouette with the tex "no image", same for custom livery (id "99", "Custom Livery") -> solved
• wrong named png-files, for example vehicle number is "08" and filename is "8.png" -> check files -> checked

Enhancements:

• make Livery Overlay draggable -> solved
• same Overlay size for all -> css -> solved
• Background? -> no
• default position?
• Add livery name below the image. Attention for the SMS dummy, it has no element in the vehicle livery list -> solved and optional via config

[viper4gh]

ToDo: generate a white silhouette of every available car for the "Custom Livery" HowTo with paint.net:

• mark the area around the car and maybe additional the area between the rear wing mount with the "Magic Wand" and a tolerance of 20%, hold CTRL for 2 selections
• invert the resulted mask via Edit -> Invert Selection
• change the color to white and choose the "Paint bucket", change the tolerance to 100% and click on the car to fill it complete with white

[viper4gh]

Feature fully implemented. Missing liveries will be added as soon as they are available.