Step numbers on the court
Numbers on the court show which movement happens first, second and third.
Animated play diagrams
Animated tactics board
Draw a play once and press Play. Players run, the ball is passed and dribbled, and screens are set in the order you chose. Your players see the timing, not just the arrows.
Free · No signup needed · Works in the browser
How to animate a play
-
1
Place the players
Pick a sport and drag players and opponents onto the court or pitch, or start from a ready-made play.
-
2
Draw the movements
Draw run, pass, dribble, screen and shot arrows. Each arrow belongs to the player it starts from.
-
3
Set order and pace
Choose Earlier, With previous, Later or Separate step for each movement, and Walk, Run or Sprint for its pace. Change the seconds if you need exact timing.
-
4
Play and share
Play it, step through it or loop it. Show it full screen in presentation mode or download it as a video.
What the animation can do
Together or one after another
Earlier, With previous, Later and Separate step decide what happens at the same time and what waits.
Passes that meet the runner
A pass to a running player arrives when the run ends, so the timing looks like the real play.
Pace and seconds
Walk, Run or Sprint for players, Soft or Hard for passes, plus editable start time and duration in seconds.
Full playback controls
From start, previous and next step, slow, normal or fast speed, repeat and a movement-order slider.
Presentation mode
Play the tactic full screen on a laptop, tablet or phone in the locker room or on the bench.
Download as video
Save the animation as an MP4 or WebM file and share it with your players. Chrome or Edge recommended.
AI tactics that already move
The AI assistant draws movements with order and pace, so its tactic plays right away. The assistant requires signing in.
Animation in 15 sports
Basketball, football, volleyball, futsal, handball, field hockey, netball, American football, ice hockey, rugby, water polo, floorball, baseball, lacrosse and cricket all use the same animation tools. Open a sport and press Play on any ready-made play.
Frequently asked questions
How do I animate a basketball or football play? ▼
Draw the players and the movement arrows, then press Play. Movements run in the order shown by the step numbers. Change the order with Earlier, With previous, Later or Separate step.
Do I need an account to animate a tactic? ▼
No. Drawing, animation and video download work without an account. A free account is needed only to save the tactic and to use the AI assistant.
Can I download the animation as a video? ▼
Yes. Download video records the animation as an MP4 or WebM file, depending on the browser. It works best in Chrome or Edge. Stay on the tab until the recording finishes.
Can several players move at the same time? ▼
Yes. Movements in the same step play together. Choose With previous to join the previous step, or Separate step to make a movement wait.
Can I control the speed and timing? ▼
Yes. Choose Walk, Run or Sprint for runs and Soft or Hard for passes. You can type the start time and duration in seconds, and play back at slow, normal or fast speed.
Does it work on a tablet or phone? ▼
Yes. The animation runs in the browser on computers, tablets and phones. Presentation mode shows it full screen and works with touch.
Is PlayDiagram only a static chalkboard? ▼
No. Press Play and the players run, pass, dribble and screen in order. The same animation downloads as an MP4 or WebM video, with no account. The assistant accepts Turkish instructions as well as the site's other languages. PlayDiagram is not a physics simulation: it plays the steps the coach drew.
Show the play, not just the arrows
Start drawing now. It's free and you don't need to sign up.