tin-engine/basic/roundedrect.example.js

Simple game engine to make small canvas based games using es6

import Scene from '../lib/scene.js';
import V2 from '../geo/v2.js';
import mouse from '../core/mouse.js';
import Colors from '../definition/colors.js';
import RoundedRectEntity from './roundedrect.js';

class BasicExampleScene extends Scene {
    constructor() {
        super();
        // default color
        this.add(new RoundedRectEntity(new V2(300, 100), new V2(200, 100)));
        // custom color and corner radius
        const color = new Colors('red', 'pink', 'blue', 'lightblue');
        this.add(new RoundedRectEntity(new V2(200, 250), new V2(400, 100), color, 20));
        // custom color without mouseover
        const simpleColor = new Colors('green', 'yellow');
        this.add(new RoundedRectEntity(new V2(300, 400), new V2(200, 100), simpleColor, 50));
    }

    setParent(game) {
        super.setParent(game);
        // Init mouse to enable hover effects
        // usually this would be done during game init
        mouse.init(game)
    }
}

export default [
    {
        title: "Basic Example",
        description: `Just like the rect just with rounded corners.`,
        scene: BasicExampleScene
    }
];