Waterbear Playground is an environment to code in ProcessingJS using drag-and-drop blocks.
It is a mix of two other amazing projects: Waterbear (http://waterbearlang.com) and ProcessingJS (http://processingjs.org). Like other visual programming languages like Scratch, with Waterbear Playground it is possible to code using just blocks. No syntax errors to newcomers. There is a block to almost all ProcessingJS command and some existing demos to be remixed.
Works better at Firefox.
2) Open an existing demo or "Get started!"
3) Click on Run to see the result
4) Click on Code to see the generated ProcessingJS code
5) Click on Blocks to see the blocks and edit them, back to Run and Code to see the result and generated code as well
6) Click on New to start a new sketch and drag-and-drop them at the workspace at right
7) If you want to save your creation, click on Save to gist
Waterbear, ProcessingJS, Drywall (and all the libraries it provides like Express, Passport, ...), TogetherJS (unfortunately we didn't finished the collaboration side of our environment but we are working on that).
Voting is now closed.
Thank you Christopher! Gamemaker sounds cool! Yes, that is the point, following the Scratch inspiration, teach newcomers to code in Processing ;-)
Thank you! :-)
Hi Jon, thanks! Yes, we are thinking about interactive tutorials to explain better the way to code using the blocks to solve some simple problems.
Hi Jerry, thank you!
Hi Luke, thank you! We hope you enjoyed!
Hi Gleb, thank you for your feedback! You're right, the blocks are incomplete but it is something we want to fix in Waterbear and there was not so much time to do that during nko. We are planning to work on that, thank you about your comments on code generation too. In this way, we agree with your vote on 'completeness'. But we are sure that there was no Scratch-like visual language to code in ProcessingJS yet, and it is useful for people trying to learn Processing at a first time (e.g. no syntax errors). Maybe the votes in 'utility/fun' and 'innovation' could reflect better that.
Hi T.A., thank you about your votes! Yes, maybe it could be applied to real business but it is not the objective. Like MIT's Scratch and Khan Academy's CS, it is conceived to introduce programming and creative coding to learners of Processing. Starting with simple examples (and using syntax-errors-free blocks) they can create their own remixes while learning the main Processing commands. After that first contact with the language, they can migrate to Processing itself (or other language) and do more complex programs. We imagine that being used at workshops and class rooms.
Spatial Automation Lab -- University of Wisconsin, Madison / 3D Systems / Bespoke Innovations
Hi Mikola, thank you about the love!
Hey Aurojit! Thank you! Yeah, Waterbear is strongly inspired by Scratch.
Focus the Web
Thank you Giovanni!!
Hi Martijn, thank you! Yes, we agree with you, it is not a solved problem. Maybe it is more a shift in learning focus: instead of syntax errors the learner will focus on logic and problem related questions. Indeed, many blocks create complexity to visualize the whole code. We are interested in investigating ways to reduce this complexity, maybe using abstract structures (groups, zoom-in/out interface, ...). Maybe NoFlo guys can give some shots on that. Anyway, your feedback and acceptance was so important to us! Thank you!
Hey Levente, thank you for all the kindness and feedback! We'll try to get in touch with balintferenczi, we'd love to listen what he says :-) Hey, hey, you're certainly not a dummy at all ;-) All the best!
Hi Denis, thank you!
Hi Henry, thank you for you vote! We love visual languages and hope it helps newcomers to get fast into programming. We hope to continue the implementation in Waterbear repos, please keep in touch!
Thank you for the comments and caring for details Son! We love visual languages too and we hope to continue working on Waterbear and smash all those bugs. About the issue you screen shoot, I noticed that in Chrome (unfortunately after we did our last deploy to NKO :-). It seems to run better at Firefox.
Hi Łukasz, thank for your vote! Yeah, we have to really polish the UI and smash lots of bugs. Maybe some tutorial inside sketch editor to make it less complex. Hoping to do that on Waterbear repos in next weeks. Please, follow us!
Hi Jonny! Thank you! Yes, that is imagined for programming students. We hope it can be used in workshops to introduce Processing and creative coding.
The Node Firm
Hey Nuno, thank you for the votes!
Hi Jean, thanks!