Share your repls and programming experiences

← Back to all posts
DRAWQUIX Beta| Art Editor + Unlimited Projects
BobTheTomatoPie (3360)

DRAWQUIX

Create and Make unlimited art projects! They will instantly save in between each mousemove!

Name glitch fixed!! Now it will always show all of your projects and their names when you run it

update!

This was complex

I don't know NODE or flask or anthing, so I made this using soly local storage which is ussually easier, but when you are using two different pages its really insane doing this.

updates will come

Whenever I add an update you will see it in the updates page!

I plan to add a lot of things, right now I just have the basics added!

For those of you who want to save as an image, I haven't added a button, so if you want to do this, click this link: https://drawquix.bobthetomatopie.repl.co/ and then right click the canvas after creating a project, then click save image.

Join my Pitlife5 Discord! https://discord.gg/sgJKFtz7pZ

We have over 30 members!

right now there is a small glitch where the names don't save past a certain point, i will be fixing this. And another one doesn't happen for everyone, but if you want to ensure that you don't get a popup about no projects hit Clear Data before starting

Hope you enjoy

-BobTheTomatoPie

Comments
hotnewtop
BobTheTomatoPie (3360)

oh blobber and undo don't go well together but pen and undo do @ChristopherDai

BobTheTomatoPie (3360)

i can only imagine how good you gallery is by now @ChristopherDai

ChristopherDai (81)

Yeah, this is the only necessary response I want jk @BobTheTomatoPie

BobTheTomatoPie (3360)

also i think you might have accidentally hit clear because it doesnt do that for me @ChristopherDai

ChristopherDai (81)

NO, I CLICKED UNDO IM SURE ABOUT THAT.
@BobTheTomatoPie

BobTheTomatoPie (3360)

oh, well ive tried doing the blob thing and then undo many times and it only removes 10 dots, and i programmed it to only remove the last 10 @ChristopherDai

ChristopherDai (81)

@BobTheTomatoPie I did multiple dots each time tho
try drawing dots first and then draw lines and then undo

BobTheTomatoPie (3360)

same thing, okay let me explain how the undo system works and then you will realise what i mean. So every single ellipse when using the blobber is added to a list. When you click undo it goes through that list and removes the last ten added items, no matter if you do dots, lines or anything it will only remove the last ten. You may have been drawing it before I finished adding undo, but as of the modern undo that is how it works @ChristopherDai

BobTheTomatoPie (3360)

i know the problem i think, answer me this: had you drawn the background in pen? @ChristopherDai

ChristopherDai (81)

uhhh I know, but that's what I experienced. All background dots disappeared but old lines stayed. The new lines crashed into dots. @BobTheTomatoPie

BobTheTomatoPie (3360)

answer me, did you make the bg with pen @ChristopherDai

BobTheTomatoPie (3360)

know what happens if you make the background with pen, pen is layered on top of blobber so any blobber written over pen will be hidden @ChristopherDai

ChristopherDai (81)

NO, dots, like what you see now but more complicated @BobTheTomatoPie

BobTheTomatoPie (3360)

yea but what im saying is was the black background done in pen @ChristopherDai

ChristopherDai (81)

OH I DREW THE BLACK WITH PEN. I forgot that bc that's the first thing I do. @BobTheTomatoPie

BobTheTomatoPie (3360)

yea always do the bg in blobber if you are using both brushes so its not undos fault its the bg @ChristopherDai

ChristopherDai (81)

undo re-layered lines and blobs and put the lines on top so you should fix that " lines are always above dots" bug. @BobTheTomatoPie

BobTheTomatoPie (3360)

its not undos fault, its a bug that when it displays it after a reload it does that @ChristopherDai

ChristopherDai (81)

So fix it thanx, and how do you explain lines shatter into [email protected]

BobTheTomatoPie (3360)

cant fix that, i would have to rebuild the whole system, maybe another day @ChristopherDai

BobTheTomatoPie (3360)

that is called it would rather change lines to dots if you draw a line to fast because it cant connect every dot if i hadnt implemented that system just draw the lines slower @ChristopherDai

ChristopherDai (81)

It's not me too fast, it's repl.it being too slow lol @BobTheTomatoPie

BobTheTomatoPie (3360)

its complicated, if you know the code its a lot harder to fix that than it sounds @ChristopherDai

[deleted]

You should upgrade to using paths.. No offense, but many people have written much better designs at the same scale as beginners.

Paths are much more efficient, and you can connect otherwise disconnected lines when drawing.

And, with paths, you can save every new mouseup / mousedown event as an action in an array, which you can then access to Undo

You can also remove / transfer paths from Undo to the Redo array, which allows you to, as the name suggests, Redo any undos.

tussiez (1647)

@skylerspark Hey! You commented first so take my upvote

BobTheTomatoPie (3360)

wait but this makes it so you can only draw box type stuff, maybe i misinterperted but shouldn't you be able to draw more than just straight lines? @tussiez

tussiez (1647)

