PShapes in Grid Regions
Last updated
Last updated
In the previous section we created a function: displayShapes, to take a 1 Dimensional array of PShapes, the cellSize and the number of rows and columns in our canvas.
As we look to increase the complexity of our design, one approach would be to add logic to our nested for-loops to identify regions in each grid, where we could selectively display some portion of shapes in one of our shapes lists.
The image below shows a grid, with the (i,j) indexes for drawn in each cell. The yellow section represents a region that we'd like to add items to.
We can define this region as having index values: ( i < 3 && j < 3 )
We could use logic like this to define what shapes are drawn within a region. The logic is defined within the nested for-loops:
if( i < rows/2 && j < cols/2){ //draw region1 shapes }
In the code below, we add logic within the nested for-loops to select cells within a region. This will get to be complex if we try to add design logic using this approach.
We can see that the design below is more interesting than those previously shown. So how can we create this type of pattern where the overall design shows 4 different regions of patterns?