3.6 06 Jan 2017

Create HTML5 canvas sketches.


Developer website: Michael Markert

Procoding allows you to create interactive visuals. The clean and beautiful integrated one-window interface, individually optimized for the best JavaScript coding experience, featuring a syntax highlighting and code-checking editor with automatic live-preview and integrated reference, brings back the fun in programming with JavaScript. Procoding is a mobile-code-sketching IDE for JavaScript, focusing on creative coding and small mobile WebApps using Web technologies like HTML5/Canvas. Your sketches automatically sync with Procoding Mobile via iCloud, so you can run (and edit!) your sketches on your iPad or iPhone (the optional Procoding Mobile app is available as a separate download on the iTunes App Store). You can also export your sketches as stand-alone HTML5 project folder. No more project setups and HTML boiler-plate code: with Procoding you are ready to sketch out your ideas!

  • Create, edit, and run HTML5 Canvas .js or Processing(js) .pde sketches
  • Full featured code editor including syntax highlighting, autocompletion, expression evaluator, color selector (click on color values), number slider (drag to change numbers), find and replace and stylish themes
  • iCloud keeps your sketches in sync across devices; Procoding Mobile for iPad and iPhone is available as an optional, separate download from the AppStore
  • Automatic Live Preview
  • Easy to add images, sounds, custom fonts, HTML-snippets, CSS files, JS-libraries, and additional code (classes) with the Resource Manager: just drag-and-drop files and a JavaScript object, and a variable with the name of the file is automatically created; it's really easy to add popular Canvas-based JavaScript libraries
  • Export as HTML5 stand-alone project folder and run your sketches on any modern Web browser without Procoding
  • PDE and JS File import/export
  • Save screenshots
  • Integrated reference index with syntax snippet inserter (drag-and-drop to editor); included extensive offline reference for JavaScript (ECMA/JavaScript, native APIS like Canvas, JSON, Geolocation, Local Storage..., HTML, CSS)
  • Integrated webkit console and (for HTML5 projects) a JSHint live syntax checker to find and fix errors as you type
  • Supports Autosave and Versions
  • Comes with exciting demo sketches, e.g., showing how to use multitouch, geolocation, and many others
  • Supports processing.js* and processing-mobile.js

* Procoding uses HTML5 Canvas and has built-in support for processing.js, a JavaScript port of the processing language. Therefore some features of Processing aren't supported:

  • No external processing libraries
  • P3D (WebGL) is supported by Procoding, but not by Procoding Mobile
  • Modified processing.js source code

What's New

Version 3.6:

Note: Currently available for $4.99
Note: Now requires OS X 10.7 or later

  • Fixed webServer preview
  • Fixed run-with-node.js
  • Other bug fixes


  • OS X 10.7 or later


Current Version (3.x)


Version Downloads
06 Jan 2017
Intel 64 / OS X