81A6c.car

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Car Mitchell Palermo</title>
</head>
<canvas id="canvas1" width="640" height="480" style="border: 1px solid black;position:absolute; left:0; top 0; z-index: 0,"></canvas>
<canvas id="canvas2" width="640" height="480" style="border: 1px solid black;position:absolute; left: 0; top 0; z-index: 1;"></canvas>

<body>

<script>

var layer1 = document.getElementById("canvas1");
var dt1 = layer1.getContext("2d");
var layer2 = document.getElementById("canvas2");
var dt2 = layer2.getContext("2d");

 dt1.fillStyle = "#262626";
 dt1.fillRect(0, 0, layer1.width, layer1.height);


var yPos = 100;
var xPos = 0;
var speed = 6;

setInterval(draw, 30);


function draw()
{
    myRectangle();

}

function myRectangle()
{
    dt2.clearRect(0, 0, layer2.width, layer2.height);


    dt2.fillstyle = "#663399";
    dt2.fillRect(xPos-12, yPos-20, 20, 20);
    dt2.fill();

    dt2.fillstyle = "#663399";
    dt2.fillRect(xPos-12, yPos+50, 20, 20);
    dt2.fill();

    dt2.fillstyle = "#663399";
    dt2.fillRect(xPos+42,yPos-20, 20, 20);
    dt2.fill();

    dt2.fillstyle = "#663399";
    dt2.fillRect(xPos+42,yPos+50, 20, 20);
    dt2.fill();


    dt2.fillStyle = "#663399";
    dt2.strokeStyle = "black";
    dt2.fillRect(xPos-15,yPos, 80, 50);
    dt2.strokeRect(xPos-15, yPos, 80, 50);
    dt2.fill();
    dt2.stroke();

    xPos = xPos + speed;


    if (xPos <0 || xPos >640)
        {
           speed = speed * -1;
          yPos = (Math.floor(Math.random()*300));
        }

}

</script>

</body>
</html>