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

| 2013年6月13日

我们可以使用插件很方便的插入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 官网链接。

WordPress技术+编程:在WordPress中怎样插入Processing程序并能实时运行?使用插件!(附用法)》有2个想法

  1. Prebeta

    你好,请问你日历下面那个捐款支助部分,是怎么实现的呢?是什么插件呢,还是自己写的代码

    回复
    1. taho

      这个不是自己写的。是益播公益的公益广告,可以在http://yibo.iyiyun.com/Home这里找到代码。有爱心的同学啊!嘿嘿!

      回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注