Drawing in Kinopio [Draw box]

Kinopio is helping me greatly to think visually, but if there’s one thing I’m missing is the possibility to jot down a simple image or diagram of something.

One way to do it could be to have 1 more box button (a Draw Box) that allows us to draw and sketch in it.
You’d draw the box and then only within that box, the cursor-trail would actually ‘paint’ something and not disappear.
Something very basic would do, even only 1 color and 1 brush-size.

Just to be able to quickly jot down some visual imagery, without having to open another program to draw and then paste it (which gets grueling if you do it a lot).

image

This would help a lot!

2 Likes

Hey Kirnoi, you’re right and drawing is easily the most requested feature on the roadmap so it’ll be the next major project. Curious to why you only want to be able to draw in a box?

How would you handle a scenario where you want to paint select multiple cards but they’re inside a draw box?

1 Like

Apologies for the repeated question in that case!
The box idea was simply because it seemed like a possibly easier way to implement the feature, but being able to draw freely across the whole board would definitely be better and it would add a lot more interesting possibilities.

2 Likes

makes sense, thanks!

1 Like

got another request for something similar, but it was a draw card. Both of which seem like a lot easier to implement/manage than drawing anywhere on the background, so still thinking about this

1 Like

related thread Support for hand-written input - #6 by pirijan

1 Like

stubbing out the UI,
no icons yet.

clicking the drawing toolbar item ‘D’, will summon a child toolbar with options for stroke Size, stroke Color, and Eraser mode.

Deliberately not making a full featured drawing app, just the simple basics

3 Likes

clicking D will toggle drawing mode on and off (just like the box toolbar button above it)

i dont really see the need for size as an option, if you want it to be simple.

what about color?

i think color is fine (mostly because i love kinopio’s color picker)

1 Like

what would you prefer for the initial default color:

  1. the color is the user color, but when you change it, the new color will be the default drawing color in the current session. But on a refresh the drawing color will be back to being your user color
  2. same as #1, but the saved drawing color is saved across sessions

what, if anything, should happen to your drawing color when you change spaces?

removed brush size picker code. for posterity it looked like this

drawing color should stay between sessions and spaces, imo

2 Likes

I think as long as it uses the regular color select where you can save favorites, either solution for the default color is fine to me. Maybe slight preference for returning to the default on refresh/new session.
As for spaces, I could see being able to set default drawing color differently between spaces as potentially nice - not super high priority though.

And I’m… alright with only one brush size, provided it’s a size I like, haha

2 Likes

what do you think of the brush size used on https://help.kinopio.club ?

Slightly too big. The cat I drew is missing some detail.
I think it’s good to keep the size selector for three sizes. For reference, excalidraw has three sizes of brushes and figma has two.

1 Like

Huge.

If you do go back to add sizing - 3 dots representation would be good.
I’d go from Small to Large. I would say small would be used more often than large.

Then toggling “D” could also be a shortcut for cycling through sizes (if that isn’t already planned)

How does the eraser function?

  • Deletes per stroke
  • Removes like an Eraser
  • Would a drag and select remove the whole drawing or parts of it?
1 Like

this one.

dragging with erase would only erase the specific pixels you dragged over

1 Like

Sounds like I should re-add sizes back, ya I’ll do S M L.

why ‘D’? I was thinking of using ’S’ for Size