Online Processing.js Editor

<!DOCTYPE html> <html> <head> <title>Processing.js Test</title> <script src="/?originalUrl=https%3A%2F%2Fdev.tutorialspoint.com%2F%26quot%3Bhttps%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fprocessing.js%2F1.6.6%2Fprocessing.min.js%26quot%3B%26gt%3B%26lt%3B%2Fscript%26gt%3B%26lt%3Bscript%2520type%3D%26quot%3Bapplication%2Fprocessing%26quot%3B%2520data-processing-target%3D%26quot%3Bpjs%26quot%3B%26gt%3B%2520%2520%2520float%5B%5D%5B%5D%2520distances%3B%2520%2520%2520float%2520maxDistance%3B%2520%2520%2520size(200%2C%2520200)%3B%2520%2520%2520background(0)%3B%2520%2520%2520maxDistance%2520%3D%2520dist(width%2F2%2C%2520height%2F2%2C%2520width%2C%2520height)%3B%2520%2520%2520distances%2520%3D%2520new%2520float%5Bwidth%5D%5Bheight%5D%3B%2520%2520%2520for(int%2520i%3D0%3B%2520i%26lt%3Bheight%3B%2520i%2B%2B)%2520%257B%2520%2520%2520%2520%2520for(int%2520j%3D0%3B%2520j%26lt%3Bwidth%3B%2520j%2B%2B)%2520%257B%2520%2520%2520%2520%2520%2520%2520float%2520d%2520%3D%2520dist(width%2F2%2C%2520height%2F2%2C%2520j%2C%2520i)%3B%2520%2520%2520%2520%2520%2520%2520distances%5Bj%5D%5Bi%5D%2520%3D%2520d%2FmaxDistance%2520*%2520255%3B%2520%2520%2520%2520%2520%257D%2520%2520%2520%257D%2520%2520%2520for(int%2520i%3D0%3B%2520i%26lt%3Bheight%3B%2520i%2B%3D2)%2520%257B%2520%2520%2520%2520%2520for(int%2520j%3D0%3B%2520j%26lt%3Bwidth%3B%2520j%2B%3D2)%2520%257B%2520%2520%2520%2520%2520%2520%2520stroke(distances%5Bj%5D%5Bi%5D)%3B%2520%2520%2520%2520%2520%2520%2520point(j%2C%2520i)%3B%2520%2520%2520%2520%2520%257D%2520%2520%2520%257D%26lt%3B%2Fscript%26gt%3B%26lt%3B%2Fhead%26gt%3B%26lt%3Bbody%26gt%3B%26lt%3Bh1%26gt%3BProcessing.js%2520Test%26lt%3B%2Fh1%26gt%3B%26lt%3Bp%26gt%3BDemonstrates%2520the%2520syntax%2520for%2520creating%2520a%2520two-dimensional%2520(2D)%2520array.%26lt%3B%2Fp%26gt%3B%26lt%3Bcanvas%2520id%3D%26quot%3Bpjs%26quot%3B%26gt%3B%26lt%3B%2Fcanvas%26gt%3B%26lt%3B%2Fbody%26gt%3B%26lt%3B%2Fhtml%26gt%3B%253C%2Fdiv">