A drive: the ball handler gets past the first defender, and a second one meets them at the basket. The engine put the chance of beating that first defender at 62.3%, then drew against it. The number is read from the game's own record. #indiedev #gamedev #indiegamedev #basketball #sportsviz #dataviz

A drive to the rim, from a wide angle so the defenders stay in frame. The engine put the chance of beating that first defender at 58.7% and then drew against it. The number is read from the game's own record. #indiedev #gamedev #basketball #indiegamedev #sportsviz #indiegame #dataviz #3d

A replay here is not a video. It is drawn from the numbers the simulation recorded: where every player was and what each decided, moment by moment. Every game starts from a seed, so the same seed on the same version plays out the same, shot for shot. #indiedev #gamedev #indiegamedev #basketball #3d

Follow a team in a simulated basketball league: every game kept, every replay a click away · basketball.casa

basketball.casa, a basketball league simulated from its players' bodies up, now keeps every finished tournament day, gives every team a page you can follow, steadies its camera, and has its players move without the ball like real ones do.

basketball.casa

When a shot goes in, the replay now says how likely it was. The number is the exact chance the simulation drew against at that moment, read from the game record. Fewer than one make in a hundred came at worse than one in four. #indiedev #gamedev #indiegamedev #basketball #sportsviz #indiegame #hoops

How likely was that? A basketball replay that shows the odds behind each play · basketball.casa

basketball.casa, a basketball league simulated from its players' bodies up, now shows how likely each made shot, steal, strip and block was, keeps its camera clear of players in the way, frames every block with its shooter, and lets each team play at its own pace.

basketball.casa

Every game here is a function of its seed, so a day's tournament is played when the site is built and the page reveals each game from its tip-off. A live game can't be skipped past the moment it has reached, however far you drag the scrubber. #indiedev #gamedev #indiegamedev #basketball #sportsviz

A basketball tournament every day, with games that tip off on a schedule and play live · basketball.casa

How the simulated league now plays a sixteen-team tournament every day, fifteen games tipping off through the day on Eastern time with the final at 9 pm, each one watchable live from its tip-off.

basketball.casa

How high a player jumps is worked out from their body: the push their legs can make for each kilogram they carry, pressed over a stroke that grows with their height, less what the game has already taken out of those legs. The rise to the top follows from the jump's height alone. #indiedev #gamedev

Every basketball shooter now releases the ball on their own jump · basketball.casa

How the simulated league's shots now leave the hands at a time each player's own legs decide: a jump height from the push of their legs and their size, worn down over a game, and the rise to the top of that jump.

basketball.casa

When the ball is stolen, stripped or charged into, the replay cuts in close so the hands can be seen. If another player stands in the line to the ball, the camera turns round the play, as little as it can, to a side where nothing is in the way. #gamedevelopment #dataviz #indiegame #sportsviz #hoops

The replay's close camera now finds a clear line to the ball · basketball.casa

How the basketball replay's close-up of a steal, strip or charge now turns round the play when a bystander stands between the camera and the ball, using where the simulation put every body at that moment.

basketball.casa

The replay's How to watch button knows what screen it is on. On a touch screen it explains tapping a player, looking around the court with two fingers, the timeline and the buttons, and leaves out the keyboard keys a phone does not have. #indiegame #sportsviz #indiedev #gamedev #indiegamedev #hoops

Who made the play: the replay names the scorer and the values the game read · basketball.casa

After every made shot and every rebound, the 3-D basketball replay now shows for a few seconds who made the play, the play's own numbers, and the values of that player the simulation read to decide it.

basketball.casa

A layup from 1 m: the blue player takes the ball up at the rim with a red defender beside them, and it drops through. The card at the lower left reads scored a two, 1 m out, contested at 0.867 m, jump height 0.471 m. #sportsviz #indiedev #indiegame #dataviz #indiegamedev #gamedev #gamedevelopment

After a pass in the replay, both of the passer's hands follow the ball out for a moment, as far as their arms reach and never further. The game records when a pass is thrown but not the throwing motion, so how long the hands follow is a drawing choice, the same for everyone. #sportsviz #indiegamedev

The figure plays the play: a shooter's jump, a passer's arms and a guard's stance · basketball.casa

How the 3-D basketball replay now lifts each shooter off the floor by the jump the simulation priced the shot with, sends a passer's hands out after the ball, and sets the defender guarding the ball in their stance.

basketball.casa

