Kreslit banner

Kreslit

Created by: Jesús Daniel
9 devlogs
13h 41m 28s

IMPORTANT: I DONT HAVE ACESS TO YOUR CAMERA OR YOU DRAWS SO BE CONFIDENT OF DRAWING WHATEVER YOU WANT :). YOU CAN ACCESS TO THE COLLAB MODE IN THE BOTTOM OF THE WEBSITE RN the website only works if you have a camera and please use it in PC, becaus…

IMPORTANT: I DONT HAVE ACESS TO YOUR CAMERA OR YOU DRAWS SO BE CONFIDENT OF DRAWING WHATEVER YOU WANT :). YOU CAN ACCESS TO THE COLLAB MODE IN THE BOTTOM OF THE WEBSITE RN the website only works if you have a camera and please use it in PC, because in cellphones i think that’s going to be a bad experience, also if you get an error when you are using the ai analyzer click the button till the model change to one that actually works.
You can write in a digital whiteboard, but with your own hands, you don’t have to use the mouse only the hands, also you have an AI analyzer that will comment about you draw, if you write a math problem it suppose that the AI is going to solve it. It has a lot of commands you can see it in the lower side of the website or in the README.md

This project uses AI

I use AI to help me with the JS files, especificlly in the api/analyze.js because it was making me a lot of error, also with completition of code of the things that appears in the whiteboard, in the collab file, the index and collab mode are full gemini the design

Demo Repository

README

Loading README...
Jesús Daniel
Jesús Daniel shipped Kreslit
about 1 month ago

Shipped this project!

Hours: 5.2
Cookies: 🍪 93
Multiplier: 17.94 cookies/hr

So that’s my second time shiping the project so in few words, you can draw WHATEVER YOU WANT, yep whatever (and don’t worry i don’t have access to your camara or your draws so i won’t be selling anything about you :), so what are the changes now, the mode that i’m very proud is the Collab panel, becuase in local at least 2 people can make and edit a canvas from other people so you can try it by your own but hey you cant delete what you draw because it’s a deccision of mine, if you think i should change it let me know :), but something challenging was the tutorial mode because other time i dont know how to show the artifacts so another time i lost ;), but other time the logic in the hands are made by me, other time i’m proud because i could make a multiplayer or something where all the people can see what you are doing, and also because it’s my first time using a DB :)

Jesús Daniel
Jesús Daniel worked on Kreslit
about 1 month ago
1h 59m logged

So i update almost all the tutorial mode, i decide to make a new mode that is shown in the bottom of the website and you can sign by any time if you want it, but the changes are that now all the commands have a tutorial mode (ai analyzer no because i think that is unecessary but you can try to make the sign, but dont will run anythin), also if you think about how?, how do you make it so fast, remember all the logic is from main.js in the public folder

Attachment
0
Jesús Daniel
Jesús Daniel worked on Kreslit
about 1 month ago
0h 35m logged

This devlog is basic because since i had all the logic behind main.js in the new collab mode, i just a make a new main.js to block some commands like, erase, change the brush type or undocreate what you do, or de most important clean mode, this decision was because i think that is the best to have some regulation, but if you think that i should add that commands let me know!!!

Attachment
0
Jesús Daniel
Jesús Daniel worked on Kreslit
about 1 month ago
1h 23m logged

I work in the js and the css (the css is made by AI because im to tired so i send it to gemini), so now you can add a canvas a sign button that don’t do anything but i will be working with that in the next hours but not now, so that its my last commit for this night i’ll advanced in the morning after i sleep

Attachment
0
Jesús Daniel
Jesús Daniel worked on Kreslit
about 1 month ago
1h 13m logged

Since some people tell that the control weren’t easy to understand i try to make a tutorial version so here is how does it is seeing i’ll be working in the next day with this and maybe i will be working in a collab like panels where anyone can post and anyone can see it

Attachment
Attachment
0
Jesús Daniel
Jesús Daniel shipped Kreslit
about 1 month ago

Shipped this project!

Hours: 8.46
Cookies: 🍪 184
Multiplier: 21.76 cookies/hr

I built a Whiteboard (It isn’t a whiteboar at all it your camera in the background), where you can literally draw WHATEVER YOU WANT, yep whatever anything there is not restrictions so you can actually draw whatever you want.
The most complex thing that i face was the process of showing the “artifacts”, or the things that are shown in the website when you execute some command becuase really at first i couldn’t show anything so after 1 hour of pure suffering, i use gemini to solve it so sorry guys i lost…, but the fact that i’m very pround about is that the logic behind the api logic and the logic behind the hand-tracking was like very easy (i mean i saw a video like for 2 hours to understand how js works with mediapie), because i mean idk a lot of js so i was very worried about the fact to make the hand-tracking becuase i know how to use it in python but in js i thought that it was going to be a huge problem but thanks God it wasnt a huge problem, also the design this time is almost entirely mine, because other time i use AI for the colors (Sorry idk anything about colometry)

Jesús Daniel
Jesús Daniel worked on Kreslit
about 1 month ago
0h 42m logged

Add 2 new modes Erase Mode or destroy mode, and change some logic behind the project.
Now the palm don’t do anything because when i was trying it, always the clean mode was called so i decided to change it to the peace sign, and now the change colors are with the Pinky + Angular finger and now it’s more easy to change a color because when this function is called it isn’t end untill you change the color

Attachment
0
Jesús Daniel
Jesús Daniel worked on Kreslit
about 1 month ago
1h 14m logged

I work in the README.md, and start thinking about some changes that i want to make, also i will try to reduce the image size because it sicks me, but this is how the README.md looks like

Attachment
0
Jesús Daniel
Jesús Daniel worked on Kreslit
about 1 month ago
3h 50m logged

Work with almost the entire JS, and now i can write and solve an integral so i mean sorry fot this lowly devlog but its the 2am im going to sleep so tomorrow i will work to try and fix some mistakes

Attachment
1

Comments

elelimios
elelimios about 1 month ago

Chat this is peak

Jesús Daniel
Jesús Daniel worked on Kreslit
about 1 month ago
1h 29m logged

I lock in and write almost all the css (i thinks that i don’t really need more css, but i will see it), so in the next hours i will try to really lock in and write the main.js file but in that moment this is how the project looks like

Attachment
0
Jesús Daniel
Jesús Daniel worked on Kreslit
about 1 month ago
1h 12m logged

I start making all the html(I think that with that html is enough), also i start with the CSS, but now i will try to make the CSS without any kind of AI, so sorry if the desgin sucks

Attachment
0