● onlinetty/0guest@bubucn:~$
utc+08static
INTERACTIVE PLAYBOOK · 2026.09.07

COURTCRAFT — Coach Edition

See the play, follow the movement, understand the opening. Explore six basketball actions on an animated 3D court or a clear 2D tactics board.

Try it nowSix plays · 2D / 3D views
COURTCRAFT — Coach Edition
HANDS ON

Choose a play and click Play action. Use fullscreen for the coaching notes and drawing tools.

playable

Space plays / pauses · Left / right arrows step through the action · Drag to orbit in 3D · Scroll to zoom · Click a player to inspect their role.

Open the playbook in a new window ↗
01 — THE DEMO

What to explore

Break down High Pick & Roll, Give & Go, Pick & Pop, Dribble Handoff, Pass & Screen Away and Horns Elbow Entry. Each play has five teaching steps, coaching notes and animated routes. Slow the action down, loop it, mirror the court or pause at each step to follow the timing and spacing.

Switch between 2D and 3D, choose a camera angle, draw annotations on the court and export a board image. The court uses a custom WebGL renderer; the tactics board and annotation layer use Canvas 2D. Everything is bundled into one HTML file with no external scripts.

A basketball teaching tool with scripted defense and finishes. It illustrates the sequence of a play rather than simulating a live match.

Explore all demos ↗