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!
Features
- 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