littlejsengine/examples/shorts/topDown.js

LittleJS - Tiny and Fast HTML5 Game Engine

class Player extends EngineObject
{
    constructor(pos)
    {
        super(pos, vec2(2), tile(5), 0, RED);
        this.setCollision(); // make object collide
        this.renderOrder = 1; // render player on top
    }

    update()
    {
        // apply movement controls
        const moveInput = keyDirection().clampLength(1).scale(.2);
        this.velocity = this.velocity.add(moveInput);

        // move camera with player
        cameraPos = this.pos;
    }
}

function gameInit()
{
    // setup level
    canvasClearColor = hsl(.3,.2,.6);
    objectDefaultDamping = .7;
    new Player;

    // create collision objects
    for (let i=300; i--;)
    {
        const pos = randInCircle(15+i,7);
        const size = vec2(rand(4,9),rand(4,9));
        const color = hsl(.1,.5,rand(.2));
        const o = new EngineObject(pos, size, 0, 0, color);
        o.setCollision(); // make object collide
        o.mass = 0; // make object have static physics
    }
}