Processing code directly

shortcode to highlight syntax and create processingjs canvas

Author:	@benoitWimart (profile at wordpress.org)
WordPress version required:	3.3
WordPress version tested:	3.5.2
Plugin version:	1.4.8.1
Added to WordPress repository:	05-04-2014
Last updated:	23-05-2014 Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:	100
Rated by:	4
Plugin URI:
Total downloads:	1 712
Active installs:	20+
Click to start download

Processing code directly in your web page with shortcode is using this technique : http://processingjs.org/articles/jsQuickStart.html#processingcodeinwebpage

and adding prismjs (http://www.prismjs.com) for highlight the code

add processing code in your post

Just add shortcode

• [p5js code canvas][/p5js] to show the code and the result
• [p5js code][/p5js] to show the code
• [p5js canvas][/p5js] to show the result of the code

example

[p5js code canvas]

1. // Processing code
2. void setup() {
3. size(200, 200);
4. background(100);
5. stroke(255);
6. ellipse(50, 50, 25, 25);
7. println("hello web!");
8. }

[/p5js]

---

FAQ
ChangeLog

---