# Yo-Yo Doodler v0.01 **URL:** \ **Category:** Unrelated Discussion\ **Created:** [June 15, 2020, 4:19pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463 "2020-06-15T16:19:09Z")\ **Posts on this page:** 17\ **Page:** 1
**Author:** ![stringKnot](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/stringknot/32/91156_2.png) [@stringKnot](https://forums.yoyoexpert.com/u/stringKnot)\ **Post date:** [June 15, 2020, 4:19pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/1 "2020-06-15T16:19:09Z")
Hey guys 😁 I have been learning a bit of front-end web dev on the side and thought about a cool little side-project to practice: A Yo-Yo Doodler. It’s a very simple web app that allows you to draw a profile over a bearing, and see what it would look like as a full yoyo. Obviously the intention is not to use as a professional tool, but just to allow people to have a bit of fun, or to have a simple tool to draft design ideas on any device with a web browser. To be honest I don’t even know if there is a real interest for something like this but thought I’d share anyway 🙂 ## → You can try the v0.01 at this **[LINK](https://nextjs-henna-phi.now.sh/)** See a screenshot below: ![Screenshot 2020-06-15 at 17.55.54](https://us1.discourse-cdn.com/flex015/uploads/yoyoexpert1/original/4X/1/9/9/1996808656db00cc09096ba8f544e90935fb2972.png) These are a couple features I’d like to add in the future: - Add response pad groove to the template - A function that will automatically “fill” the x-ray, to only show you the shape - The ability to draw colors over the “filled” result, (allowing you to make your own custom colorway) - An option to export/import designs (probably will be done as copy pasting a really long string of text) and allowing people to share a modifiable design with others - when creating the yoyo, displays some stats such as approximate Diameter/Width - more… If you like it, I’ll make sure to update this thread for each new version. Any advice and feedback is super welcome 🙂 ---
**Author:** ![Travelingyoyokid](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/travelingyoyokid/32/62091_2.png) [@Travelingyoyokid](https://forums.yoyoexpert.com/u/Travelingyoyokid)\ **Post date:** [June 15, 2020, 4:22pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/2 "2020-06-15T16:22:10Z")
Is this meant for handheld devices or computers? ---
**Author:** ![stringKnot](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/stringknot/32/91156_2.png) [@stringKnot](https://forums.yoyoexpert.com/u/stringKnot)\ **Post date:** [June 15, 2020, 4:26pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/3 "2020-06-15T16:26:00Z")
Both 🙂 But I have to say it’s difficult to draw on smartphones because of the finger hiding the screen. Also in this version, on mobile the display of the yoyo has some display bugs (thin white lines) that I need to fix. I found current version works best on my iPad(works surprisingly well with the Apple Pen) or Computer. ---
**Author:** ![Travelingyoyokid](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/travelingyoyokid/32/62091_2.png) [@Travelingyoyokid](https://forums.yoyoexpert.com/u/Travelingyoyokid)\ **Post date:** [June 15, 2020, 4:31pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/4 "2020-06-15T16:31:59Z")
You could make the line draw a 1/2- 1 inch higher than your finger so you could see it. Just an idea. ---
**Author:** ![stringKnot](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/stringknot/32/91156_2.png) [@stringKnot](https://forums.yoyoexpert.com/u/stringKnot)\ **Post date:** [June 15, 2020, 4:38pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/5 "2020-06-15T16:38:21Z")
> [@Travelingyoyokid](#): > > make the line draw a 1/2- 1 inch higher Good idea! The fix for this will either be make the pointer higher as you said, or an easier alternative for me would be to make the pointer follow the finger with a bit of a delay, allowing the user to change it’s course as if they were pulling it with a small rope, if that makes sense. ---
**Author:** ![Travelingyoyokid](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/travelingyoyokid/32/62091_2.png) [@Travelingyoyokid](https://forums.yoyoexpert.com/u/Travelingyoyokid)\ **Post date:** [June 15, 2020, 4:42pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/6 "2020-06-15T16:42:52Z")
Thanks! ---
**Author:** ![PCaliyoyos](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/pcaliyoyos/32/108396_2.png) [@PCaliyoyos](https://forums.yoyoexpert.com/u/PCaliyoyos)\ **Post date:** [June 15, 2020, 4:44pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/7 "2020-06-15T16:44:29Z")
CAD had a kid? ---
**Author:** ![MarkD](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/markd/32/40845_2.png) [@MarkD](https://forums.yoyoexpert.com/u/MarkD)\ **Post date:** [June 15, 2020, 6:46pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/8 "2020-06-15T18:46:04Z")
![image](https://us1.discourse-cdn.com/flex015/uploads/yoyoexpert1/original/4X/6/2/1/62120a63fb0c3e99bcea5bbe9fce58c36e65a329.png) I tried to make the Diffraction! ![image](https://us1.discourse-cdn.com/flex015/uploads/yoyoexpert1/original/4X/d/6/3/d639af9f0218d5ec659492d7852a7a124046c4a8.png) And a round yoyo with a star! This is cool and fun. ---
**Author:** ![PCaliyoyos](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/pcaliyoyos/32/108396_2.png) [@PCaliyoyos](https://forums.yoyoexpert.com/u/PCaliyoyos)\ **Post date:** [June 15, 2020, 7:33pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/9 "2020-06-15T19:33:21Z")
i hope my Machinist isn’t too mad. :joy: ![yoyo design](https://us1.discourse-cdn.com/flex015/uploads/yoyoexpert1/original/4X/5/1/a/51a33ddf7b0eb0d40d4ba5faf3fee379597b97fb.png) ---
**Author:** ![stringKnot](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/stringknot/32/91156_2.png) [@stringKnot](https://forums.yoyoexpert.com/u/stringKnot)\ **Post date:** [June 15, 2020, 9:29pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/10 "2020-06-15T21:29:24Z")
> [@MarkD](#): > > I tried to make the Diffraction! Wow! Your yoyo designed skills managed to make this web app actually look half-legit! 😃 So awesome to see what you guys try on it! > [@PCaliyoyos](#): > > i hope my Machinist isn’t too mad. :joy: Lol now that looks more like the stuff I also draw on it :joy: ---
**Author:** ![100FatYoyoDads](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/100fatyoyodads/32/198123_2.png) [@100FatYoyoDads](https://forums.yoyoexpert.com/u/100FatYoyoDads)\ **Post date:** [June 15, 2020, 9:39pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/11 "2020-06-15T21:39:54Z")
Recommendation: if this became legit, you could add a little pop up the tells you the dimensions. I forgot my other one lol. ---
**Author:** ![stringKnot](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/stringknot/32/91156_2.png) [@stringKnot](https://forums.yoyoexpert.com/u/stringKnot)\ **Post date:** [June 15, 2020, 9:46pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/12 "2020-06-15T21:46:55Z")
Thanks for the suggestion! I see what you mean, I could technically do that by looking for the first drawn pixel starting from the top left and get an approximate diameter/width. I’ll add it to the todo list! 😃 ---
**Author:** ![Travelingyoyokid](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/travelingyoyokid/32/62091_2.png) [@Travelingyoyokid](https://forums.yoyoexpert.com/u/Travelingyoyokid)\ **Post date:** [June 16, 2020, 10:16pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/13 "2020-06-16T22:16:51Z")
Another idea, have the response pad groove already there. ---
**Author:** ![stringKnot](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/stringknot/32/91156_2.png) [@stringKnot](https://forums.yoyoexpert.com/u/stringKnot)\ **Post date:** [June 16, 2020, 10:18pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/14 "2020-06-16T22:18:35Z")
Good idea, that’ll be included in v0.02 for sure ---
**Author:** ![Travelingyoyokid](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/travelingyoyokid/32/62091_2.png) [@Travelingyoyokid](https://forums.yoyoexpert.com/u/Travelingyoyokid)\ **Post date:** [June 16, 2020, 10:19pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/15 "2020-06-16T22:19:44Z")
Popstar + umbra! (+bimetal) ![image](https://us1.discourse-cdn.com/flex015/uploads/yoyoexpert1/original/4X/5/6/9/569f1156a47ccff938f059a4b4135f6236debd2d.png) ---
**Author:** ![Kyle](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/kyle/32/85091_2.png) [@Kyle](https://forums.yoyoexpert.com/u/Kyle)\ **Post date:** [June 16, 2020, 10:35pm UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/16 "2020-06-16T22:35:53Z")
thx so much! i think ive created my dream yoyo! ![image](https://us1.discourse-cdn.com/flex015/uploads/yoyoexpert1/original/4X/d/4/f/d4f44d104f0d8839371b6d91e74e184b4d87a2f3.jpeg) ---
**Author:** ![twitch77](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/twitch77/32/60219_2.png) [@twitch77](https://forums.yoyoexpert.com/u/twitch77)\ **Post date:** [June 19, 2020, 6:01am UTC](https://forums.yoyoexpert.com/t/yo-yo-doodler-v0-01/322463/17 "2020-06-19T06:01:11Z")
![Screenshot_2020-06-19 Yo-Yo Doodler](https://us1.discourse-cdn.com/flex015/uploads/yoyoexpert1/original/4X/3/7/0/370cede15b63c9092a3dadca4866b65006636c4f.png)