Processing code directly in your web page with shortcode is using this technique :

keyvan

Processing JS

A plugin for WordPress to make it easy to include Processing.js sketches into blog posts.

LABCAT

Processing Projects

This plugin allows you to upload Processing (p5.js) Projects to your WordPress website. The Processing Projects you upload should be in a zip file tha …

Ny24

Processing-js-Easy

Includes and executes graphical javascript applications that have been written with processing (.pde)

jaiunblog

<p>Processing code directly in your web page with shortcode is using this technique :<br />
http://processingjs.org/articles/jsQuickStart.html#processingcodeinwebpage</p>
<p>and adding prismjs (http://www.prismjs.com) for highlight the code</p>
<h4>add processing code in your post</h4>
<p>Just add shortcode</p>
<ul>
<li>[p5js code canvas][/p5js] to show the code and the result</li>
<li>[p5js code][/p5js] to show the code</li>
<li>[p5js canvas][/p5js] to show the result of the code</li>
</ul>
<h4>example</h4>
<p>[p5js code canvas]</p>
<ol>
<li>// Processing code</li>
<li>void setup() {</li>
<li>size(200, 200);</li>
<li>background(100);</li>
<li>stroke(255);</li>
<li>ellipse(50, 50, 25, 25);</li>
<li>println(“hello web!”);</li>
<li>}</li>
</ol>
<p>[/p5js]</p>


Alternatives to Processing code directly

Top alternatives