Do NOT uncheck the "View Transition Chaining" option!
Disabling chaining reverts to default behavior: new view transitions will cancel the active one.
Rapid-fire clicking the NEXT button could cause serious machine damage.
Proceed with caution.
This is Conway's Game of Life.
Clicking the NEXT button triggers a new generation. The mechanics of the machine take a bit to render the new state. If you click faster than it can render, the machine queues up your requests and processes them in batches once it is ready.
You will not see any of this magic in the code. Just start one view transition per click and rely on
@vtbag/utensil-drawer/mayStartViewTransition
with collisionBehavior
set to
chaining
.
By default, view transitions block interaction with screen elements while the animations are running. So, if you want a button like NEXT to remain clickable during view transitions, you first need to regain control.