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>


Processing code directly

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

keyvan

<p>A plugin for WordPress to make it easy to include <a href="http://processingjs.org/" rel="nofollow ugc">Processing.js</a> sketches into blog posts.</p>
<p>Visit <a href="http://www.keyvan.net/code/processing-js/" rel="nofollow ugc">the plugin page</a> for more information.</p>


Processing JS

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

Processing code directly vs Processing JS