Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Once you've developed your sketch in Processing, you've created a beautiful piece of art or you've gotten a data visualization together, you want to be able to share it with other people. And while it's true that you can save images of your file and post them on a web page or send them to other people, or even print them out and stick them on the refrigerator, more often the sketches are dynamic and they're interactive and people want to be able to interact with it personally, and you want to find a way that you can share your sketches with other people. The easiest way to do this is to take a sketch that you have and paste it into one of several online environments for sharing Processing sketches.
I'm going to show you a few of these in particular. The one that I've used the most is one called openprocessing.org and what's nice about this is it allows you to create your own account, so you have your own portfolio. It allows you to create classrooms that you can use to share with a specific group of other people. It also has an online IDE. You can create the sketches here and you can save them. So, I find OpenProcessing to be tremendously useful and I've used it in some of my own classes. It is however not the only choice. There's also one called hascanvas.com, also specific to Processing and it's got some wonderful options as well.
For instance, I can run this one sketch and that follows me around. Another option is sketchpad.cc, also called the Studio Sketchpad, specifically made for collaborating with others. And again, I recommend that you take a look at these. There are other online ones, processing.org has their own online sketchpad, but it's not really a way of saving it or working with other people, and so I'd say that these are probably the top choices and I'm going to close these two sketchpad.cc and HasCanvas, and I'm just going to take a moment to show you how to work with OpenProcessing.
I am going to open up my own portfolio here. The easiest way to deal with this is to come to create new sketch and then what you can do is you come down here. Now it's got a sketch running by default. We don't need to worry about that, and come back and just grab the text of your own drawing. Now this is one I made earlier. I'm going to run it and so as the squares that are dancing around, I'm actually going to slow it down just a little bit. There we go, and now that I've got that, all I need to do to share this effectively with others is to do Select All and then copy, then head over to OpenProcessing, and then select all of this text and simply paste in mine to replace it.
And so now I've got my full text here and I can run my own sketch and there it is running. Now it's on the web and it has a direct link and I can share it with other people. I'm going to come down here and say update the thumbnail. It makes a square version of my sketch. I'll come over to Save and I'll just call it Shifting Blue Squares. I can put in Tags. I can put in a Description if I want, but all I need to do now is press Save. And now my sketch has a unique URL that I'm able to send as a link to other people.
They can download it. They can see the sketch running. They can also click right over here and access the code itself. This is a great way to make things readily available to other people when they don't have Processing themselves, but they can still work with it in an interactive manner.
Get unlimited access to all courses for just $25/month.Become a member
61 Video lessons · 96291 Viewers
56 Video lessons · 110057 Viewers
71 Video lessons · 78866 Viewers
131 Video lessons · 37844 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.