Hi! BitsyDRAW is a drawing tool made in bitsy, with the help of bitsy hacks and a lot of custom js code.

Check out gallery in the comments!

Features:

  • 16 * 16 cells canvas, each cell can contain a pattern of some color
  • 7 built-in color palettes, total 58 colors
  • Custom color palette, allows adding 16 custom colors
  • 69 patterns to choose from (including basic shapes, lines, arrows, numbers, letters)
  • Export! You can download your drawing as png and share it!
  • You can choose how cursor looks (total 7 cursors)
  • Drawing mover - moves your entire drawing on canvas in 4 directions
  • Can be downloaded and played offline

Menu overview:

  1. Color - change current color, choose from current palette
  2. Palette - change current palette and choose color from it
  3. Pattern - change current pattern
  4. Tool - change current tool
  5. Cursor - change current cursor
  6. Canvas - change background color, move drawing on canvas, export canvas to png 512 * 512 px, and clear canvas
  7. Shortcuts - displays list of keyboard shortcuts and controls

Controls:

  • Move - WASD, Arrows
  • Draw - Space, Enter
  • Erase - Backspace, Delete
  • Main Menu - E, M
  • Color - C
  • Palette - X, P
  • Pattern - Z
  • Tool - T
  • Color Picker - Q
  • Pattern Picker - F
  • Close menu - Escape
  • Change color - 1234567890-=

Custom palette notes:

To edit custom palette, press "Edit" in palette menu and then select a color. You can now enter color code in following formats:

  • R, G, B - e. g. 255, 0, 0
  • R G B - e. g. 123 123 123
  • #RGB - e. g. #abc
  • #RRGGBB - e. g. #ff00ff

To skip entering color code press enter.

Palettes used:

Have fun! Would love to see what you create, post your drawings in the comments!

Published 12 days ago
StatusReleased
CategoryTool
PlatformsHTML5
Rating
Rated 5.0 out of 5 stars
(1 total ratings)
AuthorNire
Made withbitsy
TagsBitsy, Creative, Drawing, Pixel Art, Retro
Average sessionA few minutes
LanguagesEnglish
InputsKeyboard
ContentNo generative AI was used

Download

Download
BitsyDRAW 1.3.html 426 kB

Development log

Comments

Log in with itch.io to leave a comment.

(+2)

Nice!! Here's my OC

(+1)

I like the choice of colors, looks cool!

Glad you liked it :)

(+1)

Some drawings made during development:

mountains.png

mountains.png
evil.png
evil.png
little axol.png
little axol.png
viking set.png
viking set.png
chel.png
chel.png
the most realistic elephant.png
the most realistic elephant.png
apple.png
apple.png
ornament face.png
ornament face.png
device.png
device.png
prototype.png
prototype.png
crazy world.png
crazy world.png
bathroom tile.png
bathroom tile.png by void
lame blok.png
lame blok.png
cool block.png
cool block.png