A paused replay used to draw every frame the screen could show, even with nothing moving. It now draws only when something changes, such as the clock, the game's data, the camera, the window's size or sharpness, or whose eyes are hidden in a player's view. A moving game still draws every frame. #3d

An arena around the basketball court, and a replay that rests when you pause it · basketball.casa

How the 3-D replay gained a run-off floor, stands and a wall around the court, so a player's view past the baseline no longer ends in black, and how it now draws only when something changes and at a capped sharpness, so a paused game costs a phone almost nothing.

basketball.casa

Press O in the replay and pause on a decision: a lime line runs from the ball handler to each defender they have not seen lately, stronger the longer it has been, and the panel lists how many seconds ago each was last seen. When they have seen every defender, nothing is drawn. #dataviz #indiedev #3d

Deciding on an old picture: the replay shows who the ball handler has not seen · basketball.casa

The basketball replay's options view now marks each defender the simulated ball handler has not seen lately, how long ago they last saw them, and the faint figure where the handler still believes that defender is.

basketball.casa

Before a shot is taken, the shooter weighs the chance of being blocked along with everything else the shot is worth, so a well-guarded shot is taken less often. And any defender can block, not only the one guarding the shooter: a helper who rotates over in time has the same race. #indiegamedev #3d

A hand on the ball: shots can now be blocked in the basketball simulation · basketball.casa

How a simulated defender's hand races a shot's release, from their own reach and jump against the shooter's, how a blocked shot becomes a live ball, and why blocks are rarer than in real games for now.

basketball.casa

Every test has a planted bug it must catch: a small, deliberate change to the code, such as a flipped comparison or a deleted line. If a test passes with its bug planted, it was not checking anything. The tools that check the tests were checked too, and four were quieter than they looked. #indiegame

Testing the tests of a basketball simulation: dead mutants, sleeping tests and three answers · basketball.casa

How the checks behind the basketball simulation were themselves checked this week: two planted bugs that could never be caught, two tests that slept for almost four minutes, and a source check that could never pass.

basketball.casa

The replay's controls now fit in one row on a phone: the camera choice and a menu button, with the other buttons behind it, so more of the court is on screen. A game opened on its own page has a way back to the front page. #indiegamedev #indiedev #indiegame #dataviz #sportsviz #gamedev #basketball

The game first: a new look for the site, and a camera that stays on the shot · basketball.casa

basketball.casa now opens on the game, with one look across every page; the replay's camera keeps the shooter, the defender and the rim in view through a shot, the hoop is solid, and a phone gets a one-row control bar.

basketball.casa

A layup from 1 m: the red player dribbles with a blue defender beside them, puts the ball up at the rim, and it drops through. The card at the lower left reads scored a two, 1 m out, contested at 0.865 m, jump height 0.508 m. #indiegamedev #indiedev #indiegame #sportsviz #dataviz #gamedev #hoops #3d

A cutter used to be passed the ball only after stopping at the end of the cut, when the chance had usually gone. Now the passer throws to where the ball will meet the cutter's own run, the catch happens on the move, and the cutter carries on and decides where the run has taken them. #gamedevelopment

See what a player weighed, and a cutter found on the run · basketball.casa

The basketball replay can now show every option a player weighed at a decision and each moment a player waits, a cutter can be passed the ball while still running, and every player has a page you can reach from the new players list.

basketball.casa

When a catch is fumbled, the receiver used to go on holding the ball until the whistle. Now the ball comes loose from their hands at the catch and drops to the floor. #gamedevelopment #indiegamedev #indiedev #sportsviz #indiegame #gamedev #basketball #dataviz #simulation #hoops #sportsanalytics #3d

The dribble sets the shot, and the shot clock is on screen · basketball.casa

In the basketball simulation a driver now gathers the ball on a bounce of their own dribble, the replay draws and plays each bounce the game decided, the shot clock runs beside the score, and a new view shows every player's reach.

basketball.casa

Press P in the replay and a small bead appears over a player while they wait, shrinking as the wait runs out: amber while they decide, white while they look around the floor, cyan before a run starts. Players do not act the instant something happens. #indiedev #indiegame #dataviz #basketball #hoops

See what a player weighed, and a cutter found on the run · basketball.casa

The basketball replay can now show every option a player weighed at a decision and each moment a player waits, a cutter can be passed the ball while still running, and every player has a page you can reach from the new players list.

basketball.casa

