JSFiddle - React, Tailwind, and code Playground

by curiousdannii

HTML

<canvas id="canvas1"></canvas>
<script id="processingcode" type="application/processing">
    
    void setup() {
        size(256,128);
        background(0);
    }
    
    int seed=1;
    int xorshift() {
        seed ^= (seed << 13);
        seed ^= (seed >> 9);
        seed ^= (seed << 7);
    }
    
    void draw() {
        int i=1;
        while (i < 32768) {
            xorshift();
            while (seed > 32767) {
                xorshift();
            }
            stroke(seed<<3&255,seed>>2&255,seed>>7&255);
            point(i&255,floor(i/256));
            i++;
        }
        exit();
    }

</script>

JavaScript

new Processing( document.getElementById( "canvas1" ), document.getElementById( "processingcode" ).text );