main.js

const carCanvas = document.getElementById("carCanvas");
carCanvas.width = 200;
const networkCanvas = document.getElementById("networkCanvas");
networkCanvas.width = 300;

carWidth = 30;
carHeight = 50

const carCtx = carCanvas.getContext("2d")
const networkCtx = networkCanvas.getContext("2d")

const road = new Road(carCanvas.width/2, carCanvas.width * 0.9)

const cars = generateCars(100)//new Car(road.getLaneCenter(1), 100, carWidth, carHeight, "AI")
let bestCar = cars[0]
if(localStorage.getItem("bestBrain")){
    for(let i = 0; i < cars.length; i++){
        cars[i].brain = JSON.parse(localStorage.getItem("bestBrain"))
        if(i !== 0){
            NeuralNetwork.mutate(cars[i].brain, 0.10)
        }
    }
}

const traffic = [
    new Car(road.getLaneCenter(1), -100, carWidth, carHeight, "DUMMY", 2),
    new Car(road.getLaneCenter(0), -300, carWidth, carHeight, "DUMMY", 2),
    new Car(road.getLaneCenter(2), -300, carWidth, carHeight, "DUMMY", 2),
    new Car(road.getLaneCenter(1), -500, carWidth, carHeight, "DUMMY", 2),
    new Car(road.getLaneCenter(0), -500, carWidth, carHeight, "DUMMY", 2),
    new Car(road.getLaneCenter(2), -700, carWidth, carHeight, "DUMMY", 2),
    new Car(road.getLaneCenter(4), -700, carWidth, carHeight, "DUMMY", 2)
]
animate();

function save(){
    localStorage.setItem("bestBrain",
        JSON.stringify(bestCar.brain));
    console.log("Saved Brain")
}

function discard() {
    localStorage.removeItem("bestBrain",
        JSON.stringify(bestCar.brain));
    console.log("Discarded Brain")
}

function generateCars(N){
    const cars=[];
    for(let i=1;i<=N;i++){
        cars.push(new Car(road.getLaneCenter(1),100,30,50,"AI"));
    }
    return cars;
}

function animate(time){
    for(let i = 0; i < traffic.length; i++){
        traffic[i].update(road.borders, [])
    }

    for(let i = 0; i < cars.length; i++){
        cars[i].update(road.borders, traffic);
    }
    bestCar = cars.find(
        c=>c.y===Math.min(
            ...cars.map(c=>c.y)
        )
    )

    carCanvas.height = window.innerHeight
    networkCanvas.height = window.innerHeight

    carCtx.save()
    carCtx.translate(0, 0-bestCar.y+carCanvas.height*0.67)

    road.draw(carCtx)
    for(let i = 0; i < traffic.length; i++){
        traffic[i].draw(carCtx, "green")
    }

    bestCar.draw(carCtx, "blue", true)
    carCtx.globalAlpha = 0.2
    for(let i = 1; i < cars.length; i++){
        cars[i].draw(carCtx, "blue")
    }
    carCtx.globalAlpha = 1

    carCtx.restore()

    networkCtx.lineDashOffset = -time/100
    Visualizer.drawNetwork(networkCtx, bestCar.brain)
    requestAnimationFrame(animate)
}