Why do I get a blank screen when I try to embed a processing sketch on a webpage?

user_15401196 0
Viewed 31

I have a processing sketch (java mode) that I want to embed on an html page. I used this tutorial: https://cs.nyu.edu/~kapp/cs101/processing_on_the_web/.\ Here is what I put in the html file:

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Program</title>
<script type="text/javascript" src="processing.js"></script>
<body>
<canvas data-processing-sources="myProgram.pde" width="900" height=500></canvas>
</body>
</html>

Here is what I put in myProgram.pde, which is in the same folder as the html file:

void setup(){
  size(900, 500);
}
void draw(){
  background(0, 0, 0);
}

I have processing.js in the same folder. When I open this in chrome, it's blank. How do I fix this?

processing embed html
1 Answers

Unfortunately Processing-JS has been discontinued for a while, the framework you are looking for is p5.js, which is basically the "official JavaScript version of Processing".

user_98273020
Related