@explorables/nah_dah_dah_nah_nah_opus_1984 v2.0.4
Nah Dah Dah Nah Nah (Opus 1984)
This explorable is an implementation of Conway's Game of Life, one of the most famous cellular automata models for the emergence of structure, replication and complex behavior generated by simple rules.
The explorable is part of the Complexity Exporables Collection. For more information about the system and its behavior consult the explorable
Usage & Installation
Just running the explorable
If you just want to run the explorable you can Click here.
Running a local copy
If you want to run a local copy without having to rely on the nasty internet, the best way
is to install it via npm:
npm install @explorables/nah_dah_dah_nah_nah_opus_1984
open node_modules/@explorables/nah_dah_dah_nah_nah_opus_1984/dist/index.html Embedding the explorable in your site
If you want to embed the explorable in your site, you need to do three things:
- load the explorable package via
<script>tag in your page header - add a
<div>container element add a
<script>at the end of the document that loads the explorable
like so:
<!doctype html>
<html>
<head>
...
<script src="https://cdn.jsdelivr.net/npm/@explorables/nah_dah_dah_nah_nah_opus_1984/dist/index.umd.js"></script>
...
</head>
...
<body>
...
<div id="explorable_container"></div>
...
</body>
...
<script type="text/javascript">
const explorable_instance = nah_dah_dah_nah_nah_opus_1984.load("explorable_container")
</script>
...
</html>The header <script> tag loads the bundle, the <div> in the document is the container in which the explorable gets anchored when the function nah_dah_dah_nah_nah_opus_1984("explorable_container") gets executed at the bottom. This function needs the <div> container id as an argument. The function returns an instance of the explorable and writes it to explorable_instance. That variable contains functions like halt(), reset() and variables meta and config.
If you want to make use of ES modules instead of UMD, here's a way that will work on modern (ES support) and legacy browsers (UMD only).
<!doctype html>
<html>
<head>
...
<script type="module">
import load from 'https://cdn.jsdelivr.net/npm/@explorables/nah_dah_dah_nah_nah_opus_1984/dist/index.es.js';
const nah_dah_dah_nah_nah_opus_1984 = load("explorable_container");
</script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@explorables/nah_dah_dah_nah_nah_opus_1984/dist/index.umd.js"></script>
...
</head>
...
<body>
...
<div id="explorable_container"></div>
...
</body>
...
<script nomodule type="text/javascript">
const explorable_instance = nah_dah_dah_nah_nah_opus_1984.load("explorable_container")
</script>
...
</html>Installing the whole package locally
If you want to modify or edit the explorable to make your own version:
Clone repository:
git clone https://github.com/dirkbrockmann/nah_dah_dah_nah_nah_opus_1984.gitGo to the directory, install, build and show using npm:
cd nah_dah_dah_nah_nah_opus_1984npm installnpm run buildnpm run preview
License
This work is licensed under a Creative Commons Attribution 4.0 International License.