@BobTheTomatoPie My example is just straight lines. I wrote a better example somewhere (using circles), but I can't find it right now

BobTheTomatoPie (3360)

i think i have the idea, i was a bit confused at first, i will try to have this implemented by tomorrow @tussiez

tussiez (1647)

@BobTheTomatoPie Awesome! Curious - is it possible to fix the UI?


Try overflow: auto

BobTheTomatoPie (3360)

hmm df, for me it does not look like that @tussiez

tussiez (1647)

@BobTheTomatoPie I have a different screen size

BobTheTomatoPie (3360)

for me it works no matter how much i resize, you on safari? @tussiez

tussiez (1647)

@BobTheTomatoPie Latest on Chrome, Windows 10

BobTheTomatoPie (3360)

im not on windows that could be a reason, ill try to fix it tho @tussiez

BobTheTomatoPie (3360)

bruh ppl who dont relise this is implemented are upvoting the comment like i havent added it, which sucks because they see that, see that its popular, and then they are like, well this program sucks then @skylerspark

BobTheTomatoPie (3360)

Everyone! As suggested by @skylerspark I added a new drawing system! If you would like to use the old one it is still possible, but I thought that you guys should know its been added!

BobTheTomatoPie (3360)

yea but small problem on reload it is a bit messier than it should be, but there isnt much i can do @ChristopherDai

TheC0derGirl (250)

STEVE FROM MINECRAFT

TheC0derGirl (250)

@BobTheTomatoPie thanks lol XD
this is so good, imma just delete photoshop and replace with this-

ChristopherDai (81)

Circle of life I mean programming
Upvote if you felt the same

BobTheTomatoPie (3360)

haha lol, btw next update plan is changing the background color @ChristopherDai

BobTheTomatoPie (3360)

lol undo and redo would actually be pretty easy, i guess ill do that instead @ChristopherDai

BobTheTomatoPie (3360)

undo added, redo sounds a bit rough tho @ChristopherDai

BobTheTomatoPie (3360)

also undo doesn't go off of time, it just removes the last 10 brush particles for both the pen and the blobber @ChristopherDai

Jakman (449)

@ChristopherDai might want to take the wtf part out since some mods are very pleasent people and I respect them.

ChristopherDai (81)

thanx, maybe take care of yourself more. @Jakman

Dart (1200)

@Jakman hey your comment has profanity in it so i edited, and fixed it for you. Have a nice day :)

ChristopherDai (81)

lol, humor based on ridiculous happenings @DartZII

ChristopherDai (81)

Pretty classic not-exist cube

BobTheTomatoPie (3360)

awesome! I really like to see the work you guys are making @ChristopherDai

WILLIAMBAEWER (114)

@ChristopherDai
here's another cube of perfectly normal proportions

ChristopherDai (81)

@WILLIAMBAEWER You've drawn it wrong there is no way for things to look like this:

ChristopherDai (81)

@WILLIAMBAEWER No... It... NO!
The point is...
Making it wrong... but looks right and then wrong...
F*CK

Whippingdot (656)

My lovely self portrait

@BobTheTomatoPie's self portrait

Minecraft

HOORAAAY THIS IS AWESOMMMEEEE

Whippingdot (656)

Do you like ur self-portrait? The tomato is leaking. @BobTheTomatoPie

BobTheTomatoPie (3360)

also for my self portrait, i hope you know my profile pic is not me lmao its Arthur Taylor Lee @Whippingdot

Whippingdot (656)

