I used this source code:
<!DOCTYPE html>
<html>
<head>
<title>Hello Web - Processing.js Test</title>
<script src="processing.js"></script>
</head>
<body>
<h1>Processing.js Test</h1>
<p>This is my first Processing.js web-based sketch:</p>
<canvas data-processing-sources="gui_001.pde"></canvas>
</body>
</html>
and for gui_001.pde this source code:
void setup() {
size(800, 500);
background(50);
}
void draw() {
ellipse(mouseX, mouseY, 10, 10);
fill(50);
rect(0, 0, width, 50)
fill(255);
}
Is working just with Firefox browser.
On Chrome and Opera is show the h1 and p tag ,but the procesing canvas is a white area.
What is wrong on this ?
Thank you.