ASCIIBIRD

                           ┏   ┰╛    ╔═━┉┈┉╼━━╌┈╍┅┉╌┄┉┉━═╾─┈═──┄┈╼╍═┈┄╍═╍╼━┈─┈╼┉╍┅╌╮
                         ╘███╏████╒█ ┕█   http://jewbird.live/                     ╏
                            █┻█  █┦█  █╕  http://yt.jewbird.live/                  ┇
                          ╔╼█ ████ ████╚━ http://patreon.jewbird.live/             ┃
                         ╕  █ █ █┉╍█ ┌█═  http://streamlabs.jewbird.live/          ╽
                       ━█████ █ ██ █ ╯█   ASCIIBIRD TAKING FLIGHT                  ╎
                          ┸╮    ╛     ╘╼┈┅┅──━┈┉┅┈╍┄┈┄┈╍┉╾╾╼╍═━╾╾┄╼╾═─┈═┉═╼┅─┈━╌╾╾┅╯

                              [BTC] 1L2u8mQs5pe7k11ozn2BgX388e3fGMD7qo
[XMR] 832owKc3ZuGCnmjHXHeZeeJzGAxyKx5uWU9WxoaXg6BhQ7aWSnZ6EhxFK8Mzw137nSgGAfMM8FgHjM6rpq5s1EofD7UT2yp
           [STREAMLABS] http://streamlabs.jewbird.live [PATREON] http://patreon.jewbird.live
     [YT] http://yt.jewbird.live [TWITCH] http://twitch.jewbird.live [GITHUB] http://git.jewbird.live

ASCIIBIRD is an IRC ascii art editor to create or edit mIRC art, it is most times worked on during live stream. It's 100% client side and created in vue2 and may be migrated to vue3 in the future.

You can view and load ASCII art from https://irc.watch/ascii into asciibird.

A most latest production build to use is available at https://asciibird.jewbird.live/

Current Features

Tabbed ASCII editing
Copy and paste between tabs
Remembers state on refresh and when the browser loads, can also export the state to a file and load elsewhere.
So you never lose your ascii art!
Can import from clipboard, load from irc.watch/ascii, load from file
Can export to mirc ascii to clipboard or file
99 Colour support, flip colours
Mirror X and Y
Grid mode with alt + g
Undo and redo with ctrl + z and ctrl + y
Fg, Bg and Char boxes to filter when using certain tools
For example filling with Char unchecked will ignore characters when filling
Toolbar containing
Select
Text mode
Fill background blocks
Brush mode
Block picker (grab fg, bg and char of a block)
Eraser - remove blocks
Fill Eraser - Fill remove blocks by bg
Brush Library and History
Make circle, square and cross brushes by sizes
Brush history, can save or re-use old brushes
Library - Save most used brushes to library
Brush Preview
Editable brush preview
Clicking updates block
Right clicking removes block
Hovering outside brush area will save brush to history

Noted Bugs to Fix

ASCIIBIRD is mostly usable. There are some bugs however to note at the moment.

If you resize an ascii, and then undo and try fill in blocks it will error cuz the blocks don't exist
Redo (ctrl y) is a buggy
Circle brush (works okay for odd width and height numbers)
Importer could be re-written with regex

Focusing on Now

Modals to add
Asciibird options / Options modal from skgs PR
Review encodings check on file import - UTF8 vs Latin something
Context Menus (right click menu) - add to other areas of asciibird
LAYERS, drag and drop to arrange layers
Image overlay for trace mode

Keyboard Shortcuts

ASCII Editing

Until the keyboard shortcuts are moved out of Editor.vue they will only work when the editor is visible.

Ctrl + Z - Undo
Ctrl + Y - Redo
Ctrl + Shift + C - Save to clipboard
Ctrl + Shift + F - Save to txt file
Escape - Return to default mode / stop using any tool
When the colour picker is open, the first 0 to 9 colours can be chosen with the keyboards number.
When the character picker is open, you can also press any key on your keyboard to set the character.

The toolbar keyboard shorts are used with the ALT key.

Alt 1 to 8 - Will toggle the corresponding toolbar icon
Alt + c - Opens character Panel (You can then press on the keyboard your desired character or select from the list)
Alt + f - Opens foreground panel (can then press 0 to 9 for the colour)
Alt + b - Opens background panel (can then press 0 to 9 for the colour)
Alt + g - Toggle grid mode
Ctrl + ] - Increase both brush sizes by 1
Ctrl + [ - Decrease both brush sizes by 1

Default Mode Only

l - Show / hide brushes library
d - Show and Hide debug bar
e - Edit ASCII
p - Paste ASCII from Clipboard
n - New ASCII

Select Mode Only

Ctrl + c - Copy blocks to clipboard
Ctrl + x - Cut blocks to clipboard
Ctrl + v - Paste blocks
Delete - Delete selected blocks

Brush Mode Only

e - rotate brush
q - flip brush

Text mode

Four arrow keys control text cursor
Delete - Remove text from highlighted block
Backspace - Remove current character and move to previous block
Enter - Go to next line and reset X position to 0

References

Project setup

yarn

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

6.1 KiB Raw Blame History