Skip to content

ahibis/BrushGnome

Repository files navigation

BrushGnome

the app for redaction images on web and windows.

picture

Old versions

optimization

For optimization, I have tried several image and array processing methods, and for this project I am trying to use the best methods. my tests

Layers

Menu for layer choose

layers

Params

params

Curves (faster method)

applies gradient transformation by changing the graph of the function. the Lagrange polynomial is used as a function for the spline.

  • click to add a new point
  • pull to drag a point
  • double click to remove a point

img

Curves

applies gradient transformation by changing the graph of the function. It works like "Gradient transformation (faster method)", but when the spline changes, a histogram is drawn. You can change calculation mode from CPU to GPU.

img

Binarization

turns the picture into black and white

Gavrilov method

at the beginning, the algorithm searches for the color of the average pixel. Then for each pixel, if the color is larger than the average pixel, then it becomes white, otherwise it becomes black.

gavrilov

Otsu method

https://en.wikipedia.org/wiki/Otsu%27s_method

Otsu

Niblack method

https://scikit-image.org/docs/stable/auto_examples/segmentation/plot_niblack_sauvola.html

Niblack

Sauvola method

https://scikit-image.org/docs/stable/auto_examples/segmentation/plot_niblack_sauvola.html

Sauvola

Wolf method

Wolf

Bradley method

Bradley

Options

options

  • download - download image
  • editor toggle - shows/hides the sprite editor in the right bar
  • sprite list toggle - shows/hides the sprite list in the right bar

Windows

You can open most redactor options at a separate window options options

Roadmap

  • params for editing and transform image
  • use GPU to render images
  • windows version
  • gradient transformation
  • mask filter
  • movable and resizable sprites
  • binarization
  • spatial filtering
  • Frequency Filter
  • mobile version
  • dark mode
  • i18n
  • other filters

Launch project

  1. download node 14+
  2. npm i
  3. npm run dev

Scripts

  • yarn dev - launch dev version on browser
  • yarn electron:dev - launch dev version on windows app
  • yarn electron - launch windows app
  • yarn build - build web project
  • yarn build:docs - build web project for github pages
  • yarn app:build - compile windows app

Technologies used

  • vue 3
  • pinia
  • vite
  • electron.js
  • lodash.js
  • vue chartjs
  • bootstrap
  • vuetify
  • pixi.js
  • GPU.js
  • sass