An open API service indexing awesome lists of open source software.

https://github.com/explooosion/browndust-share

This website is for browndust formation sharing
https://github.com/explooosion/browndust-share

brown-dust browndust formation mercenary share

Last synced: about 1 year ago
JSON representation

This website is for browndust formation sharing

Awesome Lists containing this project

README

          

[![forthebadge](https://forthebadge.com/images/badges/makes-people-smile.svg)](https://forthebadge.com)
[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)
[![forthebadge](https://forthebadge.com/images/badges/uses-badges.svg)](https://forthebadge.com)

# Brown Dust Formation Sharing

An online mercenary formation share website. (unofficial)

![img](https://raw.githubusercontent.com/explooosion/browndust-share/master/public/favicon.png)

## Features

- Supports drag and drop

- Generate an image or URL

- Customizing your content

- Export a custom size

- i18n language

## Step

1. Select the mercenary list, and click the formation. Or just drag and drop.
2. Drag the mercenary in the grid to change the position.
3. Right click can set skill enhancement level.
4. Double-click or drag to the right to remove the mercenaries in the grid.
5. Click [turnorder] to setup priority.
6. Click [download] to get image or [copylink] get share link.

## Browser Support

This website support in the following browsers:

| Chrome logo | Firefox logo | Internet Explorer logo | Edge logo | Opera logo | Safari logo |
| :-------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------: |
| Latest ✔ | Latest ✔ | Nope ✘ | Nope ✘ | Latest ✔ | Latest ✔ |

## Screenshots

![img](https://raw.githubusercontent.com/explooosion/browndust-share/master/screenshots/1.png)

![img](https://raw.githubusercontent.com/explooosion/browndust-share/master/screenshots/2.png)

![img](https://raw.githubusercontent.com/explooosion/browndust-share/master/screenshots/3.png)

![img](https://raw.githubusercontent.com/explooosion/browndust-share/master/screenshots/4.png)

![img](https://raw.githubusercontent.com/explooosion/browndust-share/master/screenshots/5.png)

![img](https://raw.githubusercontent.com/explooosion/browndust-share/master/screenshots/6.png)

![img](https://raw.githubusercontent.com/explooosion/browndust-share/master/screenshots/7.png)

![img](https://media.giphy.com/media/fuQmvP1aoiPSGLkv6Q/giphy.gif)

## Deploy

Installation.

```sh
yarn # npm install
```

Download resource (everytime when the game has been update.).

```sh
yarn download # npm run download
```

Copy .env.example, and rename to .env

```sh
# checkout variables...
```

Start server.

```sh
yarn start # npm start
```

Buid website.

```sh
yarn build # npm run build
```

This website will update when git push by github actions.

```sh
git push origin master
```

## Update

~~Download [getAllCharacters](https://browndust-api.pmang.cloud/book/getAllCharacters) (Korea), and replace the `getAllCharacters.json` in `pre-work`.~~

Update characters from Korea version with the following script.

```sh
yarn download # npm run download
```

After running script, you will get new images.

## Credit

- [create-react-app](https://github.com/facebook/create-react-app)

- [csshake](https://elrumordelaluz.github.io/csshake)

- [html-to-image](https://github.com/bubkoo/html-to-image)

- [react-flags-select](https://github.com/ekwonye-richard/react-flags-select)

- [react-i18next](https://react.i18next.com/)

- [pretty-checkbox](https://github.com/lokesh-coder/pretty-checkbox)

- [react-icons](https://react-icons.netlify.com)

- [react-spinners](https://www.react-spinners.com)

## Reference

- [Brown Dust Mercenary Encyclopedia](https://book.browndust.app)

- [Brown Dust Wiki](https://browndust.wiki/wiki/Brown_Dust_Wiki)

- [browndust-api](https://browndust-api.pmang.cloud/v1/book/character/getAll)

- [browndust-global-api](https://browndust-global-api.pmang.cloud/v1/book/character/getAll)

## Introduction

## License

Brown Dust share is open source software [licensed as MIT](https://github.com/explooosion/browndust-share/blob/master/LICENSE).