train.html

<head>
    <title>World</title>
    <style type="text/css">
        canvas{
            float:left;
            margin-right: 100px;
            padding: 0px;
        }
    </style>
</head>
<body style='background-color: black'>
    <canvas id='board'></canvas>
    <canvas id='debug'></canvas>
</body>
<script src="./lib/ai.js"></script>
<script src="./lib/world.js"></script>
<script src="./lib/debug.js"></script>
<script src="./config.js"></script>
<script>

var canvas = document.getElementById('board');
canvas.setAttribute('width', config.width*config.scale);
canvas.setAttribute('height', config.height*config.scale);
canvas.setAttribute('style', "border:1px solid lime;background-color:#000000");
//var canvas = document.getElementById("board");
var board = canvas.getContext("2d");
var world = new World(config);
//world.draw(board);


var canvas_debug = document.getElementById('debug');
var titles = {
    input: {
        0: "x1",
        1: "y1",
        2: "x2",
        3: "y2",
        4: "wall left",
        5: "wall right",
        6: "wall up",
        7: "wall down",
        8: "food left",
        9: "food right",
        10: "food up",
        11: "food down",
        12: "bias"
    }
};


World.prototype.debug = function (brain)
{
    //brain = new Network([2,2]);
    debug (brain,canvas_debug,titles);
};

function draw ()
{
    if (world.generation<config.demo || world.generation>=config.train || world.trained)
    {
        if (world.trained)
        {
            config.speed = 100;
        }
        world.run(board);
    }
    else
    {
        while (world.generation<config.train && !world.trained)
        {
            world.run();
        }
        config.speed = 100;
    }
    setTimeout(draw, config.speed)
}

draw();


</script>