https://github.com/yamaton/knollbot

Let a robot knoll
https://github.com/yamaton/knollbot

Last synced: 1 day ago
JSON representation

Let a robot knoll

• Host: GitHub
• URL: https://github.com/yamaton/knollbot
• Owner: yamaton
• License: mit
• Created: 2020-07-07T13:14:07.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-06-19T10:55:23.000Z (5 months ago)
• Last Synced: 2024-06-19T20:44:51.752Z (5 months ago)
• Language: TypeScript
• Size: 11.1 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Node.js CI](https://github.com/yamaton/knollbot/workflows/Node.js%20CI/badge.svg)

# Knollbot UI







Interactive demo: https://yamaton.github.io/knollbot

* Double click on a block: Rotate the block

* L key: Toggle alignment force

* P key: Toggle random poking force

## What's Knollbot and knolling?

Knollbot is an attempt to organize desktops and floors with ideas of knolling. The big picture is to automate the entire processes. Here we provide user interface to help knolling.

[Knolling](https://en.wikipedia.org/wiki/Tom_Sachs?oldformat=true#Knolling) is a 2D layout with focus of grouping and alignining. You can find many examples in [/r/knolling](https://www.reddit.com/r/knolling/). People say Wes Anderson's films use the ideas of knolling.

## Build and run

```shell

git clone https://github.com/yamaton/knollbot.git

cd knollbot

# install node packages

npm install

# Run webpack dev server

# For release build, run `npm run build:prod` instead

npm run start:dev

# Open browser http://localhost:9000

firefox http://localhost:9000

```

## TODOs

- [ ] Group based on colors and sizes

- [ ] Accomodate non-rectangular blocks

- [ ] Customizable blocks and background

- [ ] Add margins (in-group and inter-group)