Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/creack/fdf
Wireframe (fil de fer) visualizer
https://github.com/creack/fdf
Last synced: about 1 month ago
JSON representation
Wireframe (fil de fer) visualizer
- Host: GitHub
- URL: https://github.com/creack/fdf
- Owner: creack
- License: mit
- Created: 2023-12-04T14:01:47.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-14T19:33:45.000Z (about 1 year ago)
- Last Synced: 2024-05-08T17:42:54.049Z (8 months ago)
- Language: Go
- Size: 3.93 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# FDF - Wireframe - Fil de Fer
Wireframe visualizer
Two renderer are available: `png` to create an image file and [ebitengine](https://github.com/hajimehoshi/ebiten)
which in turn can render as a native window or as a WASM website.
## Window mode
```sh
go run go.creack.net/fdf@latest
```
## WASM
### One liner
```sh
env -i HOME=${HOME} PATH=${PATH} go run github.com/hajimehoshi/wasmserve@latest go.creack.net/fdf@latest
```
### Details
Install `wasmer`:
```sh
go install github.com/hajimehoshi/wasmserve@latest
```
Clone this repo:
```sh
git clone https://github.com/creack/fdf
cd fdf
```
Run:
```sh
env -i HOME=${HOME} PATH=${PATH} wasmserve .
```
For development, `wasmer` exposes an endpoint to do live reload.
I recommend [reflex](https://github.com/cespare/reflex).
Install:
```sh
go install github.com/cespare/reflex@latest
```
Then, with `wasmer` running:
```sh
reflex curl -v http://localhost:8080/_notify
```
## Controls
When running the `ebitengine` renderer, *wasm* or *window* mode, a few keyboard controls are available:
- up/down/left/right/shift left/shift right: Change x/y/z camera angles
- w/a/s/d: Move the image
- 1/2: Change the height
- 3/4: Change the scale
## Examples
### maps/42.fdf
### maps/t1.fdf
