Processing Template

CodeHS offers the ability to write P5JS (Processing) Apps without needing a traditional HTML/CSS framework.

We've created a simple template for most of the start-up work you might need in that ecosystem:

var myWidth, myHeight;
var myCanvas;
var myGray;
var fr;

function setup(){
    print("...setup...");
    myWidth = myHeight = 400;
    myCanvas = createCanvas(myWidth, myHeight);

    colorMode(HSB, 360, 100, 100);
    myGray = color(0, 0, 95);

    background(myGray);
    angleMode(DEGREES);
    fr = 60;
    frameRate(fr);

    noStroke();
}//end setup

function draw(){
    print("...draw...");
    noLoop();
}//end draw