@fms-cat/automaton

Animation engine for creative coding

Originally made for Shift, my WebGL demo

You might want to check the variant w/ GUI instead, automaton-with-gui

Examples

• Most basic example
• Event system
• Fxs

Install

Include directly

• automaton.js
• automaton.min.js
• automaton.module.js
• automaton.module.min.js

.min builds are minified. otherwise it isn't minified and comes with source maps.
.module builds are ESM. otherwise it's UMD.
If you want to use the UMD one using iife, everything is exposed onto global under the name AUTOMATON.

Code like this:

const { Automaton } = AUTOMATON;

const data = await ( await fetch( 'automaton.json' ) ).json();

const automaton = new Automaton( data );

// ...

npm

https://www.npmjs.com/package/@fms-cat/automaton

# npm install @fms-cat/automaton
yarn add @fms-cat/automaton

then code like this:

// const { Automaton } = require( '@fms-cat/automaton' );
import { Automaton } from '@fms-cat/automaton';

const data = await ( await fetch( 'automaton.json' ) ).json();

const automaton = new Automaton( data );

// ...

Docs

https://fms-cat.github.io/automaton/automaton/docs/

License

MIT