docs: update README

Author: FMS-Cat

README.md

@@ -1,8 +1,12 @@
-# ![Automaton](https://i.imgur.com/c4XRwNS.png)
+<p align="center">
+  <img alt="Automaton" src="./readme-images/automaton.png"><br />
+</p>
 
-[![Inspect](https://github.com/FMS-Cat/automaton/workflows/Inspect/badge.svg)](https://github.com/FMS-Cat/automaton/actions)
+<p align="center">
+  Animation engine for creative coding
+</p>
 
-Animation engine for creative coding
+[![Inspect](https://github.com/FMS-Cat/automaton/workflows/Inspect/badge.svg)](https://github.com/FMS-Cat/automaton/actions)
 
 Originally made for [Shift](https://GitHub.com/fms-cat/shift), my WebGL demo
 
@@ -15,6 +19,17 @@ Originally made for [Shift](https://GitHub.com/fms-cat/shift), my WebGL demo
 - [`@fms-cat/automaton-with-gui`](./packages/automaton-with-gui) [![Latest NPM release](https://img.shields.io/npm/v/@fms-cat/automaton-with-gui.svg)](https://www.npmjs.com/package/@fms-cat/automaton-with-gui)
   - A variant of automaton that comes with GUI!
 
+## Playground!
+
+![Playground](./packages/automaton-with-gui/readme-images/playground.gif)
+
+Try our playground!
+It comes with bunch of examples.
+
+[https://fms-cat.github.io/automaton-with-gui](https://fms-cat.github.io/automaton/automaton-with-gui)
+
+You might want to also check examples of [the core package](https://github.com/FMS-Cat/automaton/packages/automaton).
+
 ## License
 
 [MIT](./LICENSE)

packages/automaton-with-gui/README.md

@@ -1,6 +1,4 @@
-# AutomatonWithGUI
-
-![Automaton](https://i.imgur.com/c4XRwNS.png)
+# automaton-with-gui
 
 [![Latest NPM release](https://img.shields.io/npm/v/@fms-cat/automaton-with-gui.svg)](https://www.npmjs.com/package/@fms-cat/automaton-with-gui)
 
@@ -12,7 +10,7 @@ Originally made for [Shift](https://GitHub.com/fms-cat/shift), my WebGL demo
 
 ## Playground!
 
-![Playground](https://i.imgur.com/Ys4OdJb.gif)
+![Playground](./readme-images/playground.gif)
 
 Try our playground!
 It comes with bunch of examples.