A toroidal array implementation of Conway's Game of Life built in Vue 3.
Online version is deployed on Netlify here.
Click Start to start iterating generations. Click Pause to stop and Resume to continue.
Before starting or while paused, you can click Import to set a saved initial grid state or Export to copy the current grid state.
You can also click on Edit to change the current grid state before starting or resuming iterations.
Click on Select Shape to choose the shape to place on the grid. You can use the following keys to modify the shape:
X
to flip horizontallyY
to flip verticallyR
to rotate 90 degrees
Click on Save to commit the edits to the grid or Cancel to discard them. Note that, at this time, it is only possible to add live cells. You cannot "kill" cells that are already alive in the grid.
If you regularly work in Vue 2 workspaces, disable the Volar extension globally. Then, in this workspace, right-click on the Vetur extension in the sidebar and select Disable (Workspace)
. Then right-click on the Volar extension and select Enable (Workspace)
.
You will also need to enable TypeScript Take Over Mode by doing the following:
- Run
Extensions: Show Built-in Extensions
from VSCode's command palette - Find
TypeScript and JavaScript Language Features
, right click and selectDisable (Workspace)
- Reload the VSCode window by running
Developer: Reload Window
from the command palette.
yarn
yarn dev
yarn build
Lint with ESLint
yarn lint