Sketchy - An online screen designer

Any discussions related to the creation of new hardware or software for the ZX80 or ZX81
sirmorris
Posts: 2813
Joined: Thu May 08, 2008 5:45 pm

Sketchy - An online screen designer

Post by sirmorris » Thu Mar 29, 2018 5:08 pm

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

sirmorris
Posts: 2813
Joined: Thu May 08, 2008 5:45 pm

Re: Sketchy

Post by sirmorris » Thu Mar 29, 2018 6:56 pm

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

User avatar
mrtinb
Posts: 1006
Joined: Fri Nov 06, 2015 5:44 pm
Location: Denmark
Contact:

Re: Sketchy

Post by mrtinb » Thu Mar 29, 2018 10:16 pm

Very cool!

Your PNG is missing the last line, så the inverse Z misses the last line on screen.
Martin
ZX81, Lambda 8300, Commodore 64, Mac G4 Cube

sirmorris
Posts: 2813
Joined: Thu May 08, 2008 5:45 pm

Re: Sketchy - An online screen designer

Post by sirmorris » Fri Mar 30, 2018 9:10 am

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.
Attachments
screen.asm.txt
(3.89 KiB) Downloaded 77 times

User avatar
Andy Rea
Posts: 1535
Joined: Fri May 09, 2008 2:48 pm
Location: notts UK

Re: Sketchy - An online screen designer

Post by Andy Rea » Fri Mar 30, 2018 2:31 pm

cool, this could very well be a usuful tool indeed,

Andy
6 x ZX81, 1 x TS1500 , 1 x +3e, 1 x timex 2040 printer, 1 x timex 2020 cassette deck, siclair printer and some spectrum

sirmorris
Posts: 2813
Joined: Thu May 08, 2008 5:45 pm

Re: Sketchy - An online screen designer

Post by sirmorris » Sat Mar 31, 2018 12:15 pm

Today's update #1:

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

User avatar
PokeMon
Posts: 2225
Joined: Sat Sep 17, 2011 6:48 pm

Re: Sketchy - An online screen designer

Post by PokeMon » Sun Apr 01, 2018 3:49 pm

Cool ! 8-)

User avatar
msch
Posts: 77
Joined: Sun May 19, 2013 11:39 pm

Re: Sketchy - An online screen designer

Post by msch » Sun Apr 01, 2018 7:31 pm

Yes, very cool!
Mathias

ZX-Team, classic computer collector

sirmorris
Posts: 2813
Joined: Thu May 08, 2008 5:45 pm

Re: Sketchy - An online screen designer

Post by sirmorris » Tue Apr 03, 2018 6:24 pm

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

sirmorris
Posts: 2813
Joined: Thu May 08, 2008 5:45 pm

Re: Sketchy - An online screen designer

Post by sirmorris » Wed Apr 04, 2018 11:48 am

Today's update:

Context sensitive help
Toggle grid pattern
Undo/Redo

Todo: Nothing, probably.

Post Reply