Page 1 of 2

Sketchy - An online screen designer

Posted: Thu Mar 29, 2018 5:08 pm
by sirmorris
I'm playing with javascript and also needing a screen design/painting program so I thought I'd combine the two.

It's only in its first few days of development but it's a minimally usable product.

Double click to place the text input cursor. Click the mode button to get inverse characters. Drag the mouse around to draw plot. Plotting mode is determined by where you first click. If you click in an empty space you get draw mode. If you click on an already set block you get unplot.

SAVE will download an assembler representation of the image. Drag and drop a saved file to re-load it.

I think that's all there is to it at the moment. Future enhancements may or may not include:

* Region select
* Fill region
* Copy / paste region
* Shift/rotate region

Re: Sketchy

Posted: Thu Mar 29, 2018 6:56 pm
by sirmorris
Since posting I've added the character set panel. Click a character to select it (for no reason as yet) but double-clicking it will print it to the screen.

In general if you run it and see a new feature it's because it's a 'live' release with updates happening as I make them. Just play around. I'll try and make sure it's always working and I don't break things but don't rely on this for the health and safety of yourself or your loved ones :P

Re: Sketchy

Posted: Thu Mar 29, 2018 10:16 pm
by mrtinb
Very cool!

Your PNG is missing the last line, så the inverse Z misses the last line on screen.

Re: Sketchy - An online screen designer

Posted: Fri Mar 30, 2018 9:10 am
by sirmorris
Thanks for spotting that - it's fixed :D

I've added region select, and fill.

* In G mode you can plot by dragging.
* In L mode you select a region by dragging.
* Fill uses the selected character from the character set.
* Fill only works when a region is selected.
* Text cursor becomes visible when double-clicking a character cell.
* Double-clicking a character from the set will insert it at the text cursor.

I've attached an example screen file to test out.

Re: Sketchy - An online screen designer

Posted: Fri Mar 30, 2018 2:31 pm
by Andy Rea
cool, this could very well be a usuful tool indeed,

Andy

Re: Sketchy - An online screen designer

Posted: Sat Mar 31, 2018 12:15 pm
by sirmorris
Today's update #1:

* With a region selected SHIFT+CURSOR will move the region around.

Re: Sketchy - An online screen designer

Posted: Sun Apr 01, 2018 3:49 pm
by PokeMon
Cool ! 8-)

Re: Sketchy - An online screen designer

Posted: Sun Apr 01, 2018 7:31 pm
by msch
Yes, very cool!

Re: Sketchy - An online screen designer

Posted: Tue Apr 03, 2018 6:24 pm
by sirmorris
Today's update:

Context sensitivity!

* Only the buttons that are relevant to the current mode are shown.
* L mode button switches to G mode.
* Plotting happens in G mode, selections happen in L.
* When a selection is available you can:
* FILL it with the currently selected character,
* INVERT it
* COPY and PASTE it.
* In PASTE mode you can move the selection rectangle around with the cursor keys.


TODO: Not much. Perhaps on-screen help.

It's really quite simple but should be everything anyone really needs. Go on, give it a go! Show us what you make :D

Re: Sketchy - An online screen designer

Posted: Wed Apr 04, 2018 11:48 am
by sirmorris
Today's update:

Context sensitive help
Toggle grid pattern
Undo/Redo

Todo: Nothing, probably.