moon.js

<script src="http://processingjs.org/js/processing.min.js"></script>
<canvas id="processing-canvas"> </canvas>
<script type="text/processing" data-processing-target="processing-canvas">

/* @pjs preload="static/images/moon.jpg"; */
PImage img;

void setup() {
  size(800, 800, P2D);
  background(0);
  smooth(); 
  img = loadImage("static/images/moon.jpg");
}

void draw() {
  tint(255, 126);
  image(img, 400, 400, width/2, height/2);
  stroke(random(255));   
  ellipse(random(width), random(height), 1, 1);
}
  
</script>