diff --git a/index.html b/index.html index 8188413..7248343 100644 --- a/index.html +++ b/index.html @@ -139,5 +139,36 @@

window.setInterval()

+ + + +

Processing.js

+ +If you want to embed your (Java) Processing sketches directly using Processing.js: + +

+<!DOCTYPE html>
+  <html>
+  <head>
+    <title>Hello Web - Processing.js Test</title>
+    <script src="processing-1.4.1.min.js"></script>
+  </head>
+  <body>
+    <h1>Processing.js Test</h1>
+    <p>This is my first Processing.js web-based sketch:</p>
+    <canvas data-processing-sources="hello-web.pde"></canvas>
+  </body>
+</html>
+
+ +

Just use <canvas>

+ +Drawing with pure JavaScript to the canvas isn't much more complicated than Processing. + +

Static

+ +

Animated

+ +