
內容簡介
使用此外掛在您的文章或頁面中嵌入 ProcessingJS 程式碼 (http://processingjs.org)
您可以使用簡短的標籤 ([pjs4wp]...[/pjs4wp]) 來達到兩個不同的用途:
1) 在文章或頁面中放置實際的 ProcessingJS 程式碼,例如:
[pjs4wp]
void setup()
{
size(200, 200);
text("Hello world!", 50, 50);
}
[/pjs4wp]
2) 使用現有的 ProcessingJS .pde 程式碼如下:
[pjs4wp url="/wp-content/uploads/my_sketch.js" bordercolor="#000"][/pjs4wp]
重要提示:
在上傳前,請將 .pde 檔案重新命名為 .js 檔
例如:將原始的 my_sketch.pde 檔案重新命名為 my_sketch.js!
這是因為某些伺服器 / 瀏覽器無法正確處理 .pde 擴展名。
範例
這裡可以看到一個實際的範例:
http://rvg.cage.nl/rvglife-internet-2014/
作者
CAGE Web Design | Rolf van Gelder,荷蘭埃因霍芬,http://cagewebdev.com,http://rvg.cage.nl
外掛 URL
http://cagewebdev.com/processingjs-for-wordpress
下載 URL
https://wordpress.org/plugins/processingjs-for-wordpress
聲明
無保固,風險自負!
CAGE Web Design | Rolf van Gelder 的其他外掛程式
CAGE Web Design | Rolf van Gelder 所創建的 WordPress 外掛程式
http://cagewebdev.com/category/news-tech-art/wordpress/
外掛標籤
開發者團隊
原文外掛簡介
Embed a ProcessingJS sketch (http://processingjs.org) in your post or page with this plugin
You can use the shorttag ([pjs4wp]…[/pjs4wp]) in two different ways:
1) Put the actual ProcessingJS code in a post or page, for instance:
[pjs4wp]
void setup()
{
size(200, 200);
text(“Hello world!”, 50, 50);
}
[/pjs4wp]
2) Use an existing ProcessingJS .pde sketch like this:
[pjs4wp url=”/wp-content/uploads/my_sketch.js” bordercolor=”#000″][/pjs4wp]
IMPORTANT:
RENAME YOUR .pde FILE TO .js BEFORE UPLOADING!
So in the example: rename your original my_sketch.pde file to my_sketch.js!
Some servers / browsers are not happy with the .pde extension, that’s why…
Example
See a live example here:
Author
CAGE Web Design | Rolf van Gelder, Eindhoven, The Netherlands – http://cagewebdev.com – http://rvg.cage.nl
Plugin URL
http://cagewebdev.com/processingjs-for-wordpress
Download URL
https://wordpress.org/plugins/processingjs-for-wordpress
Disclaimer
NO WARRANTY, USE IT AT YOUR OWN RISK!
Plugins by CAGE Web Design | Rolf van Gelder
WordPress plugins created by CAGE Web Design | Rolf van Gelder
http://cagewebdev.com/category/news-tech-art/wordpress/
