Add demo gif

Author: ch4ot1c

README.md

@@ -4,37 +4,36 @@ Browse your code in peace.
 
 Fly around in 3D and browse a directory tree.
 
-**From the repo root:**
+![](example-file-browser.gif)
 
-Install: `npm i && npm i -g serve`
+## Running
 
-List directory: `./scripts/list-directory.js example`
+### From the repo root -
 
-Run: `serve -s -l 5001`
+Install package and http server: `npm i && npm i -g serve`
 
-- Text, Markdown, Code, Image (JPG, PNG) support
-- VR support!?
-- File formats:
-  - Images (`.jpg`, `.png`)
-  - Text (`.txt`, `.md`)
-  - Code (`.cpp`, `.c`, `.h`)
+Create directory listing file: `./scripts/list-directory.js example/`
 
-## Usage
+Run: `serve -s -l 5001`; navigate to `localhost:5001` to view.
 
-Navigate to `localhost:5001` to view
+The default example runs using the files in `example/`. Run `./scripts/clone-and-list.js` to setup other repos for viewing in `scripts/output/cloned-repos/`.
 
-Running the default example uses `example/`. Run the `clone-and-list` script to fetch to your default workspace, `scripts/output/cloned-repos/`.
+### Supports -
 
-## TODO
+- Images (`.jpg`, `.png`)
+- Text (`.txt`, `.md`)
+- Code (`.cpp`, `.c`, `.h`)
 
-- [ ] Support many file & mime types (SVG, MP4)
+## Future Features
+
+- [ ] More file & MIME types (`.svg`, `.mp4`)
 - [ ] `q`, `e` for flying `upward`, `downward`
-- [ ] Succinct 3D model for a `directory`, and default `file`
+- [ ] Clear 3D default models for directories and files
 - [ ] Handlable UI (Focus, Move)
 - [ ] Collapsible directories
 - [ ] Secondary edges for file hyperlinks
-- [ ] Canvas image rendering option
 - [ ] Documentation generator support (Doxygen, JSDoc)
-- [ ] HTML5 filesystem support (`bro-fs`) for temporary cloned repos
+- [ ] HTML5 filesystem support (`bro-fs`), for temporary cloned repos
 - [ ] Support for VR devices
+- [ ] Canvas-based image rendering option
 - [ ] 2D analog