diff --git a/src/features/retro-office/scene/environment.tsx b/src/features/retro-office/scene/environment.tsx index 327f538..2ebaaf9 100644 --- a/src/features/retro-office/scene/environment.tsx +++ b/src/features/retro-office/scene/environment.tsx @@ -167,24 +167,24 @@ function OfficeFlagPole({ ); } -const SOCCER_FIELD_WIDTH = 20.8; -const SOCCER_FIELD_DEPTH = 7.4; -const SOCCER_STADIUM_BASE_WIDTH = SOCCER_FIELD_WIDTH + 2.6; -const SOCCER_STADIUM_BASE_DEPTH = SOCCER_FIELD_DEPTH + 2.1; +const SOCCER_FIELD_WIDTH = 24.8; +const SOCCER_FIELD_DEPTH = 9.6; +const SOCCER_STADIUM_BASE_WIDTH = SOCCER_FIELD_WIDTH + 3.2; +const SOCCER_STADIUM_BASE_DEPTH = SOCCER_FIELD_DEPTH + 2.8; const SOCCER_ENTRY_PATH_WIDTH = 2.1; const SOCCER_ENTRY_OPENING_WIDTH = 3.8; const SOCCER_TEAM_SHAPE = [ - { x: 0, z: -2.72, goalkeeper: true }, - { x: -6.9, z: -1.86, goalkeeper: false }, - { x: -2.35, z: -2.02, goalkeeper: false }, - { x: 2.35, z: -2.02, goalkeeper: false }, - { x: 6.9, z: -1.86, goalkeeper: false }, - { x: -7.7, z: -0.24, goalkeeper: false }, - { x: -2.8, z: -0.3, goalkeeper: false }, - { x: 2.8, z: -0.3, goalkeeper: false }, - { x: 7.7, z: -0.24, goalkeeper: false }, - { x: -3.05, z: 1.84, goalkeeper: false }, - { x: 3.05, z: 1.98, goalkeeper: false }, + { x: 0, z: -3.42, goalkeeper: true }, + { x: -8.2, z: -2.38, goalkeeper: false }, + { x: -2.85, z: -2.52, goalkeeper: false }, + { x: 2.85, z: -2.52, goalkeeper: false }, + { x: 8.2, z: -2.38, goalkeeper: false }, + { x: -9.2, z: -0.32, goalkeeper: false }, + { x: -3.45, z: -0.44, goalkeeper: false }, + { x: 3.45, z: -0.44, goalkeeper: false }, + { x: 9.2, z: -0.32, goalkeeper: false }, + { x: -3.7, z: 2.34, goalkeeper: false }, + { x: 3.7, z: 2.5, goalkeeper: false }, ] as const; function SoccerPlayer({ @@ -203,48 +203,73 @@ function SoccerPlayer({ const sockColor = goalkeeper ? "#111827" : teamColor; return ( - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + - - - + + + - - - - - {([-0.055, 0.055] as const).map((x) => ( - - - - - ))} - {([-0.082, 0.082] as const).map((x) => ( - - - - - ))} - {([-0.13, 0.13] as const).map((x) => ( - - - - - ))} {goalkeeper ? ( - - + + ) : null} @@ -261,28 +286,28 @@ function GoalFrame({ }) { return ( - + - + - - + + - - + + - - + + - - + +