When a shot is blocked in the replay, the line at the corner of the screen now names the blocker at the moment of the block, instead of half a second before it. #indiedev #indiegame #dataviz #indiegamedev #basketball #gamedevelopment #sportsviz #gamedev #simulation #hoops #sportsanalytics #devlog

The game first: a new look for the site, and a camera that stays on the shot · basketball.casa

basketball.casa now opens on the game, with one look across every page; the replay's camera keeps the shooter, the defender and the rim in view through a shot, the hoop is solid, and a phone gets a one-row control bar.

basketball.casa

Press R in the replay and every player gets two rings: one at the height they reach standing, one at the top of their jump, each as wide across as their wingspan. Each comes from that player's own body, because reach decides who blocks a shot and who gets a hand to a rebound. #basketball #sportsviz

The dribble sets the shot, and the shot clock is on screen · basketball.casa

In the basketball simulation a driver now gathers the ball on a bounce of their own dribble, the replay draws and plays each bounce the game decided, the shot clock runs beside the score, and a new view shows every player's reach.

basketball.casa

When a shooter is fouled, the replay now shows it: at the release, the hand of the defender who fouled goes up at the shooter, and the caption names the shooter, the defender and how many free throws went in. It draws only what the game recorded, never a walk to the line the game did not play. #3d

Most of the floor weighs its options, and the whistle is heard · basketball.casa

The basketball replay's options view now shows what a helping defender and every player away from the ball were choosing between when a drive got past its defender, and a shooting foul is drawn from what the game recorded, with a whistle on the stream.

basketball.casa

Press L in the replay and it pauses, then writes the exact view you are looking at into the address bar: the moment, the camera, even who it follows. Anyone who opens that address sees the same moment from the same place, and a link can put you behind a player's eyes. #indiegamedev #indiegame #hoops

A link to any view of the basketball replay · basketball.casa

How a replay link now carries the moment and the camera: follow the ball or any player, stand beside them, or see the game through their eyes, and share exactly that view.

basketball.casa

Every steal, strip and charge in a game is an event the simulation recorded, with the time it happened and the spot where the ball was taken. The replay reads that short list along with the game, so it knows about each one before the moment arrives. #indiegame #basketball #sportsviz #indiedev #hoops

The replay cuts close when the ball is stolen · basketball.casa

How the basketball replay moves in on every steal, strip and charge the simulation recorded, holds on the spot where the ball is taken, and eases back out.

basketball.casa

Press O in the replay and pause on a play: a line is drawn to where each option would have gone, amber for a shot, green for a pass, violet for a drive. Each line is as strong as that option's chance of being chosen, and the one taken is drawn in full. #indiegame #indiegamedev #indiedev #dataviz #3d

See what a player weighed, and a cutter found on the run · basketball.casa

The basketball replay can now show every option a player weighed at a decision and each moment a player waits, a cutter can be passed the ball while still running, and every player has a page you can reach from the new players list.

basketball.casa

A three from 11.9 m: the red shooter has the ball with the blue players well back, then it arcs to the hoop and drops through. The card at the lower left reads scored a three, 11.9 m out, contested at 2.74 m, jump height 0.508 m. #indiegamedev #indiegame #indiedev #gamedevelopment #sportsviz #hoops

A three from 9 m. The red shooter lets go at the left edge of the frame, a blue player stands with an arm out, and the ball drops through. The card at the lower left reads scored a three, 9 m out, contested at 2.69 m, jump height 0.746 m. #indiegamedev #indiegame #gamedevelopment #indiedev #dataviz

The archive lists every finished tournament day, game by game: first round to final, each with its score and a replay link. Pick any game from the day and watch it again. #gamedevelopment #indiegamedev #indiegame #indiedev #dataviz #basketball #sportsviz #gamedev #simulation #hoops #sportsanalytics

The archive · basketball.casa

Every finished tournament day: each game's teams and score, and the replay where it is kept.

basketball.casa

A shot comes off the rim and the blue player catches it. The camera starts wide, over the half court, then follows the ball down. The card at the lower left reads rebounded for the offence, top speed 7.02 metres a second, acceleration time 1.19 s. #indiegame #indiegamedev #indiedev #sportsviz #hoops

The red player takes the offensive rebound beside a blue player, brings it down, then goes back up with it. The card at the lower left reads rebounded for the offence, top speed 6.11 metres a second, acceleration time 1.07 s. #indiegame #indiegamedev #indiedev #gamedevelopment #dataviz #sportsviz