Confirmed users
656
edits
Processing.js for Processing Devs: Difference between revisions
Processing.js for Processing Devs (view source)
Revision as of 20:14, 13 September 2010
, 13 September 2010→Introduction
| Line 4: | Line 4: | ||
This quick start guide is written from the standpoint of a Processing developer. No HTML or JavaScript knowledge is assumed, and only basic Processing knowledge is necessary. | This quick start guide is written from the standpoint of a Processing developer. No HTML or JavaScript knowledge is assumed, and only basic Processing knowledge is necessary. | ||
===For the Impatient=== | |||
If you're in a rush, here's what you need to know: | |||
# Processing.js is written in JavaScript, and uses HTML5's <canvas> element. It converts your Processing code to JavaScript and runs it. | |||
# To use it, download Processing.js here: http://processingjs.org/download | |||
# Make your Processing *.pde files as you normally would, for example hello-web.pde | |||
# Create a web page that includes Processing.js as well as a <canvas> with info about where to get your sketch file: | |||
<pre> | |||
<script src="processing-0.9.7.min.js"></script> | |||
<canvas data-processing-sources="hello-web.pde"></canvas> | |||
</pre> | |||
Load your web page, and it will parse, translate, and run your sketch in the browser. | |||
==Why Processing.js?== | ==Why Processing.js?== | ||