diff --git a/images/Logs/palettegrid.gif b/images/Logs/palettegrid.gif new file mode 100644 index 0000000..173b731 Binary files /dev/null and b/images/Logs/palettegrid.gif differ diff --git a/js/ColorModule.js b/js/ColorModule.js index 97fb109..c791bc5 100644 --- a/js/ColorModule.js +++ b/js/ColorModule.js @@ -121,11 +121,11 @@ const ColorModule = (() => { const currentSelectedColorButton = document.querySelector('#colors-menu li.selected .color-button'); const selectedColor = currentSelectedColorButton.style.backgroundColor; const clickedColor = e.target.style.backgroundColor; + document.querySelector('#colors-menu li.selected')?.classList.remove('selected'); //set current color updateCurrentColor(Color.cssToHex(clickedColor)); - //make color selected e.target.parentElement.classList.add('selected'); @@ -141,10 +141,15 @@ const ColorModule = (() => { } //right clicked color else if (e.which == 3) { - //hide edit color button (to prevent it from showing) - e.target.parentElement.lastChild.classList.add('hidden'); - //show color picker - e.target.jscolor.show(); + if (EditorState.getCurrentMode() == "Basic") { + //hide edit color button (to prevent it from showing) + e.target.parentElement.lastChild.classList.add('hidden'); + //show color picker + e.target.jscolor.show(); + } + else { + Dialogue.showDialogue("palette-block"); + } } } @@ -497,6 +502,11 @@ const ColorModule = (() => { currFile.layers[i].context.fillStyle = color; currFile.layers[i].context.strokeStyle = color; } + + for (let i=0; iLasso tool -Finally! With the lasso tool you're not forced to select rectangular areas anymore. Have fun selecting, cutting, -copying and pasting any kind of selection with pixel-perfect precision. - -
- -

Magic wand

-In addition to the lasso tool, we added a new selection tool: the magic wand. You can use it to select -contiguous areas of the same colour! If you need to exactly select the pixels of a certain colour, you're - probably going to find the magic wand useful. - -
- -

Ellipse tool

-I added a cute friend for the rectangle tool: with the ellipse tool you'll be able to draw circles and -ellipses of all sizes. The tool works similarly to the rectangle tool: select it to draw empty ellipses, -click on the ellipse button again to draw filled ellipses. - -
- -

Tool tutorials

-I know what you're thinking, "wow those gifs are so cute, that guy must have put a lot of love in them". -Well, I'm glad you like them, and I have good news for you: there are more! Move the cursor on a tool -button: after a little a small tutorial explaining how to use the tool will appear. Hope it's useful for -everyone who's new to the editor! - -
- -

Top bar info

-Depending on the tool you're using, you'll notice that the top right part of the editor will slightly change. -When using a resizable tool (eraser, brush, rectangle, ellipse, line), it's now possible to select a precise -size by typing it in the input field that appears when you select it. More features that make use of the -top bar are planned. - -

Bug fixes and minor details

+Hi! Been a while after the last update, the lack of contributors slowed down the support a bit. You may have seen +it from the Lospec homepage, but this editor has been liberated and released under the GPL-3.0 license! This +probably incentivized more contributors to help with development. I want to thank them for their work. +In addition, we had a pretty big contribution by Jaman. He did some +needed refactoring that will help us with development. In addition, he kindly added a new palette layout so that +big palettes aren't too stretched out, like it happened with the previous vertical layout. +
+ -

End of log

-You've reached the end of this log, congrats. Special thanks to Jaman on Discord, who's helping us and -who found a quite nasty bug in the selectiont tools. Hope to see you soon in a new log!
-- Unsettled -

-P.S.: we're always looking for contributors! Join the Lospec discord to get in touch -or have a look at the editor repository! \ No newline at end of file +
+Lastly, I would also like to thank all the people who submitted feature suggestions and bug reports on Github, they +are very welcome and we will try to address as many as possible of them. \ No newline at end of file diff --git a/views/logs/00003-selection-tools.hbs b/views/logs/00003-selection-tools.hbs new file mode 100644 index 0000000..be3e0f0 --- /dev/null +++ b/views/logs/00003-selection-tools.hbs @@ -0,0 +1,52 @@ +Heyo! New pixel editor update, with some very requested changes. After the code refactoring, adding features + is way easier: I introduced some more selection tools, the ellipse tool and an info bar in the top menu :) + +

Lasso tool

+Finally! With the lasso tool you're not forced to select rectangular areas anymore. Have fun selecting, cutting, +copying and pasting any kind of selection with pixel-perfect precision. + +
+ +

Magic wand

+In addition to the lasso tool, we added a new selection tool: the magic wand. You can use it to select +contiguous areas of the same colour! If you need to exactly select the pixels of a certain colour, you're + probably going to find the magic wand useful. + +
+ +

Ellipse tool

+I added a cute friend for the rectangle tool: with the ellipse tool you'll be able to draw circles and +ellipses of all sizes. The tool works similarly to the rectangle tool: select it to draw empty ellipses, +click on the ellipse button again to draw filled ellipses. + +
+ +

Tool tutorials

+I know what you're thinking, "wow those gifs are so cute, that guy must have put a lot of love in them". +Well, I'm glad you like them, and I have good news for you: there are more! Move the cursor on a tool +button: after a little a small tutorial explaining how to use the tool will appear. Hope it's useful for +everyone who's new to the editor! + +
+ +

Top bar info

+Depending on the tool you're using, you'll notice that the top right part of the editor will slightly change. +When using a resizable tool (eraser, brush, rectangle, ellipse, line), it's now possible to select a precise +size by typing it in the input field that appears when you select it. More features that make use of the +top bar are planned. + +

Bug fixes and minor details

+ + +

End of log

+You've reached the end of this log, congrats. Special thanks to Jaman on Discord, who's helping us and +who found a quite nasty bug in the selectiont tools. Hope to see you soon in a new log!
+- Unsettled +

+P.S.: we're always looking for contributors! Join the Lospec discord to get in touch +or have a look at the editor repository! \ No newline at end of file