TESTER

square

Shape #shape #square
square(x, y, size, [radius=0], [center], [stroke], [fill], [weight])

Draw a square

Syntaxe

square(x=10, y=10, size=5, stroke="#000000", fill="#FFA000", weight=4)

Arguments

NameRequiredDefaultDescription
xyes-x-coordinate of the left
yyes-y-coordinate of the top
sizeyes-Size
radius-0Corner radius
center--if true, x/y are the center of square
stroke--Stroke color
fill--Fill color
weight--Stroke weight (thickness)

Full example

var mySquares = [];
var sizeOfLoop = 25; // 25
var mySize = 20; // 20
var lengthOfRow = 5; // 5
var numberOfTimes = 1;

var bg = "#797979";
var empty = "#2E2E2E";
var palette = palette_blend("#D0F4DE", "#A4161A", 26);

randseed(TAU);
canvas(600, 600, bg);
coord_translate(28, 11);

var pal = 0;
for (var i = 0; i < 5; i++) {
    for (var k = 0; k < 5; k++) {
        coord_open();
        coord_translate((mySize * lengthOfRow + 10) * k, (mySize * lengthOfRow + 10) * i);
        mySquares = [];
        for (var j = 0; j < sizeOfLoop; j++) {
            if (j < numberOfTimes) {
                mySquares.add(1);
            } else {
                mySquares.add(0);
            }
        }
        numberOfTimes = numberOfTimes + 1;
        mySquares = shuffle(mySquares);
        var col = ++pal % palette.length;
        for (var p = 0; p < sizeOfLoop; p++) {
            coord_open();
            coord_translate(mySize * (p % lengthOfRow), mySize * ceil((p + 1) / lengthOfRow));
            if (mySquares[p] == 1) {
                fill(palette[col]);
                square(0, 0, mySize, radius=5);
            } else {
                fill(empty);
                square(0, 0, mySize, radius=5);
            }
            coord_close();
        } 
        coord_close();
    }
}



save("square.png");