JSFiddle - React, Tailwind, and code Playground

by Igor Cuckovic

HTML

<div id="result"></div>

JavaScript

var x = 0,
        y = 0,
        delta = [0, -1],
        width = 6,
        height = 6;


    for (i = Math.pow(Math.max(width, height), 2); i>0; i--) {
        if ((-width/2 < x <= width/2) 
                && (-height/2 < y <= height/2)) {
            console.debug('POINT', x, y);
                    $('#result').append('['+ x +', ' + y + '], ');
        }

        if (x === y 
                || (x < 0 && x === -y) 
                || (x > 0 && x === 1-y)){
            // change direction
            delta = [-delta[1], delta[0]]            
        }

        x += delta[0];
        y += delta[1];        
    }