为什么当我尝试在网页上嵌入处理草图时出现空白屏幕？

编程问答 2022-04-24

问题描述

我有一个处理草图（java 模式），我想将其嵌入到 html 页面中。我使用了本教程：https://cs.nyu.edu/~kapp/cs101/processing_on_the_web/.\ 这是我放在 html 文件中的内容：

<!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>

这是我放在 myProgram.pde 中的内容，它与 html 文件在同一个文件夹中：

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

我在同一个文件夹中有 processing.js。当我在 chrome 中打开它时，它是空白的。我该如何解决这个问题？

解决方法

可惜Processing-JS已经停产一段时间了，你要找的框架是p5.js，基本上就是“官方JavaScript版本的Processing”。

embedhtmlprocessingprocessingprocessing