However, getting the "fixed" version—where the grid perfectly alternates colors without overlapping or skipping—can be tricky. The objective is to create an
You need an outer loop for rows and an inner loop for columns. 916 checkerboard v1 codehs fixed
Are you having trouble with the version of this assignment, or is the autograder still giving you a specific error message? var SQUARE_SIZE = getWidth() / SQUARES_PER_SIDE
grid of squares where the colors alternate between black and red (or other assigned colors), resembling a standard checkerboard. Key Technical Requirements: 916 checkerboard v1 codehs fixed
var SQUARES_PER_SIDE = 8; var SQUARE_SIZE = getWidth() / SQUARES_PER_SIDE; function start() { for (var row = 0; row < SQUARES_PER_SIDE; row++) { for (var col = 0; col < SQUARES_PER_SIDE; col++) { drawSquare(row, col); } } } function drawSquare(row, col) { var x = col * SQUARE_SIZE; var y = row * SQUARE_SIZE; var rect = new Rectangle(SQUARE_SIZE, SQUARE_SIZE); rect.setPosition(x, y); // The "Fixed" Logic: Check if sum of indices is even if ((row + col) % 2 == 0) { rect.setColor(Color.red); } else { rect.setColor(Color.black); } add(rect); } Use code with caution. Troubleshooting Common Errors 1. The "Off-by-One" Pixel Gap