@talabes/football-lineup-generator
Version:
A TypeScript library for generating visual football lineup diagrams from team positioning data. Fork of ncamaa/football-lineup-generator with bug fixes and improvements.
27 lines (26 loc) • 1.47 kB
JavaScript
import { Position } from '../types.js';
import { drawPlayer } from './drawPlayer.js';
export function drawSubstitutes(ctx, lineupData, width, homeTeamColor, awayTeamColor, playerCircleSize, showJerseyNumbers, showPlayerNames, fontSize) {
const substituteStartY = 100;
const substituteSpacing = 60; // Increased spacing from 40 to 60
let homeSubIndex = 0;
let awaySubIndex = 0;
for (const player of lineupData.homeTeam.players) {
if (player.position === Position.SUBSTITUTE) {
const coords = { x: 50, y: substituteStartY + homeSubIndex * substituteSpacing }; // Moved further from edge
drawPlayer(ctx, player, coords, true, homeTeamColor, awayTeamColor, playerCircleSize, showJerseyNumbers, showPlayerNames, fontSize, [], // No nearby players for substitutes
false // Default label position below
);
homeSubIndex++;
}
}
for (const player of lineupData.awayTeam.players) {
if (player.position === Position.SUBSTITUTE) {
const coords = { x: width + 70, y: substituteStartY + awaySubIndex * substituteSpacing }; // Positioned in the extra canvas space
drawPlayer(ctx, player, coords, false, homeTeamColor, awayTeamColor, playerCircleSize, showJerseyNumbers, showPlayerNames, fontSize, [], // No nearby players for substitutes
false // Default label position below
);
awaySubIndex++;
}
}
}