square
Draw a square
square(
x,
y,
size,
[radius=0],
[center],
[stroke=#000000],
[fill=#FFFFFF],
[weight=1.00]
)
Draw a square
Syntaxe
square(x=10, y=10, size=5, stroke="#000000", fill="#FFA000", weight=4)
Arguments
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
x | yes | - | x-coordinate of the left | |
y | yes | - | y-coordinate of the top | |
size | yes | - | Size | |
radius | - | 0 | Corner radius | |
center | - | - | if true, x/y are the center of square | |
stroke | - | #000000 | Stroke color | |
fill | - | #FFFFFF | Fill color | |
weight | - | 1.00 | 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(whoami(png=true));
