onsight/src/core/objects/Circle.js

Interactive, easy to use JavaScript game framework.

import { ColorStyle } from './style/ColorStyle.js';
import { Object2D } from '../Object2D.js';
import { Thing } from '../Thing.js';

class Circle extends Object2D {

    #radius = 25;

    constructor(radius = 25) {
        super();
        this.type = 'Circle';

        this.radius = radius;
        this.fillStyle = new ColorStyle('#ffffff');
        this.strokeStyle = new ColorStyle('#000000');
        this.lineWidth = 1;
        this.constantWidth = false;
        this.mouseBuffer = 0;
    }

    get radius() { return this.#radius; }
    set radius(value) {
        this.#radius = value;
        this.computeBoundingBox();
    }

    computeBoundingBox() {
        const radius = this.#radius;
        this.boundingBox.min.set(-radius, -radius);
        this.boundingBox.max.set(+radius, +radius);
        return this.boundingBox;
    }

    isInside(point) {
        return point.length() <= (this.#radius + this.mouseBuffer);
    }

    draw(renderer) {
        const context = renderer.context;
        context.beginPath();
        context.arc(0, 0, this.#radius, 0, 2 * Math.PI);
        if (this.fillStyle) {
            context.fillStyle = this.fillStyle.get(context);
            context.fill();
        }
        if (this.strokeStyle) {
            context.lineWidth = this.lineWidth;
            context.strokeStyle = this.strokeStyle.get(context);
            if (this.constantWidth) {
                context.save();
                context.setTransform(1, 0, 0, 1, 0, 0);
                context.stroke();
                context.restore();
            } else {
                context.stroke();
            }
        }
    }

}

Thing.register('Circle', Circle);

export { Circle };