Hey HN — so, after finding a 15-30min block at the end of each day over the span of about a a month, this little side project is about done. I had a blast working on this with my kids acting as PMs :) I haven't tested it on non-OSX, and I imagine that the unicode/emoji support will be broken. I considered just including the OTF for those, but that's on order of ~40MB. Ideas welcome!
I love the spirit of this, and I've been waiting for someone to make it for years, if I didn't get to it first!<p>If anyone wants to make a similar web app, I maintain an open source library whose sole purpose is putting JavaScript drawing programs on web pages with custom tools.<p><a href="http://literallycanvas.com/" rel="nofollow">http://literallycanvas.com/</a><p>Here's a simple web app I made with it that saves to local storage and uploads to Dropbox and Imgur: <a href="http://drawplz.com" rel="nofollow">http://drawplz.com</a><p>(The text tool is slightly broken right now; the selection box drag corners are invisible.)
I loved it. Have you ever thought about adding a "replay" button? It'd clear the canvas and show, step by step, what the kid draw.<p>I've been building one similar, but for grown ups and I'm learning lots of cool stuff from your code. For instance, I just learned about `createPattern`. Thanks for sharing!
Good job! I liked Kid Pix as a kid myself...big part of my childhood.<p>The other day I was thinking back to my school days when Apple's ImageWriter II's were everywhere, and people used Print Shop (I think?) to make banners all the time. Because of how the printing technology worked -- writing to a continuous stream of paper -- banners were easy to do. We had banners in many of our class rooms, birthday parties, etc. My guess is banners are just not done anymore, and it also seems like many of these kinds of creative tools aren't common place? Do kids even have printers? Anyone with kids care to chime in?
This is great! I can definitely see one of the reasons <i>why</i> it works so well for kids: there aren't any weird menu buttons that you might accidentally press and get lost in. You just draw and push the buttons to see what difference they make.
Nice! Couple of things:<p>- Firefox on Ubuntu yields "TypeError: t.srcElement is undefined" when I try to change the colour.<p>- I don't have any fonts for some of the icons in the buttons (e.g. the arrow). Seeing as you're presumably already loading the textures for drawing onto the canvas, you might as well just use an image for the buttons too.<p>Hope this helps.
It's worth mentioning TuxPaint[1], which has been around for over a decade. That said, well done! There's no reason we shouldn't have plenty of choices for free and open source childrens software.<p>1: <a href="http://www.tuxpaint.org/" rel="nofollow">http://www.tuxpaint.org/</a>
Nice. Will test it out. As a parent of a 3 year old & 15 month I find it amazing how quickly the pickup on things. I also belive we are witnessing the "app generation" growing up. We limit ipad time etc. But my daughter does not ask for TV. .. she asks for youtube/netflix.
Well done! My train-obsessed 3 year old would approve of the stamp toolbar defaulting to a train.<p>A button to download the canvas as a png or jpg would be nice for saving and sharing special creations.
Wow, so are we on the same wavelength or something? I made this a few weeks ago on JS fiddle with the idea of recreating kidpix. Even used unicode chars with a face for the undo!<p><a href="https://jsfiddle.net/97vLt5dj/24/" rel="nofollow">https://jsfiddle.net/97vLt5dj/24/</a>
Sorry for asking here, but does anybody know of a web page where you get to see someone's drawing and then you write a caption for it, then someone else will have the caption open on their monitor and they get to draw it, and on and on? It was fun! Then I lost the URL...
Windows + Firefox => looks like cars don't work - some icons are not visible and all of them are just creating rectangles in the picture
<a href="http://snag.gy/4fm3H.jpg" rel="nofollow">http://snag.gy/4fm3H.jpg</a>
Great -- the very first button I press (the frowning cat) cleared out my entire painting. And I have no idea how to get it back.<p>Clicking on every button shows that clicking the cat again brings it back. What does this cat actually do? Labels would be useful.
If you'd like a flashback of the original Kid Pix: <a href="https://jamesfriend.com.au/pce-js/" rel="nofollow">https://jamesfriend.com.au/pce-js/</a>
We had the same idea but wanted to go much much further.
You should really try it out, its called Collusion.
<a href="https://col.lu/" rel="nofollow">https://col.lu/</a>
You have to sign up but it keeps your drawings like google docs and is real-time collaborative without the other people signing up.<p>Works on everything too, tablets, laptops, supports ms surface etc and is free for public drawings.<p>The explore page on our website also shows you what others have drawn so also check that out. <a href="https://collusionapp.com/explore" rel="nofollow">https://collusionapp.com/explore</a>