WordPress.org

Plugin Directory

!This plugin hasn’t 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.

Processing code directly

shortcode to highlight syntax and create processingjs canvas

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]

Requires: 3.3 or higher
Compatible up to: 3.5.2
Last Updated: 2 years ago
Active Installs: 100+

Ratings

5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,1,1