It is a pie with tomato (it doesn't look like a pie at all lul). Thanks for making this awesome program @BobTheTomatoPie

BobTheTomatoPie (3360)

yea np! I'll be updating it so hopefully soon it will allow you to do more! @Whippingdot

Whippingdot (656)

Did you know 'SROLLING' is my fav thing


@BobTheTomatoPie

GhostKing007 (139)

@Whippingdot - I think your portrait should look more like this -

Whippingdot (656)

I didn't know i was a one-eyed beast who was white(this is not racist) @GhostKing007

GhostKing007 (139)

@Whippingdot - Hmm...aren't you a dot? Whippingdot lmao

Whippingdot (656)

I am...You have made me question my existence NOOOOOOOOOOOOOOOOOO @GhostKing007

[deleted]

@Whippingdot the portrait of BobTheTomatoPie looks like a heavily bleeding apple without a stem

Whippingdot (656)

It was supposed to be a pie with tomato sauce leaking out of it 🤣🤣🤣😆 @AJDevelopment

[deleted]

totally not mario

SilvermoonCat (435)

@BobTheTomatoPie

also take away the swear word on the top, ik it's not intentional (as...)

BobTheTomatoPie (3360)

okay, also if you change your pen to blobber it will be fine for now, im still adding the update so your drawing will look funky, but hopefully they will restore, great drawing @SilvermoonCat

BobTheTomatoPie (3360)

I FIXED IT! your drawings will all look normal again! @SilvermoonCat

SilvermoonCat (435)

@BobTheTomatoPie YAY! :D btw can you add an eraser tool (maybe not now, just saying) bc I use white to erase it but the canvas on the cover is gray-ish so you can see teh strokes

BobTheTomatoPie (3360)

yea sure! It will be later on tho cause i need to convert the background color to white or something before i can do that @SilvermoonCat

SilvermoonCat (435)

Everything's good ^_^ except that my cleared strokes all show up so my cat was ruined but here's when it was still good

BobTheTomatoPie (3360)

hmm, wait when you reloaded the project?
@SilvermoonCat

BobTheTomatoPie (3360)

i see the problem I'm very sorry, you were running it while i was adding an update, i was adding the update of clearing the thing @SilvermoonCat

SilvermoonCat (435)

@BobTheTomatoPie mhm ok I will draw it again sometime later :>

BobTheTomatoPie (3360)

wait i discorverd the bug that caused it, once if fix this your drawing will be restored! @SilvermoonCat

ChristopherDai (81)

@X24 It looks like tv snow.
Uhh, the old memories.

tussiez (1647)

@X24 Are your fingers OK

X24 (30)

@tussiez I found out that moving the touchpad really fast made those dots. So no, my fingers are not okay.

SilvermoonCat (435)


browsing your posts again

l o l
LingWu1 (94)


Ahh, when the sky and sea touch.

Kudos (138)

He's always watching you from a distance... until he's not

ChristopherDai (81)

Can you fix the pen-blubber bug asap qwq? Now my gallery looks sucks after I clicked in again qwq.

ChristopherDai (81)

hi can you see my comment on your crime crowd post? @BobTheTomatoPie

BobTheTomatoPie (3360)

huh i didnt i have like 50 unread notifications rn @ChristopherDai

ChristopherDai (81)

WOW, good luck while checking them [email protected]

ChristopherDai (81)

At least you are surely popular. @BobTheTomatoPie

potatojs (846)

cool but.. you are writing "unlimited art projects" everywhere in the main page in the post everywhere
but i see that you are saving the drawings in the localStorage right?
and the localStorage is not unlimited.. the number of projects is BIG yes.. but it's not unlimited.. a simple drawing took about 100kB of space in the localStorage and the localStorage is about 10MB.. so the maximum simple drawings you can create is about 100, why i'm pointing this here is if you were using a big data base or saving in the users computer it's SOO big that you can say unlimited.. but is this case it's NOT
good job nonetheless and why are saving the image png data? the path is enough and you can create the image at any time using createGraphics..

Baconman321 (1097)

@potatojs @BobTheTomatoPie use indexedDB.

It can use as much memory as the computer has (depending on how much is given to the browser, so I really should be saying how much memory the browser is allowed to have) (if it reaches a certain size it may ask the user to allow more storage).

ChristopherDai (81)

BUG when using undo after using a pen.

ChristopherDai (81)

@ChristopherDai I was drawing a historical art and undo ruined it

BobTheTomatoPie (3360)

hmm? Undo just undoes the last pen stroke or so @ChristopherDai

BobTheTomatoPie (3360)

i think i know what may have happned, if you draw too fast with the pen it will mess it up in the save, so when it reloaded it showed the save, and if you were moving too fast with the pen the display would be weird @ChristopherDai

ChristopherDai (81)

OK, what's the next update?
Color panel or more brushes?

BobTheTomatoPie (3360)

color panel was the plan, like a little grid of the colros you used on a project @ChristopherDai

BobTheTomatoPie (3360)

basic thing added, i will make it better soon, just click on the color and it will change it to that color, colors are added whenever you change the color @ChristopherDai

BobTheTomatoPie (3360)

np! I'm working on making it better rn! @ChristopherDai

BobTheTomatoPie (3360)

hi @WILLIAMBAEWER, sometimes on first use there are some glitches, go to the mainpage and click Clear Data then use. This happens for some people but not everyone

BobTheTomatoPie (3360)

lol beautiful, so it will auto save that, and then when you want to see it again, you open the project, a project titled undefined will pop up, click on that, and then go back to the mainpage and you will see all your projects, its a bit of a glitch but it is still very functional @WILLIAMBAEWER

BobTheTomatoPie (3360)

wow you are a good artist considering its this art program lol @WILLIAMBAEWER

BobTheTomatoPie (3360)

WOW!!! Thats amazing! Btw I fixed the glitches and stuff will auto remember the names, so completely glitchless, and look at the logo at the top, its a mini of your drawing! @WILLIAMBAEWER

Whippingdot (656)

THIS PROGRAM IS AWEEEEEEEEEEEEEEESSSSSSSSSSSSSSSSSSSSSSOOOOOOOOOOOOOOOOOOOOOMMMMMMMMMMMMMMMMMMMEEEEEEEEEEEEE @BobTheTomatoPie

Whippingdot (656)

😭😭😭 Your art should be displayed in a museum @WILLIAMBAEWER

Baconman321 (1097)

Yoo, smiley no want to exist cuz his smile is sooo bad!