在javascript中用两种不同的颜色绘制两辆自行车（tronlight）

我正试着画两辆自行车参加比赛 在同一画布中使用两种不同的颜色，但似乎我在函数redraw（）中缺少了一些东西（我是javascript的新手）

var redraw=function（）{
C.fillStyle=“#000000”；
//C.clearRect（0，0，canvas.width，canvas.height）；
C.fillRect（0,0，canvas.width，canvas.height）；
C.fillStyle=‘红色’；
对于（变量i=0；i

您可以使用画布的fillStyle属性设置颜色。我相信在调用fillRect之前，您只需要根据需要更改fillStyle。

因此，请指定问题和您的问题？哪些问题没有按预期工作？寻求调试帮助的问题（“此代码为什么不工作？”）必须包括所需的行为，一个特定的问题或错误，以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：。实际上，轨迹是一种颜色（红色）我想为每辆自行车创建一个轨迹颜色，一个红色和一个绿色。循环内的填充矩形设置两辆自行车（轨迹）的颜色。你知道我如何为轨迹设置不同的颜色吗？看起来网格只跟踪被占用的单元格。不一定是哪条自行车道占用了牢房。您需要通过将占用的单元追溯到原始自行车来区分是哪辆自行车创建了轨迹。或者在填充此栅格对象存储时，哪个自行车正在创建轨迹。

var redraw = function() {
C.fillStyle = "#000000";
// C.clearRect(0, 0, canvas.width, canvas.height);
C.fillRect(0,0,canvas.width,canvas.height);

C.fillStyle = 'red';

for ( var i = 0; i < NUM_CELLS_HORIZONTAL; ++i ) {
    for ( var j = 0; j < NUM_CELLS_VERTICAL; ++j ) {
        if ( grid[i][j] === CELL_OCCUPIED )

        C.fillRect( x0+i*cellSize+1, y0+j*cellSize+1, cellSize-2, cellSize-2 );     
    }
}

C.fillStyle = lightCycle1_alive ? "#ff0000" : "#ffffff";
C.fillRect( x0+lightCycle1_x*cellSize, y0+lightCycle1_y*cellSize, cellSize, cellSize );
C2.fillStyle = lightCycle2_alive ? "#ff0000" : "#ffffff";
C2.fillRect( x0+lightCycle2_x*cellSize, y0+lightCycle2_y*cellSize, cellSize, cellSize );

}