It looks like you're new here. If you want to get involved, click one of these buttons!
Note that most of the HTML/CSS is hacked from the default web-export from ProcessingJS and I've used demo sketches from the ProcessingJS site (credit where credit's due!).
All the action is currently embedded in the
index.html file external script file.
<div class="clickme">elements inside
<div id="previews">for each sketch you want to add to the page; including data- attributes for src files, sketch width and height. The div could contain an image preview ;)
That's it: the script checks for clicks on the previews; unloads any previously running sketch; sets the canvas width/height and loads in the appropriate sketch. As per my answer to aparry's question: the tricky bit was loading/unloading the sketch; and the key piece to that puzzle was this post on stackoverflow.