CC Fest · Coding Camp ToolsNotion Notes CC Fest on GitHub
Session 3 Interactive Tool

Rows + Columns Pattern Maker

Use nested loops to build repeated visual systems by changing rows, columns, size, color logic, and rotation.

loops patterns grid nested loops
Open it Start with the canvas before the code. Change it Move one control or value at a time. Predict it Name what you expect before you run it. Remix it Turn the pattern toward your own sketch. Teach it Ask what changed and why.

Main Workspace

Change the pattern controls and watch rows and columns turn into repeated systems.

Code Preview

The preview maps your controls back to a nested-loop structure you can remix later.

// Pattern starter code will appear here.