If you need to add a display to an existing train, the DisplayHelper class makes it easy to set up the appropriate model and dynamic textures.
An explanation of the code is provided in the sections below.
include(Resources.id("mtrsteamloco:scripts/display_helper.js")); let slotCfg = { "version": 1, "texSize": [2048, 1024], "slots": [ { "name": "lcd_door_left", "texArea": [0, 0, 2048, 274], "pos": [ [[-0.59, 2.125, -1.75], [-0.755, 2.03, -1.75], [-0.755, 2.03, -3.25], [-0.59, 2.125, -3.25]] ], "offsets": [[0, 0, -5], [0, 0, 0], [0, 0, 5], [0, 0, 10]] }, { "name": "lcd_door_right", "texArea": [0, 512, 2048, 274], "pos": [ [[0.59, 2.125, -3.25], [0.755, 2.03, -3.25], [0.755, 2.03, -1.75], [0.59, 2.125, -1.75]] ], "offsets": [[0, 0, -5], [0, 0, 0], [0, 0, 5], [0, 0, 10]] } ] }; var dhBase = new DisplayHelper(slotCfg); function create(ctx, state, train) { state.pisRateLimit = new RateLimit(0.05); state.dh = dhBase.create(); } function dispose(ctx, state, train) { state.dh.close(); } function render(ctx, state, train) { if (state.pisRateLimit.shouldUpdate()) { let g; g = state.dh.graphicsFor("lcd_door_left"); g.setColor(Color.RED); g.fillRect(0, 0, 2048, 274); // ... g = state.dh.graphicsFor("lcd_door_right"); g.setColor(Color.BLUE); g.fillRect(0, 0, 2048, 274); // ... state.dh.upload(); } for (let i = 0; i < train.trainCars(); i++) { ctx.drawCarModel(state.dh.model, i, null); } }
{ "version": 1, "texSize": [2048, 1024], "slots": [ { "name": "lcd_door_left", "texArea": [0, 0, 2048, 274], "pos": [ [[-0.59, 2.125, -1.75], [-0.755, 2.03, -1.75], [-0.755, 2.03, -3.25], [-0.59, 2.125, -3.25]] ], "offsets": [[0, 0, -5], [0, 0, 0], [0, 0, 5], [0, 0, 10]] }, { "name": "lcd_door_right", "texArea": [0, 512, 2048, 274], "pos": [ [[0.59, 2.125, -3.25], [0.755, 2.03, -3.25], [0.755, 2.03, -1.75], [0.59, 2.125, -1.75]] ], "offsets": [[0, 0, -5], [0, 0, 0], [0, 0, 5], [0, 0, 10]] } ] }
In this configuration there are two screen slots. Each slot uses one content each, but they can be repeated multiple times, as shown in pos
.
The contents of all screens are rendered together on the generated dynamic texture. texSize
specifies the size (width and height) of the dynamic texture.
name
is the name of the slot.texArea
is the section of the dynamic texture to be used as the screen content: X, Y, width and height.pos
is a three-level array (note the number and distribution of square brackets to avoid misspellings) that specifies the position of each screen. Each screen can only be a rectangle, and four XYZ coordinate points are specified for each screen in the following order: top left, bottom left, bottom right, and top right for the front of the screen. The origin of the coordinates is the center of the train, the floor height, and the X-axis direction is left, Y-axis is up, and Z-axis is back.offsets
is a two-level array used to create multiple copies of a display given pos, for simplicity in cases such as a blinking indicator above a door. The XYZ offset of each copy is set separately. If the offsets value is not written, no copying will be performed.
To import this class, you need to write include(Resources.id(“mtrsteamloco:scripts/display_helper.js”));
.
new DisplayHelper(cfg: Object)
DisplayHelper.create(): DisplayHelper
state
. DisplayHelper from new
can only be used to call create
, DisplayHelper from create
can be used for other operations.DisplayHelper.close(): void
create
, freeing up resources. Must be called in the dispose
function.DisplayHelper.graphics(): Graphics2D
DisplayHelper.graphicsFor(slotName: String): Graphics2D
DisplayHelper.upload(): void
DisplayHelper.model: ModelCluster
DisplayHelper.texture: GraphicsTexture