Processing 如何将处理放在HTML页面中?

Processing 如何将处理放在HTML页面中?,processing,Processing,有没有一种方法可以将处理放在HTML页面中?假设我有一个.pde文件,我希望它在我的HTML网页上,我怎么能做到呢?(处理是一种图形语言。)适合您吗?您应该能够使用的将pde文件导出到HTML页面。将创建一个web导出文件夹,其中包含部署所需的所有内容(index.html,processing.js,以及其他资源文件…) 你也可以考虑一下这个,它可以让你大致了解什么样的处理可以做。我已经完成了这个,它很有趣也很有用 可以将处理代码直接放在网页中 使用画布上的“数据处理源”属性,并让proces

有没有一种方法可以将处理放在HTML页面中?假设我有一个.pde文件,我希望它在我的HTML网页上,我怎么能做到呢?(处理是一种图形语言。)

适合您吗?

您应该能够使用的将pde文件导出到HTML页面。将创建一个
web导出
文件夹,其中包含部署所需的所有内容(
index.html
processing.js
,以及其他资源文件…)

你也可以考虑一下这个,它可以让你大致了解什么样的处理可以做。我已经完成了这个,它很有趣也很有用

可以将处理代码直接放在网页中 使用画布上的“数据处理源”属性,并让processing.js加载外部文件,是在网页中包含脚本的首选和推荐方法。但是,也可以编写在线处理代码

处理代码示例(对我有用)(我猜最简单的方法):


无效设置(){
大小(200200);
背景(100);
中风(255);
椭圆(50,50,25,25);
println('helloweb!');
}

什么是“处理文件”?@MitchWheat根据“PDE文件扩展名是处理开发环境的首字母缩略词”。@Chris Culter:你是如何从这个问题中推断出来的?@MitchWheat嗯,我碰巧以前用过处理。无论如何,这个问题被标记了,它引用了.pde文件,所以我对上下文非常确定。检查是的,Processing.js就可以了。等等,不要离开。我下载了Processing.js,打开了示例HTML文件,但示例不起作用@哦,对不起,我想我帮不了你。我只使用过“本机”Java客户机myelf.Darn。你知道我在哪里能找到答案吗?你可以在2.0版的PDE中直接使用Processing.js插件。这应该可以,但是不行。我打开index.html,草图就不显示了;在处理过程中,只需选择javascript模式并启动服务器
<script src="processing-1.3.6.min.js"></script>      
<script type="application/processing" data-processing-target="pjs">
      void setup() {
        size(200, 200);
       background(100);
        stroke(255);
        ellipse(50, 50, 25, 25);
        println('hello web!');
      }
     </script>
     <canvas id="pjs"> </canvas>