WordPress技术+编程：在WordPress中怎样插入Processing程序并能实时运行？使用插件！(附用法)

我们可以使用插件很方便的插入Processing程序。

下面的这几个插件名字很像。第一个是Processing.js（插件目录中其名字为processing-js）、第二个是Processing JS（两个词之间有空格）（插件目录中其名字为processingjs（之间无空格））、第三个是Processing-js-Easy（插件目录中其名字为processing-js-easy），注意区别。

Processing.js（Processing-js）

下载地址：http://wordpress.org/plugins/processing-js/

安装方法：把 “processing-js/”上传到 “ /wp-content/plugins/” 目录。在后台激活即可。

使用方法：待整理。

Processing JS 插件

插件下载地址：http://wordpress.org/plugins/processingjs/

安装方法：下载解压后放到 /wp-content/plugins/ 中，然后在后台激活即可使用。

使用方法：激活后，在HTML模式下的编辑器上将多出一个“processing”按钮，如下图所示。点击它之后将在文章中插入一个简单的Processing程序代码，你可以用它当模版修改，或者直接贴上自己的代码即可。

还可以在这里找到更多的例子（附带代码）和用法：Processing JS Demos

Processing JS官网：http://processingjs.org/

举例：

[cc lang=”java”]
float a=0.0;

void setup()
{
size(600,600);
smooth();
background(255);
colorMode(HSB,360,100,100);
noStroke();
}

void draw()
{
a+=0.05;
translate(mouseX,mouseY);
rotate(a);
rectMode(CENTER);
fill(random(360),100,100,50);
rect(0,0,100,100);
}
[/cc]

Processing-js-Easy

插件下载地址：http://wordpress.org/plugins/processing-js-easy/

其生成在新版的wordpress中，Processing JS插件不能用，于是出现了这个插件。其特色是可以直接调用并在线执行pocessing程序的源文件（.ped文件）。这对于需要调用外部文件，比如显示图像，显示视频等等的程序很有用。

安装方法：将插件放在/wp-content/plugins/ 目录中，后台激活插件后即可。

使用方法：

第1步：把processing的源文件 （.pde）用ftp文件上传到 wp-content/uploads/目录中，也可以把程序写在txt文件中或者使用媒体库来上传文件，随便那个都行。

第2步：在文章中使用短代码 [processing]file_name.pde[/processing]。如果浏览器没有成功显示运行的结果，则会显示一个源文件的下载链接和 processing 官网链接。