Skip to content

References: Control Flow, Loops & Array Data Structures

  1. Control flow - Wikipedia - Comprehensive overview of conditional branching, loop constructs, switch statements, and execution jumping. Establishes the foundational logic patterns necessary for decision-making in code.

  2. Array (data structure) - Wikipedia - Theoretical foundation of indexed contiguous memory buffers, time complexities for random access, and multi-dimensional matrices. Vital for managing collections of visual elements in sketches.

  3. Iteration - Wikipedia - Detailed analysis of computational repetition, algorithmic complexity, nested loops, and two-dimensional matrix traversal. Fundamental for generating procedural tile patterns and coordinate matrices in generative art.

  4. Form+Code in Design, Art, and Architecture - Casey Reas, Chandler McWilliams, and LUST - Princeton Architectural Press - Reas and McWilliams pioneered structural pedagogy linking nested iteration directly to architectural patterns, tessellations, and rule-based generative composition across computational visual design disciplines.

  5. Design by Numbers - John Maeda - MIT Press - Maeda created the foundational visual loop pedagogy at the MIT Media Lab, introducing the concept of repetition as a primary artistic brushstroke in computational media and design education.

  6. Loops and Iteration Guide - MDN Web Docs - Authoritative reference on while, do-while, for, for...of, and for...in statements, including break and continue flow interruption controls for managing execution loops in JavaScript.

  7. JavaScript Array Reference - MDN Web Docs - Complete technical manual for array creation, indexing, mutation methods (push, pop, splice), and higher-order iterations (map, filter, forEach) for managing objects in memory buffers.

  8. Conditional Statements in JavaScript - MDN Web Docs - Beginner-friendly tutorial on if...else branching, comparison operators, logical conjunctions, and switch statements with practical code examples for interactive decision-making in web programs.

  9. Nested Loops and 2D Grids in p5.js - The Coding Train - Interactive tutorial demonstrating how two nested for-loops calculate X and Y coordinates to tile geometric patterns and cellular matrices across the entire p5.js canvas surface.

  10. Arrays in p5.js: Storing and Animating Collections - The Coding Train - Visual lesson on populating arrays with numbers and coordinate objects, iterating through collections to animate multiple autonomous screen elements concurrently across draw frames.