UPDATE: Read about Sketchpad 3.0
Where Sketchpad 2.0 introduced non-destructive vector + bitmap editing on the web, Sketchpad 2 webpage.1 (SP2.1) takes that bland package of vector tools and borrows features from Sketch Mobile, an app that exhibited my furthest exploration in creating colorful enviroments. SP2.1 is great at creating background wallpapers quickly now that most of the tools work with gradients, and are all editable in place—this can be especially fun on tools like Mr. Doob’s generative brushes, and the improved stamp tool.
New features include:
- Multiuser drawing (NodeJS + Socket.io)
- Editable generative brushes: Chrome, Fur, Shader, Sketchy, Web (via Mr Doob‘s Harmony)
- Spacebar+drag while your in a brush (recommended by Chris Smith)
- Change the tool type in the options drop-down menu after you’ve created a layer (Chris Smith)
- Preview (ghost) the stamp tool before you apply it (Chris Smith)
- Crayon tool reintroduced from Sketch Mobile.
- Shapes: Rectangle, Ellipse, Polygon, Gear, Star, Burst, Radial Burst, Spiral (Sketch Mobile)
- Gradients in the style window, useable with most tools.
- Stamp tool now has “Translate” feature, combined with a low “Flow”, and a nice looking gradient, can create beautiful tapestries in a few clicks.
You can access SP2.1beta in two ways:
- Create your own multi-user drawing room (replace “myRoom” with your room):
- Create your own personal drawing room:
Have feature requests, or thoughts of how the interface is horrible? I would love to hear!
Hi, is sketchpad a software that you sell? I like it a lot but I’d love to save my work. Sorry if the question is not pertinent, I like drawing but I don’t know much about computers 🙂
Hi, sorry about that! 2.1 is beta, so the saving feature is turned off. It will be moved to /sketch/ and enabled around the 15th of this month. Curious, are you wanting to save to your computer? If so, you can use the key-commands: CMD+SHIFT+S (mac), or CTRL+SHIFT+S (windows) and then click once on the screen, and it will save everything visible to you (so maybe put your browser in full-screen mode). This is how I’ve been saving them for now!
btw, once you’ve entered that key-command: if you click and drag then it will take a screenshot of the area selected. If you just click then it takes a full-screenshot of all that is visible.
Hi there, can we save our work in progress now? 🙂
Hi Chris… you’d think so by now 🙂 But, I’m behind schedule on this, as some work came up, and am prioritizing paying my bills. This will be working again very soooon!
Hey Michael,
I love your sketchpad! Any plans to publish the code for usage on other websites? I’m currently searching for open source html5 painting apps to use in an online drawing game of mine (currently in developement) and this one here is just spectacular!
Have a nice day 🙂
Well, it might happen one day. We’ll see, I need to figure out a way to make cash and pay off my bills, and then will feel more free to give away my assets. There’s a lot of code buildup over the years, from image manipulation, to vector graphics… I’ve thought about releasing it all like GIMP, but, that takes lots free time and preparation to pull off a successful open-source project. For the time being, there is a very simple version of Sketchpad on github: https://github.com/mudcube/Sketch.js