readme update, canvas reviews, bug fix
This commit is contained in:
parent
0f0385f901
commit
8171467bf5
71
README.md
71
README.md
|
@ -21,6 +21,10 @@ 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/
|
||||
|
||||
# Big Shout outs to Patrons
|
||||
|
||||
> beenz, xartet, OfMonsters&Crime, mouse, funkpower, Charles, PP4L, octopus, addct, hotline, dingopride, skg, eraser, aaa, chz, L0j1k
|
||||
|
||||
# Current Features
|
||||
|
||||
* Tabbed ASCII editing
|
||||
|
@ -36,10 +40,10 @@ A most latest production build to use is available at https://asciibird.jewbird.
|
|||
* Can import from clipboard, load from irc.watch/ascii, load from file
|
||||
* Can export mirc ascii to clipboard, file or HTTP POST
|
||||
* 99 Colour support
|
||||
* Swap fg and bg colours with button click or alt + k
|
||||
* Swap fg and bg colours with button click or Alt + r
|
||||
* Mirror X and Y
|
||||
* Grid mode with alt + g
|
||||
* Undo and redo with ctrl + z and ctrl + y, undos are set to a limit of 200 at the moment.
|
||||
* Grid mode with Alt + g
|
||||
* Undo and redo with Ctrl + z and Ctrl + y, undos are set to a limit of 200 at the moment.
|
||||
* Fg, Bg and Char boxes to filter when using certain tools
|
||||
* For example filling with Char unchecked will ignore characters when filling
|
||||
* If you want to remove the background but keep the text, unchek FG and Char and eraser the bg only.
|
||||
|
@ -71,6 +75,7 @@ A most latest production build to use is available at https://asciibird.jewbird.
|
|||
|
||||
## Features to Add
|
||||
|
||||
* While select works fine, it could be improved.
|
||||
* Layers undo and redo could be implemented, at the moment there isn't any.
|
||||
* Warning on mirc export if ascii exceeds IRCs 512 per chat line limit.
|
||||
* Review encodings check on file import - UTF8 vs Latin something
|
||||
|
@ -90,17 +95,7 @@ Doesn't exist at the moment. While the underlying functions and code is compatib
|
|||
* 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.
|
||||
|
||||
## Toolbar Keyboard Shortcuts
|
||||
|
||||
The toolbar keyboard shorts are used with the ALT key.
|
||||
* Escape - Return to default mode, stop using any tool and close fg, bg and char panels.
|
||||
|
||||
* Alt 1 to 8 - Will toggle the corresponding toolbar icon
|
||||
|
||||
|
@ -110,38 +105,59 @@ The toolbar keyboard shorts are used with the ALT key.
|
|||
|
||||
* Alt + g - Toggle grid mode
|
||||
|
||||
* Ctrl + ] - Increase both brush sizes by 1
|
||||
* Ctrl + [ - Decrease both brush sizes by 1
|
||||
* Ctrl + ] - Increase both brush sizes by 1 (brush or eraser mode only)
|
||||
* Ctrl + [ - Decrease both brush sizes by 1 (brush or eraser mode only)
|
||||
|
||||
### Default Mode Only
|
||||
* Alt + x - Toggle Mirror X
|
||||
* Alt + y - Toggle Mirror Y
|
||||
* Alt + u - Toggle Update Brush (change brush preview if fg, bg or char changes)
|
||||
* Alt + r - Flip FG and BG colours
|
||||
|
||||
* l - Show / hide brushes library
|
||||
* d - Show and Hide debug bar
|
||||
* ctrl + e - Edit ASCII
|
||||
* ctrl + c - Close ASCII
|
||||
* p - Paste ASCII from Clipboard
|
||||
* n - New ASCII
|
||||
* Ctrl + e - Edit ASCII
|
||||
* Ctrl + q - Close ASCII
|
||||
* Ctrl + m - New ASCII (can't use ctrl + n)
|
||||
* Ctrl + o - Toggle Asciibird Options
|
||||
### Importing
|
||||
|
||||
### Select Mode Only
|
||||
* Ctrl + Shift + o - Open mIRC TXT File as new Ascii
|
||||
* Ctrl + Shift + v - Paste New Ascii
|
||||
|
||||
### Exporting
|
||||
|
||||
* Ctrl + Shift + C - Copy to clipboard
|
||||
* Ctrl + Shift + F - Save to TXT file
|
||||
* Ctrl + Shift + G - Save to PNG file
|
||||
* Ctrl + Shift + H - Save to HTTP Post
|
||||
|
||||
## Showing / Hiding menus, tabs and panels
|
||||
|
||||
* Ctrl + Alt + t - Hide / Show Tabs
|
||||
* Ctrl + Alt + m - Hide / Show Menu
|
||||
* Ctrl + Alt + d - Hide / Show Debug Panel
|
||||
* Ctrl + Alt + b - Hide / Show Brush Library
|
||||
* Ctrl + Alt + l - Hide / Show Layers
|
||||
* Ctrl + Alt + n - Hide / Show Toolbar
|
||||
* Ctrl + Alt + e - Hide / Show Brush Preview
|
||||
## Select Mode
|
||||
|
||||
* Ctrl + c - Copy blocks to clipboard
|
||||
* Ctrl + x - Cut blocks to clipboard
|
||||
* Ctrl + v - Paste blocks as brush
|
||||
* Delete - Delete selected blocks
|
||||
|
||||
### Eraser Mode Only
|
||||
## Eraser Mode
|
||||
|
||||
* Four arrow keys control text cursor
|
||||
* Space - apply eraser
|
||||
|
||||
### Brush Mode Only
|
||||
## Brush Mode
|
||||
|
||||
* Four arrow keys control text cursor
|
||||
* Space - apply brush
|
||||
* e - rotate brush
|
||||
* q - flip brush
|
||||
|
||||
### Text mode
|
||||
## Text mode
|
||||
|
||||
* Four arrow keys control text cursor
|
||||
* Delete - Remove text from highlighted block
|
||||
|
@ -150,6 +166,7 @@ The toolbar keyboard shorts are used with the ALT key.
|
|||
|
||||
### Layers Related
|
||||
|
||||
* Ctrl + Shift + t - Show / Hide Layer
|
||||
* Ctrl + Shift + r - Rename Layer
|
||||
* Ctrl + Shift + a - Add Layer
|
||||
* Ctrl + Shift + d - Delete Layer
|
||||
|
|
|
@ -261,6 +261,8 @@ export default {
|
|||
|
||||
if (curBlock.fg !== undefined) {
|
||||
this.ctx.fillStyle = this.mircColours[curBlock.fg];
|
||||
} else {
|
||||
this.ctx.fillStyle = "#FFFFFF";
|
||||
}
|
||||
|
||||
if (curBlock.char !== undefined) {
|
||||
|
|
|
@ -348,6 +348,8 @@ export default {
|
|||
if (curBlock.fg !== undefined) {
|
||||
// we had used to hide or show depending on canFg, etc && this.isTargettingFg
|
||||
this.ctx.fillStyle = this.mircColours[curBlock.fg];
|
||||
} else {
|
||||
this.ctx.fillStyle = "#FFFFFF";
|
||||
}
|
||||
|
||||
if (curBlock.char !== undefined) {
|
||||
|
|
|
@ -36,7 +36,7 @@
|
|||
:x="currentAscii.x"
|
||||
:handles="['bm', 'br', 'mr']"
|
||||
:y="currentAscii.y"
|
||||
style="z-index: -1;"
|
||||
style="z-index: -1"
|
||||
>
|
||||
<canvas
|
||||
id="overlay-image"
|
||||
|
@ -141,7 +141,7 @@ export default {
|
|||
|
||||
case "ArrowRight":
|
||||
_this.x++;
|
||||
_this.drawBrush(_this.isErasing);
|
||||
_this.drawBrush(_this.isErasing);
|
||||
// _this.delayRedrawCanvas();
|
||||
break;
|
||||
|
||||
|
@ -899,7 +899,11 @@ export default {
|
|||
if (
|
||||
this.diffBlocks.new.length &&
|
||||
!this.canTool &&
|
||||
!this.isTextEditing
|
||||
!this.isTextEditing &&
|
||||
// The main point of this was to use with brushing, but there is a redraw bug
|
||||
// where it draws the cached blocks the wrong way around, for now it's simpler
|
||||
// to have this.
|
||||
!this.isBrushing
|
||||
) {
|
||||
// If we have a difference stored, just render the difference only instead
|
||||
// of the entire ascii again
|
||||
|
@ -912,7 +916,11 @@ export default {
|
|||
canvasY = blockHeight * entry.y;
|
||||
curBlock = { ...entry.b };
|
||||
|
||||
for (let j = this.currentAsciiLayers.length-1; j >= this.diffBlocks.l; j--) {
|
||||
for (
|
||||
let j = this.currentAsciiLayers.length - 1;
|
||||
j >= this.diffBlocks.l;
|
||||
j--
|
||||
) {
|
||||
let layer = this.currentAsciiLayers[j];
|
||||
if (layer.data[entry.y][entry.x] && j !== this.diffBlocks.l) {
|
||||
continue outer;
|
||||
|
@ -920,13 +928,21 @@ export default {
|
|||
}
|
||||
|
||||
// Start to draw the actual block on the canvas
|
||||
if (curBlock.bg !== undefined && curBlock.bg !== null && this.canBg) {
|
||||
if (
|
||||
curBlock.bg !== undefined &&
|
||||
curBlock.bg !== null &&
|
||||
this.canBg
|
||||
) {
|
||||
this.ctx.fillStyle = this.mircColours[curBlock.bg];
|
||||
this.ctx.fillRect(canvasX, canvasY, blockWidth, blockHeight);
|
||||
}
|
||||
|
||||
if (curBlock.char !== undefined && curBlock.char !== null) {
|
||||
if (curBlock.fg !== undefined && curBlock.fg !== null && this.canFg) {
|
||||
if (
|
||||
curBlock.fg !== undefined &&
|
||||
curBlock.fg !== null &&
|
||||
this.canFg
|
||||
) {
|
||||
this.ctx.fillStyle = this.mircColours[curBlock.fg];
|
||||
} else {
|
||||
this.ctx.fillStyle = this.mircColours[0];
|
||||
|
@ -1012,9 +1028,9 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
this.ctx.restore();
|
||||
}
|
||||
},
|
||||
|
@ -1071,7 +1087,9 @@ export default {
|
|||
case "brush":
|
||||
this.canTool = false;
|
||||
|
||||
this.dispatchBlocks();
|
||||
// Once the diff Blocks can render in the correct way we can
|
||||
// remove true from here
|
||||
this.dispatchBlocks(true);
|
||||
|
||||
break;
|
||||
|
||||
|
@ -1711,11 +1729,14 @@ export default {
|
|||
const brushBlock = this.brushBlocks[y][x];
|
||||
|
||||
// If we have no fg or bg, and just a space - this has to be an empty block
|
||||
if (brushBlock.char !== undefined && brushBlock.char === " " &&
|
||||
brushBlock.bg === undefined &&
|
||||
brushBlock.fg === undefined) {
|
||||
continue;
|
||||
}
|
||||
if (
|
||||
brushBlock.char !== undefined &&
|
||||
brushBlock.char === " " &&
|
||||
brushBlock.bg === undefined &&
|
||||
brushBlock.fg === undefined
|
||||
) {
|
||||
continue;
|
||||
}
|
||||
|
||||
const brushX = this.x * blockWidth + x * blockWidth - brushDiffX;
|
||||
const brushY = this.y * blockHeight + y * blockHeight - brushDiffY;
|
||||
|
@ -1797,7 +1818,10 @@ export default {
|
|||
continue;
|
||||
}
|
||||
|
||||
if (this.currentAsciiLayerBlocks[arrayY][arrayX] === undefined || JSON.stringify(this.brushBlocks[y][x]) === '{}') {
|
||||
if (
|
||||
this.currentAsciiLayerBlocks[arrayY][arrayX] === undefined ||
|
||||
JSON.stringify(this.brushBlocks[y][x]) === "{}"
|
||||
) {
|
||||
continue;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue