Processing Python模式下循环绘制线条无动态效果问题排查

Let's break down why your code is stuck on a static image, and fix it to get that scrolling line effect you're aiming for:

Key Issues in Your Current Code #

• Local Variables Reset Every Frame: All your variables (x, num, andx) are declared inside draw(), which means they get reset to their initial values every single frame Processing renders. The andx variable you're trying to use to offset lines never gets to accumulate over time.
• Redundant Loop Logic: You're using a for x in range(0,600,20) loop, but then trying to increment x manually with x+=20—the loop already handles stepping through values, so this line does nothing.
• No Frame-to-Frame Change: You're drawing the same set of vertical lines every frame without shifting their position, and you only set the background once in setup()—so old lines never get cleared, leading to a static mess once all lines are drawn.

Fixed Code with Dynamic Scrolling Lines #

Here's a revised version that creates the scrolling effect you want:

offset = 0  # Global variable to track line offset across frames

def setup():
    size(400, 600)
    background(255)

def draw():
    global offset  # Tell Python we're using the global offset variable
    background(255)  # Clear the screen each frame to avoid line buildup
    
    # Draw vertical lines with the current offset
    x = offset
    while x < width:
        line(x, 0, x, height)
        x += 20
    
    # Update the offset for the next frame (adjust speed by changing the increment)
    offset += 1
    # Reset offset when it exceeds the line spacing to loop smoothly
    if offset >= 20:
        offset = 0

How This Works #

1. Global Offset Variable: By declaring offset outside both setup() and draw(), it retains its value between frames, so we can keep shifting the lines over time.
2. Clear Background Each Frame: background(255) in draw() erases the previous frame's lines, so only the current position of lines is visible.
3. Smooth Scrolling: We increment offset by 1 each frame (you can change this number to make the scroll faster/slower), and reset it when it hits the line spacing (20) to create a seamless loop.

Extra Tips #

• If you want the lines to scroll in the opposite direction, change offset += 1 to offset -= 1, and adjust the reset condition to if offset <= -20: offset = 0.
• To match the exact effect from your reference video, you might want to play with line thickness, color, or add a slight fade instead of a full background clear—try using fill(255, 10) and noStroke() before rect(0,0,width,height) instead of background(255) for a trailing effect.

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