test.js

var run = true;

// Some global variables
var bibites = [];
var food = [];
var app;
var gGraphics;
var fpsCounter;

function main(){

    // Copy/Pasted this
    var width = window.innerWidth
    || document.documentElement.clientWidth
    || document.body.clientWidth;
    
    // Copy/Pasted this
    var height = window.innerHeight
    || document.documentElement.clientHeight
    || document.body.clientHeight;
    
    // Create the application helper and add its render target to the page
    app = new PIXI.Application({width, height});
    document.body.appendChild(app.view);
    app.renderer.background.color = 0x0000FF;
    
    // Create a new graphics object for drawing the lines
    gGraphics = new PIXI.Graphics();

    // Creates some bibites
    for (var i = 0; i < 1000; i++)
        bibites.push(new Bibite());

    // Create some food
    for (var i = 0; i < 10; i++)
        food.push(new Food());

    // Add the graphics to the stage
    app.stage.addChild(gGraphics);

    // Create the fps counter
    fpsCounter = new PIXI.Text("FPS: 0", {fontFamily : 'Arial', fontSize: 20, fill : 0x00FF00, align : 'center'});
    fpsCounter.x = 10;
    fpsCounter.y = 8;
    app.stage.addChild(fpsCounter);

    // Start the game loop
    app.ticker.add((delta) => {
        GameLoop(delta);
    });

}

// Game loop. Called every frame.
function GameLoop(delta) {

    var now = performance.now();

    // Clear the graphics
    gGraphics.clear();

    // Update the bibites
    for (var i = 0; i < bibites.length; i++)
        bibites[i].Update(delta);
    

    // Draw the food
    for (var i = 0; i < food.length; i++)
        food[i].Draw(gGraphics);


    // Draw the first bibite's network last so it is drawn on top
    if (bibites.length > 0)
        bibites[0].nn.DrawNN(gGraphics);

    // Update the fps counter
    fpsCounter.text = "FPS: " + Math.round(app.ticker.FPS);

    var end = performance.now();
    //console.log("Time: " + (end - now) + "ms");
}

if (run)
    main();
else{
    console.log("Run is false");

    width  = 1200;
    height = 900;

    app = new PIXI.Application({width, height});
    document.body.appendChild(app.view);
}