Ollin

DesOrdres

after Molnár's (Dés)Ordres (1974). It draws a grid of concentric squares, and each square is drawn only ~95% of the time, so the orderly nesting breaks down into disorder. The title is a pun: désordres (disorders) versus des ordres (some orders), which points to the logic within the apparent disarray. mouseX seeds the randomness, so moving the mouse scrubs back and forth through the patterns.

Run
swift run --package-path Examples Example-Recreations-VeraMolnar-DesOrdres
Source
Examples/Recreations/VeraMolnar/DesOrdres/Sketch.swift
//  Recreation after Vera Molnár — "(Dés)Ordres" (1974), her plotter drawing of
//  concentric squares randomly disrupted; a pun on "désordres" (disorders) and
//  "des ordres" (some orders). A homage, not a reproduction.
//  https://dam.org/museum/artists_ui/artists/molnar-vera/des-ordres/
//
//  Ported from the p5.js sketch week-1/vera-2 (MIT) in
//  https://github.com/eaviles/rtp-sfpc-f21-p5 — itself a p5 port of Zach
//  Lieberman's openFrameworks sample for the RTP class at SFPC, Fall 2021
//  (https://github.com/ofZach/RTP_SFPC_F21). Reworked for Ollin's API.

import Ollin

/// "(Dés)Ordres" (Vera Molnár, 1974): a 5×5 grid of cells, each a stack of 10
/// concentric squares — but each square is drawn only ~95% of the time, so the
/// orderly nesting frays into gaps. The title's pun (disorders / some orders)
/// is the idea: an underlying logic within the apparent disarray. **Move the
/// mouse**: `mouseX` seeds the randomness, so sliding it scrubs the disorder.
///
/// Demonstrates center-anchored `drawRect(center:width:height:)` and `randomSeed`
/// driven by input. After Vera Molnár.
@main
final class DesOrdres: Sketch {
    override func setup() {
        strokeWeight(2 * scale)
        noFill()
    }

    override func draw() {
        background(.white)
        randomSeed(Int(mouseX))   // the pattern is stable per mouseX, scrubs as you move

        // A 5×5 grid of centers inset ⅛ from each edge; each holds 10 nested
        // squares, the outermost nearly filling its cell. All canvas-relative.
        let margin = shortSide * 0.125
        let g = grid(columns: 5, rows: 5, padding: .all(margin), distribution: .spanning)
        let cell = g.bounds.width / 4   // spacing between adjacent centers
        for p in g.points {
            for k in 0..<10 {
                let size = map(Double(k), 0, 9, cell * 0.04, cell * 0.95)
                if random() < 0.95 {
                    drawRect(center: p.position, width: size, height: size)
                }
            }
        }
    }
}

↑↓ move ↩ open