Processing.js for JavaScript Devs: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 14: Line 14:
# Create a web page that includes Processing.js as well as a <canvas> with info about where to get your sketch file:
# 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>
<script src="processing-0.9.7.min.js"></script>
<canvas data-processing-sources="hello-web.pde"></canvas>
<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.
Load your web page, and it will parse, translate, and run your sketch in the browser.
Line 37: Line 35:
The Processing language was designed to be small but complete, and easy to learn.  Having said that, it is  
The Processing language was designed to be small but complete, and easy to learn.  Having said that, it is  


...todo....
..processing.js is not really a general purpose JS canvas library--it is a port of Processing.js.
 
...processing.js is not really a general purpose JS canvas library--it is a port of Processing.js.


==Ways to Use Processing.js==
==Ways to Use Processing.js==
Confirmed users
656

edits

Navigation menu