boxman0617 / soccer-js

Soccer Simulation in JS

SoccerJS

flowchart TD
  sp[SoccerPlayer]

  gk[GoalKeeper]
  d[Defender]
  mf[MidFielder]
  f[Forward]

  ball[Ball]

  bo[BaseObject]

  gk & d & mf & f --> sp
  sp & ball --> bo

Loading

flowchart TD
  vec[Vector]

  ge[GameEngine]

  ai[AI]

Loading

SoccerPlayer

enum States {
  waiting,
  defending,
  attacking,
}

flowchart LR
  -1(start)
  0[waiting]
  1[defending]
  2[attacking]

  -1 --> 0
  0 -- "team loses possession" --> 1
  0 -- "receive ball" --> 2
  2 -- "pass ball" --> 0
  2 -- "shoot" --> 0
  1 -- "team gains possession" --> 0

Loading

GoalKeeper

flowchart TD
  start(start)

  subgraph waiting
    wandering
    grabbing
    wandering --> grabbing
  end

  subgraph defending
    watchingFromFar
    watching
    alert
    defensive

    watchingFromFar --> watching --> alert --> defensive
    defensive --> alert --> watching --> watchingFromFar
  end

  subgraph attacking
    passNear
    passFar
    moveForward
  end

  start --> waiting
  waiting -- " team loses possession " --> defending
  waiting -- " receive ball " --> attacking
  attacking -- " pass ball " --> waiting
  attacking -- " shoot " --> waiting
  defending -- " team gains possession " --> waiting

Loading

Waiting State

• Wander around the goalkeeper box, this should be slow and random
• If the ball gets near, grab it

Defending State

• Watch from the center of the goalkeeper box
• Match the balls y position within the goalkeeper box
• Cover the space between the ball the center of the goal
• Move towards the ball if close enough and grab or kick it

Attacking State

• Pass ball to nearest teammate that is open
• Kick ball to the farthest teammate that seems open
• Dribble ball forward

Defender

flowchart TD
  start(start)

  subgraph waiting
    wanderNearStart
    stayBehindNearestAhead-waiting[stayBehindNearestAhead]
  end

  subgraph defending
    moveTowardsBall
    guardGoal
    wanderNearStart-defending[wanderNearStart]
  end

  subgraph attacking
    passForward
    passNear
    passFar
    moveForward
  end

  start --> waiting
  waiting -- " team loses possession " --> defending
  waiting -- " receive ball " --> attacking
  attacking -- " pass ball " --> waiting
  attacking -- " shoot " --> waiting
  defending -- " team gains possession " --> waiting

Loading

Waiting State

• If ball is far, wander around start position
• If ball is near, stay behind nearest teammate

Defending State

• If ball is near, move towards ball
• If ball near goal, move between ball and goalkeeper
• If ball far, wander around start position

Attacking State

• If teammates far, move forward
• If teammates near ahead, pass forward
• If teammates near behind, pass near
• If too many opponents near, kick far forward towards far teammates

MidFielder

flowchart TD
  start(start)

  subgraph waiting
    wanderNearStart
    moveForward-waiting[moveForward]
  end

  subgraph defending
    matchNearest
    blockPass
    guardPlayer
    followBall
  end

  subgraph attacking
    moveForward-attacking[moveForward]
    passForward
    passNearest
    passBackward
  end

  start --> waiting
  waiting -- " team loses possession " --> defending
  waiting -- " receive ball " --> attacking
  attacking -- " pass ball " --> waiting
  attacking -- " shoot " --> waiting
  defending -- " team gains possession " --> waiting

Loading

Waiting State

• When possible, stay near the starting position; wander at random
• When too far from the ball, move forward

Defending State

• If far from ball, but ball on the same side as your starting point, follow it horizontally
• If near ball, follow ball
• If semi near ball and other opponents, stay between them
• If near opponent, stay close but between the player and the ball

Attacking State

• If far from opponents, and far from teammates, move forward
• If teammates near in front of me, and they are open, and can pass to them, pass forward
• If teammates forward of me are blocked by opponents, and there are very near teammates, pass to nearest
• If teammates forward of me are blocked by opponents, and there are teammates behind me, pass backwards

Forward

flowchart TD
  start(start)

  subgraph waiting
    getOpen
  end

  subgraph defending
    moveTowardsBall
    guardPlayer
  end

  subgraph attacking
    shoot
    moveUp
    moveTowardsGoal
    passForward
    passBackward
  end

  start --> waiting
  waiting -- " team loses possession " --> defending
  waiting -- " receive ball " --> attacking
  attacking -- " pass ball " --> waiting
  attacking -- " shoot " --> waiting
  defending -- " team gains possession " --> waiting

Loading

Waiting State

• Must find a place near enough the player with the ball but away from opposing team

Defending State

• If near the ball, move towards the ball
• If far from ball, stand between the ball and a nearby opponent

Attacking State

• If not a lot of opponents are near, move ball forward
• If getting near goal, move towards goal
• If there is a teammate ahead of me, and they are open, pass ball forward
• If there is a teammate behind of me, and they are open, and there are too many opponents ahead and near, pass ball backward