the-world-engine
Version:
three.js based, unity like game engine for browser
53 lines (52 loc) • 1.56 kB
TypeScript
import type { ReadonlyVector2 } from "../../math/ReadonlyVector2";
import type { ReadonlyColor } from "../../render/ReadonlyColor";
import { CssRenderer } from "./CssRenderer";
/**
* css 2d edge renderer
*
* this renderer use svg tag to render edge
*/
export declare class CssEdgeRenderer extends CssRenderer<HTMLDivElement> {
private _svgElement;
private readonly _points;
private _width;
private _height;
private readonly _edgeColor;
private _edgeWidth;
private static readonly _safebound;
protected renderInitialize(): void;
protected updateCenterOffset(updateTransform: boolean): void;
protected updateViewScale(updateTransform: boolean): void;
private updateCssSize;
private createPolygonPoints;
/**
* edge points (default: [(-2, -2), (2, -2), (2, 2), (-2, 2)])
*/
get points(): readonly ReadonlyVector2[];
/**
* edge points (default: [(-2, -2), (2, -2), (2, 2), (-2, 2)])
*/
set points(value: readonly ReadonlyVector2[]);
/**
* set edge points to regular polygon
* @param sides number of sides
* @param radius radius of polygon
*/
setShapeToRegularPolygon(sides: number, radius: number): void;
/**
* edge color (default: "#00FF00")
*/
get edgeColor(): ReadonlyColor;
/**
* edge color (default: "#00FF00")
*/
set edgeColor(value: ReadonlyColor);
/**
* edge width (default: 0)
*/
get edgeWidth(): number;
/**
* edge width (default: 0)
*/
set edgeWidth(value: number);
}