@talabes/football-lineup-generator/dist/functions/drawSubstitutesSplit.js

A TypeScript library for generating visual football lineup diagrams from team positioning data. Fork of ncamaa/football-lineup-generator with bug fixes and improvements.

import { Position } from '../types.js';
import { drawPlayer } from './drawPlayer.js';
export function drawSubstitutesSplit(ctx, lineupData, width, awayPitchOffset, homeTeamColor, awayTeamColor, playerCircleSize, showJerseyNumbers, showPlayerNames, fontSize) {
    const substituteStartY = 100;
    const substituteSpacing = 60; // Increased spacing from 40 to 60
    let homeSubIndex = 0;
    let awaySubIndex = 0;
    // Home team substitutes on left side
    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++;
        }
    }
    // Away team substitutes on right side (near their field)
    for (const player of lineupData.awayTeam.players) {
        if (player.position === Position.SUBSTITUTE) {
            const coords = { x: awayPitchOffset + 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++;
        }
    }
}