wasm-elementary-cellular-automaton

A simple elementary cellular automaton implemented in Rust and compiled to WebAssembly.

Adding to JS/TS project

• Add to package.json:

npm install wasm-elementary-cellular-automaton

You can use bun, pnpm, yarn, deno or any other package manager.

• Import in your JS/TS code:

import { CellularAutomaton } from "wasm-elementary-cellular-automaton";

• Use it:

Example with React and TailwindCSS:

const App = () => {
    const initialState = new Uint8Array(128).fill(0);
    initialState[0] = 1;
    
    const automaton = new CellularAutomaton(128, initialState, false);
    const [vector, setVector] = useState(automaton.get_state());
    useEffect(() => {
        const interval = setInterval(() => {
            automaton.step();
            setVector(automaton.get_state());
        }, 100);
        return () => clearInterval(interval);
    }, []);
    return (
        <div>
            {vector.map((cell, index) => <div key={index} className={cell ? 'bg-black' : 'bg-white' + " w-4 h-4"} />)}
        </div>
    )
}

Full example you can find here: https://github.com/wleklinskimateusz/cellular-automaton-react

Source code for the binding is here: https://github.com/wleklinskimateusz/wasm--elementary-cellular-automaton

License

MIT License