Skip to main content
Home
This package has been archived, and as such it is read-only.

latest
It is unknown whether this package works with Cloudflare Workers, Node.js, Deno, Bun, Browsers
It is unknown whether this package works with Cloudflare Workers
It is unknown whether this package works with Node.js
It is unknown whether this package works with Deno
It is unknown whether this package works with Bun
It is unknown whether this package works with Browsers
JSR Score
47%
Published
2 years ago (0.1.4)
class Doodler

Constructors

new
Doodler(
unnamed 0: DoodlerOptions,
postInit?: postInit,
)

Properties

protected
bg: string
protected
optional
dragTarget: Draggable
private
clickables: Clickable[]
private
deferredDrawings: (() => void)[]
private
draggables: Draggable[]
private
optional
framerate: number
readonly
height: number
private
layers: layer[]
private
optional
timer: number
private
uiDrawing: uiDrawing
uiElements: Map<string, [keyof uiDrawing, ...any]>
readonly
width: number

Methods

addDragEvents(unnamed 0: { point: Vector; onDragEnd?: () => void; onDragStart?: () => void; onDrag?: (movement: { x: number; y: number; }) => void; }): void
addUIElement(
shape: "rectangle",
at: Vector,
width: number,
height: number,
style?: IStyle,
): string
addUIElement(
shape: "square",
at: Vector,
size: number,
style?: IStyle,
): string
addUIElement(
shape: "circle",
at: Vector,
radius: number,
style?: IStyle,
): string
clearRect(
at: Vector,
width: number,
height: number,
): void
createLayer(layer: layer): void
deferDrawing(cb: () => void): void
deleteLayer(layer: layer): void
dot(
at: Vector,
style?: IStyle,
): void
protected
draw(time: number): void
drawBezier(
a: Vector,
b: Vector,
c: Vector,
d: Vector,
style?: IStyle,
): void
drawCenteredRect(
at: Vector,
width: number,
height: number,
style?: IStyle,
): void
drawCenteredSquare(
at: Vector,
size: number,
style?: IStyle,
): void
drawCircle(
at: Vector,
radius: number,
style?: IStyle,
): void
drawImage(
img: CanvasImageSource,
at: Vector,
): void
drawImage(
img: CanvasImageSource,
at: Vector,
w: number,
h: number,
): void
drawImageWithOutline(
at: Vector,
style?: IStyle,
): void
drawImageWithOutline(
at: Vector,
w: number,
h: number,
style?: IStyle,
): void
drawRect(
at: Vector,
width: number,
height: number,
style?: IStyle,
): void
drawRotated(
origin: Vector,
angle: number,
cb: () => void,
): void
drawScaled(
scale: number,
cb: () => void,
): void
drawSprite(
spritePos: Vector,
sWidth: number,
sHeight: number,
at: Vector,
width: number,
height: number,
): void
drawSquare(
at: Vector,
size: number,
style?: IStyle,
): void
private
drawUI(): void
drawWithAlpha(
alpha: number,
cb: () => void,
): void
fillCanvas(style?: IStyle): void
fillCenteredRect(
at: Vector,
width: number,
height: number,
style?: IStyle,
): void
fillCenteredSquare(
at: Vector,
size: number,
style?: IStyle,
): void
fillCircle(
at: Vector,
radius: number,
style?: IStyle,
): void
fillRect(
at: Vector,
width: number,
height: number,
style?: IStyle,
): void
fillSquare(
at: Vector,
size: number,
style?: IStyle,
): void
fillText(
text: string,
pos: Vector,
maxWidth: number,
style?: IStyle,
): void
init(): void
line(
start: Vector,
end: Vector,
style?: IStyle,
): void
moveLayer(
layer: layer,
index: number,
): void
registerClickable(
p1: Vector,
p2: Vector,
cb: () => void,
): void
registerDraggable(
point: Vector,
radius: number,
style?: IStyle & { shape: "square" | "circle"; },
): void
setStyle(style?: IStyle): void
private
startDrawLoop(): void
strokeText(
text: string,
pos: Vector,
maxWidth: number,
style?: IStyle,
): void
unregisterClickable(cb: () => void): void

New Ticket: Report package

Please provide a reason for reporting this package. We will review your report and take appropriate action.

Please review the JSR usage policy before submitting a report.

Add Package

deno add jsr:@cgg/emmaline

Import symbol

import { Doodler } from "@cgg/emmaline";
or

Import directly with a jsr specifier

import { Doodler } from "jsr:@cgg/emmaline";

Add Package

pnpm i jsr:@cgg/emmaline
or (using pnpm 10.8 or older)
pnpm dlx jsr add @cgg/emmaline

Import symbol

import { Doodler } from "@cgg/emmaline";

Add Package

yarn add jsr:@cgg/emmaline
or (using Yarn 4.8 or older)
yarn dlx jsr add @cgg/emmaline

Import symbol

import { Doodler } from "@cgg/emmaline";

Add Package

vlt install jsr:@cgg/emmaline

Import symbol

import { Doodler } from "@cgg/emmaline";

Add Package

npx jsr add @cgg/emmaline

Import symbol

import { Doodler } from "@cgg/emmaline";

Add Package

bunx jsr add @cgg/emmaline

Import symbol

import { Doodler } from "@cgg/emmaline";