如何用入门级替代写法实现指定图形网格代码？禁用createShape等方法

Got it! Let's break down how to rewrite this grid-drawing code without relying on createShape(), setFill(), or addChild(). Your original code uses shape grouping to manage all grid cells, but we can achieve the exact same result with basic drawing functions that are far more beginner-friendly.

First, Let's Recap What Your Original Code Does #

grid = createShape(GROUP)
for i in range(C*R):
self.cell = createShape(RECT, (i%C)*S, (i//C)*S, S, S)
self.cell.setFill(colors[i] if i in filled else 210)
grid.addChild(self.cell)

This code creates a group of rectangle shapes, sets each rectangle's position/size and fill color, then adds all rectangles to the group for easy management. We can replace this by storing each cell's properties in a simple list, then drawing each cell directly one by one.

The Entry-Level Rewrite #

We'll split this into two parts: setting up your cell data and drawing the cells.

Step 1: Store Cell Data (in your setup/initialization code)

Instead of creating shape objects, we'll save each cell's position, size, and fill color in a list. This keeps all the info we need organized without fancy shape methods:

# Define your existing variables first (same as before)
C = 你的列数  # Replace with your actual value for columns
R = 你的行数  # Replace with your actual value for rows
S = 单元格大小  # Replace with your actual cell size
filled = {0, 2, 5}  # Example: set of filled cell indices (use your actual filled set)
colors = [color(255,0,0), color(0,255,0), color(0,0,255)]  # Example color list (use your actual colors)

# Create a list to hold all cell info: [x, y, width, height, fill_color]
cells = []
for i in range(C * R):
    # Calculate position for each cell
    x = (i % C) * S
    y = (i // C) * S
    # Determine fill color (same logic as your original code)
    fill_color = colors[i] if i in filled else 210
    # Add the cell's data to our list
    cells.append( (x, y, S, S, fill_color) )

Step 2: Draw the Cells (in your draw loop or rendering function)

Now we'll loop through our cell list and use basic fill() and rect() functions to draw each cell directly. No need for shape groups or child elements:

def draw():
    background(255)  # Optional: clears the screen each frame (adjust as needed)
    
    for cell in cells:
        x, y, w, h, fill_color = cell
        # Set the fill color before drawing the rectangle
        fill(fill_color)
        # Optional: remove or adjust stroke if you want cell borders
        noStroke()  # Use this if you don't want borders; use stroke(color) if you do
        # Draw the rectangle
        rect(x, y, w, h)

Why This Works #

• We replace createShape(RECT) with directly calling rect() during the draw phase—this is the most basic way to draw rectangles in almost any 2D graphics framework.
• setFill() is replaced by calling fill() right before drawing each rectangle; this sets the color for the next shape we draw.
• createShape(GROUP) and addChild() are no longer needed because we're managing cell data ourselves in a list, then drawing each cell individually.

This approach is perfect for beginners because it avoids abstract shape objects and focuses on core drawing concepts: storing data, looping through it, and using basic rendering functions.

内容的提问来源于stack exchange，提问作者MILLIONISH