implementing sketch with processing.js doesn't work
Hello,
I am trying to get a simple processing sketch to run in an .html document with the help of processing.js, just as a beginners test to find out if it works at all, and it doesn't.
I use IE 9 and have followed the instructions that are given under the QuickStart links on http://processingjs.org:
I made a new folder on my desktop, downloaded the newest processing.js (processing-1.4.1.js as well as processing-1.4.1.min.js) into it, wrote an saved a simple sketch as hello_web.pde
void setup() {
size(200, 200);
background(100);
stroke(255);
ellipse(50, 50, 25, 25);
}
and wrote and saved a hello_web.html file that uses it
<!DOCTYPE html>
<html>
<head>
<title>Hello Web - Processing.js Test</title>
<script src="processing-1.4.1.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>
and saved both the .pde and the .html in the same folder on my desktop as the processing.js file.
If I open the .html file in IE 9 now, I don't see anything there except the content written in html.
( If I run the .pde while it's opened in the processing.exe, it draws what it is supossed to draw.)
Since I am able to see and interact with all the 2D sketches displayed at http://processingjs.org I suppose my explorer does have the ability to use the <canvas></canvas> tag.
I checked if I spelled the files and everything else correctly an as far as I can see I did. Or should I describe the path to the files differently?
I'm starting to get really frustrated with this and it seems nobody else has such a problem so maybe I'm just making some really stupid mistake or don't know something that I obviously should but I'm just not getting any further on my own right now so please, somebody help!
