14
Gen Art with Conway's Game of Life
source link: https://codepen.io/ilithya/pen/QWMaQdg
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
HTML (Pug)
0 unsaved changes
xxxxxxxxxx
body(data-mode="dark").p-flex-col
header.banner
h1 Gen Art with Conway's Game of Life
p#intro Get started by clicking on the cells to create alive cells, or click on the 'create' button to randomly create a bunch of alive cells.
main.p-flex-col
section#gameoflife.gol(data-grid="on" data-shape="square" data-td="color")
aside#controls.gol-controls(data-hue="01" data-form="square")
button(type="button" title="Make random alive cells")#create.p-btn Create
button(type="button" disabled title="Start alive cells evolution")#start.p-btn Evolve
button(type="button" disabled title="Kill all alive cells")#reset.p-btn Reset
#speed.p-block
input(type="range" id="speed" name="speed" min="100" max="500" value="300" step="1" disabled title="Change evolution speed")
label(for="speed")
ul.p-list.grid-type
li(data-type="square" title="Squared cells").grid-type_square
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK