@match
Cells for which an expression over their position is true.
Syntax
- @match(<expression>) { }
- @match not (<expression>) { }
| Name | Value |
|---|---|
x, y, z | column, row and depth, from 1 |
X, Y, Z | number of columns, rows and depth |
i, I | cell index from 1, and cell count |
dx, dy | offset from the grid center, in cells |
dr, dc, dm | Euclidean, Chebyshev and Manhattan distance from the center |
da | angle from the center, in radians |
db | distance to the nearest edge, 0 on the border |
random | a random number between 0 and 1 |
| name | the custom property --name, declared above on :doodle, :container or the cell; a cell variable wins a shared name |
Arithmetic + - * / % ^, comparison < > <= >= = == != ≤ ≥ ≠,
logic && || !, and bitwise & | << >>.
The Math functions, gcd(a, b) and the GLSL math of $() such as mod(a, b) are available,
and a function defined with --name() is called with or without its $.
Adjacent values multiply, so 2x is 2 * x.
See Expressions for the full rules.
Examples
≤ and ≥ stand for <= and >=,
and = for ==:
@grid: 10 / 60vmin _1px;
@content: @i;
font-size: .5em;
@match(x ≤ y) {
background: #000;
color: #fff;
}@grid: 10 / 60vmin _1px;
@content: @i;
font-size: .5em;
@match(x = y) {
background: #000;
color: #fff;
}
@match(X - x + 1 == y) {
background: #000;
color: #fff;
}Distances from the center:
@grid: 21 / 60vmin;
@match(dr < 4) {
background: #000;
}
@match(dc = 7) {
background: #e6437d;
}
@match(db = 0) {
background: #000;
} gcd on the coordinates, the cover of Apostol’s
Introduction to Analytic Number Theory:
:doodle {
@grid: 18 / 60vmin / #e14431 *x 180deg noclip;
font-size: 4px;
box-shadow:
@m30(@n(*-.05em) @n(*.05em) 0 .1em #e14431);
}
@match(gcd(x-1, y-1) ≠ 1) {
background: #fff;
z-index: @I(-@i);
margin: -.125em 0 0 -.125em;
box-shadow:
inset 0 0 0 .25em #000,
@m27(@n(*-.05em) @n(*-.05em) 0 .1em #000);
}