shown / requested: 0 / 0

Caution:

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.

About this Tech Demo

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.

Preconditions

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.