fcanvas

Type aliases

Reactive

Reactive<T>: T

Type parameters

T = object

Properties

hypot

hypot: (...values: number[]) => number

Type declaration

- (...values: number[]): number
- Returns the square root of the sum of squares of its arguments.
  
  Parameters
  - Rest ...values: number[]
    
    Values to compute the square root for. If no arguments are passed, the result is +0. If there is only one argument, the result is the absolute value. If any argument is +Infinity or -Infinity, the result is +Infinity. If any argument is NaN, the result is NaN. If all arguments are either +0 or −0, the result is +0.
  Returns number

Variables

Colors

Colors: { aliceblue: number[]; antiquewhite: number[]; aqua: number[]; aquamarine: number[]; azure: number[]; beige: number[]; bisque: number[]; black: number[]; blanchedalmond: number[]; blue: number[]; blueviolet: number[]; brown: number[]; burlywood: number[]; cadetblue: number[]; chartreuse: number[]; chocolate: number[]; coral: number[]; cornflowerblue: number[]; cornsilk: number[]; crimson: number[]; cyan: number[]; darkblue: number[]; darkcyan: number[]; darkgoldenrod: number[]; darkgray: number[]; darkgreen: number[]; darkgrey: number[]; darkkhaki: number[]; darkmagenta: number[]; darkolivegreen: number[]; darkorange: number[]; darkorchid: number[]; darkred: number[]; darksalmon: number[]; darkseagreen: number[]; darkslateblue: number[]; darkslategray: number[]; darkslategrey: number[]; darkturquoise: number[]; darkviolet: number[]; deeppink: number[]; deepskyblue: number[]; dimgray: number[]; dimgrey: number[]; dodgerblue: number[]; firebrick: number[]; floralwhite: number[]; forestgreen: number[]; fuchsia: number[]; gainsboro: number[]; ghostwhite: number[]; gold: number[]; goldenrod: number[]; gray: number[]; green: number[]; greenyellow: number[]; grey: number[]; honeydew: number[]; hotpink: number[]; indianred: number[]; indigo: number[]; ivory: number[]; khaki: number[]; lavender: number[]; lavenderblush: number[]; lawngreen: number[]; lemonchiffon: number[]; lightblue: number[]; lightcoral: number[]; lightcyan: number[]; lightgoldenrodyellow: number[]; lightgray: number[]; lightgreen: number[]; lightgrey: number[]; lightpink: number[]; lightsalmon: number[]; lightseagreen: number[]; lightskyblue: number[]; lightslategray: number[]; lightslategrey: number[]; lightsteelblue: number[]; lightyellow: number[]; lime: number[]; limegreen: number[]; linen: number[]; magenta: number[]; maroon: number[]; mediumaquamarine: number[]; mediumblue: number[]; mediumorchid: number[]; mediumpurple: number[]; mediumseagreen: number[]; mediumslateblue: number[]; mediumspringgreen: number[]; mediumturquoise: number[]; mediumvioletred: number[]; midnightblue: number[]; mintcream: number[]; mistyrose: number[]; moccasin: number[]; navajowhite: number[]; navy: number[]; oldlace: number[]; olive: number[]; olivedrab: number[]; orange: number[]; orangered: number[]; orchid: number[]; palegoldenrod: number[]; palegreen: number[]; paleturquoise: number[]; palevioletred: number[]; papayawhip: number[]; peachpuff: number[]; peru: number[]; pink: number[]; plum: number[]; powderblue: number[]; purple: number[]; rebeccapurple: number[]; red: number[]; rosybrown: number[]; royalblue: number[]; saddlebrown: number[]; salmon: number[]; sandybrown: number[]; seagreen: number[]; seashell: number[]; sienna: number[]; silver: number[]; skyblue: number[]; slateblue: number[]; slategray: number[]; slategrey: number[]; snow: number[]; springgreen: number[]; steelblue: number[]; tan: number[]; teal: number[]; thistle: number[]; tomato: number[]; transparent: number[]; turquoise: number[]; violet: number[]; wheat: number[]; white: number[]; whitesmoke: number[]; yellow: number[]; yellowgreen: number[] } = ...

Type declaration

aliceblue: number[]
antiquewhite: number[]
aqua: number[]
aquamarine: number[]
azure: number[]
beige: number[]
bisque: number[]
black: number[]
blanchedalmond: number[]
blue: number[]
blueviolet: number[]
brown: number[]
burlywood: number[]
cadetblue: number[]
chartreuse: number[]
chocolate: number[]
coral: number[]
cornflowerblue: number[]
cornsilk: number[]
crimson: number[]
cyan: number[]
darkblue: number[]
darkcyan: number[]
darkgoldenrod: number[]
darkgray: number[]
darkgreen: number[]
darkgrey: number[]
darkkhaki: number[]
darkmagenta: number[]
darkolivegreen: number[]
darkorange: number[]
darkorchid: number[]
darkred: number[]
darksalmon: number[]
darkseagreen: number[]
darkslateblue: number[]
darkslategray: number[]
darkslategrey: number[]
darkturquoise: number[]
darkviolet: number[]
deeppink: number[]
deepskyblue: number[]
dimgray: number[]
dimgrey: number[]
dodgerblue: number[]
firebrick: number[]
floralwhite: number[]
forestgreen: number[]
fuchsia: number[]
gainsboro: number[]
ghostwhite: number[]
gold: number[]
goldenrod: number[]
gray: number[]
green: number[]
greenyellow: number[]
grey: number[]
honeydew: number[]
hotpink: number[]
indianred: number[]
indigo: number[]
ivory: number[]
khaki: number[]
lavender: number[]
lavenderblush: number[]
lawngreen: number[]
lemonchiffon: number[]
lightblue: number[]
lightcoral: number[]
lightcyan: number[]
lightgoldenrodyellow: number[]
lightgray: number[]
lightgreen: number[]
lightgrey: number[]
lightpink: number[]
lightsalmon: number[]
lightseagreen: number[]
lightskyblue: number[]
lightslategray: number[]
lightslategrey: number[]
lightsteelblue: number[]
lightyellow: number[]
lime: number[]
limegreen: number[]
linen: number[]
magenta: number[]
maroon: number[]
mediumaquamarine: number[]
mediumblue: number[]
mediumorchid: number[]
mediumpurple: number[]
mediumseagreen: number[]
mediumslateblue: number[]
mediumspringgreen: number[]
mediumturquoise: number[]
mediumvioletred: number[]
midnightblue: number[]
mintcream: number[]
mistyrose: number[]
moccasin: number[]
navajowhite: number[]
navy: number[]
oldlace: number[]
olive: number[]
olivedrab: number[]
orange: number[]
orangered: number[]
orchid: number[]
palegoldenrod: number[]
palegreen: number[]
paleturquoise: number[]
palevioletred: number[]
papayawhip: number[]
peachpuff: number[]
peru: number[]
pink: number[]
plum: number[]
powderblue: number[]
purple: number[]
rebeccapurple: number[]
red: number[]
rosybrown: number[]
royalblue: number[]
saddlebrown: number[]
salmon: number[]
sandybrown: number[]
seagreen: number[]
seashell: number[]
sienna: number[]
silver: number[]
skyblue: number[]
slateblue: number[]
slategray: number[]
slategrey: number[]
snow: number[]
springgreen: number[]
steelblue: number[]
tan: number[]
teal: number[]
thistle: number[]
tomato: number[]
transparent: number[]
turquoise: number[]
violet: number[]
wheat: number[]
white: number[]
whitesmoke: number[]
yellow: number[]
yellowgreen: number[]

Functions

aspect

aspect(__namedParameters: ReadonlySize, ratio: number): ReadonlySize

- Defined in src/functions/aspect.ts:3
Parameters
- __namedParameters: ReadonlySize
- ratio: number
Returns ReadonlySize

Const cancelAnimationFrame

cancelAnimationFrame(handle: number): void

- Defined in src/utils/animationFrame.ts:7
Parameters
- handle: number
Returns void

changeSize

changeSize(callback: (ev: Event) => void, element?: HTMLElement | Window): Noop

- Defined in src/core/SystemEvents.ts:85
Parameters
- callback: (ev: Event) => void
  - - (ev: Event): void
    - Parameters
      - ev: Event
      Returns void
- element: HTMLElement | Window = window
Returns Noop

computed

computed<T>(options: SetterGetter<any> | (() => any)): ComputedRef<T>

- Defined in src/core/reactive.ts:319
Type parameters
- T = any
Parameters
- options: SetterGetter<any> | (() => any)
Returns ComputedRef<T>

constrain

constrain(value: number, min: number, max: number): number

- Defined in src/functions/constrain.ts:1
Parameters
- value: number
- min: number
- max: number
Returns number

createAnimate

createAnimate<State>(state: State, duration?: number, easing?: AnimateType): AnimateClass<State> & State

- Defined in src/classes/Animate.ts:76
Type parameters
- State: readonly number[] | {}
Parameters
- state: State
- Optional duration: number
- Optional easing: AnimateType
Returns AnimateClass<State> & State

createCamera

createCamera(canvas: default, x: number, y: number, width: number, height: number): Camera

- Defined in src/classes/Camera.ts:283
Parameters
- canvas: default
- x: number
- y: number
- width: number
- height: number
Returns Camera

createCanvas

createCanvas(): default
createCanvas(width: number, height: number): default
createCanvas(element?: string | HTMLCanvasElement): default
createCanvas(element: string | HTMLCanvasElement, width?: number, height?: number): default

- Defined in src/core/createCanvas.ts:3
Returns default
- Defined in src/core/createCanvas.ts:4
Parameters
- width: number
- height: number
Returns default
- Defined in src/core/createCanvas.ts:5
Parameters
- Optional element: string | HTMLCanvasElement
Returns default
- Defined in src/core/createCanvas.ts:6
Parameters
- element: string | HTMLCanvasElement
- Optional width: number
- Optional height: number
Returns default

createOneTimeEvent

createOneTimeEvent<States>(states: States): OneTimeEvent<States>

- Defined in src/classes/OneTimeEvent.ts:34
Type parameters
- States: {}
Parameters
- states: States
Returns OneTimeEvent<States>

createVector

createVector(x?: number, y?: number, z?: number): Vector

- Defined in src/classes/Vector.ts:353
Parameters
- x: number = 0
- y: number = 0
- z: number = 0
Returns Vector

cutImage

cutImage(image: CanvasImageSource, x?: number, y?: number, width?: number, height?: number, rotate?: number): HTMLCanvasElement

- Defined in src/functions/cutImage.ts:15
Parameters
- image: CanvasImageSource
- x: number = 0
- y: number = 0
- width: number = ...
- height: number = ...
- rotate: number = 0
Returns HTMLCanvasElement

defineBlock

defineBlock<RawBindings, D, E, C, M>(options: ComponentOptionsWithoutProps<unknown, RawBindings, D, E, C, M>): XProxy<unknown, RawBindings, D, E, C, M>
defineBlock<PropNames, RawBindings, D, E, C, M>(options: ComponentOptionsWithArrayProps<PropNames, RawBindings, D, E, C, M, Readonly<{ readonly [ key in string]?: any }>>): XProxy<Readonly<{ readonly [ key in PropNames]?: any }>, RawBindings, D, E, C, M>
defineBlock<Props, RawBindings, D, E, C, M, PropsOptions>(options: HasDefined<Props> extends true ? ComponentOptionsWithProps<PropsOptions, RawBindings, D, E, C, M, Props> : ComponentOptionsWithProps<PropsOptions, RawBindings, D, E, C, M, ExtractPropTypes<PropsOptions>>): XProxy<PropsOptions, RawBindings, D, E, C, M>

- Defined in src/core/defineBlock.ts:282
Type parameters
- RawBindings
- D = Data
- E: ObjectEmitsOptions = {}
- C: ComputedOptions = {}
- M: MethodOptions = {}
Parameters
- options: ComponentOptionsWithoutProps<unknown, RawBindings, D, E, C, M>
Returns XProxy<unknown, RawBindings, D, E, C, M>
- Defined in src/core/defineBlock.ts:291
Type parameters
- PropNames: string
- RawBindings = Data
- D = Data
- E: ObjectEmitsOptions = {}
- C: ComputedOptions = {}
- M: MethodOptions = {}
Parameters
- options: ComponentOptionsWithArrayProps<PropNames, RawBindings, D, E, C, M, Readonly<{ readonly [ key in string]?: any }>>
Returns XProxy<Readonly<{ readonly [ key in PropNames]?: any }>, RawBindings, D, E, C, M>
- Defined in src/core/defineBlock.ts:310
Type parameters
- Props
- RawBindings = Data
- D = Data
- E: ObjectEmitsOptions = {}
- C: ComputedOptions = {}
- M: MethodOptions = {}
- PropsOptions: ComponentPropsOptions<Data> = ComponentPropsOptions<Data>
Parameters
- options: HasDefined<Props> extends true ? ComponentOptionsWithProps<PropsOptions, RawBindings, D, E, C, M, Props> : ComponentOptionsWithProps<PropsOptions, RawBindings, D, E, C, M, ExtractPropTypes<PropsOptions>>
Returns XProxy<PropsOptions, RawBindings, D, E, C, M>

draw

draw(callback: Noop, canvas?: default): void

- Defined in src/core/SystemEvents.ts:69
Parameters
- callback: Noop
- Optional canvas: default
Returns void

even

even(value: number, min: number, prevent: number): number

- Defined in src/functions/even.ts:1
Parameters
- value: number
- min: number
- prevent: number
Returns number

getCanvasInstance

getCanvasInstance(): default | null

- Defined in src/core/fCanvas.ts:63
Returns default | null

getPowerDirection

getPowerDirection(el1: BlockSize, el2: BlockSize): number

- Defined in src/functions/intersects.ts:37
Parameters
- el1: BlockSize
- el2: BlockSize
Returns number

intersectCirclePoint

intersectCirclePoint(circle: {} & { x: number; y: number } & { radius: number }, x: number, y: number): boolean

- Defined in src/functions/intersects.ts:79
Parameters
- circle: {} & { x: number; y: number } & { radius: number }
- x: number
- y: number
Returns boolean

intersectCircleRect

intersectCircleRect(circle: {} & { x: number; y: number } & { radius: number }, rect: {} & { x: number; y: number } & { height: number; width: number }): boolean

- Defined in src/functions/intersects.ts:107
Parameters
- circle: {} & { x: number; y: number } & { radius: number }
- rect: {} & { x: number; y: number } & { height: number; width: number }
Returns boolean

intersectRectCircle

intersectRectCircle(rect: {} & { x: number; y: number } & { height: number; width: number }, circle: {} & { x: number; y: number } & { radius: number }): boolean

- Defined in src/functions/intersects.ts:127
Parameters
- rect: {} & { x: number; y: number } & { height: number; width: number }
- circle: {} & { x: number; y: number } & { radius: number }
Returns boolean

intersectRectPoint

intersectRectPoint(rect: {} & { x: number; y: number } & { height: number; width: number }, x: number, y: number): boolean

- Defined in src/functions/intersects.ts:90
Parameters
- rect: {} & { x: number; y: number } & { height: number; width: number }
- x: number
- y: number
Returns boolean

intersectTwoCircles

intersectTwoCircles(circle1: {} & { x: number; y: number } & { radius: number }, circle2: {} & { x: number; y: number } & { radius: number }): boolean

- Defined in src/functions/intersects.ts:43
Parameters
- circle1: {} & { x: number; y: number } & { radius: number }
- circle2: {} & { x: number; y: number } & { radius: number }
Returns boolean

intersectTwoRects

intersectTwoRects(rect1: {} & { x: number; y: number } & { height: number; width: number }, rect2: {} & { x: number; y: number } & { height: number; width: number }): boolean

- Defined in src/functions/intersects.ts:59
Parameters
- rect1: {} & { x: number; y: number } & { height: number; width: number }
- rect2: {} & { x: number; y: number } & { height: number; width: number }
Returns boolean

isMobile

isMobile(): boolean

- Defined in src/utils/isMobile.ts:1
Returns boolean

isRef

isRef(value: any): value is Ref<any>

- Defined in src/core/reactive.ts:253
Parameters
- value: any
Returns value is Ref<any>

isTouch

isTouch(): boolean

- Defined in src/utils/isTouch.ts:1
Returns boolean

isUnlimited

isUnlimited(value: number, min: number, max: number): boolean

- Defined in src/functions/isUnlimited.ts:1
Parameters
- value: number
- min: number
- max: number
Returns boolean

keyPressed

keyPressed(callback: (ev: KeyboardEvent) => void, element?: HTMLElement | Window): Noop

- Defined in src/core/SystemEvents.ts:79
Parameters
- callback: (ev: KeyboardEvent) => void
  - - (ev: KeyboardEvent): void
    - Parameters
      - ev: KeyboardEvent
      Returns void
- element: HTMLElement | Window = window
Returns Noop

lerp

lerp(start: number, stop: number, amt: number): number

- Defined in src/functions/lerp.ts:1
Parameters
- start: number
- stop: number
- amt: number
Returns number

loadAudio

loadAudio(src: string): Promise<HTMLAudioElement>

- Defined in src/functions/loadAudio.ts:1
Parameters
- src: string
Returns Promise<HTMLAudioElement>

loadImage

loadImage(src: string): Promise<HTMLImageElement>

- Defined in src/functions/loadImage.ts:1
Parameters
- src: string
Returns Promise<HTMLImageElement>

loadTiles

loadTiles(url: string): Promise<Tiles>

- Defined in src/classes/Tiles.ts:114
Parameters
- url: string
Returns Promise<Tiles>

map

map(value: number, start: number, stop: number, min: number, max: number): number

- Defined in src/functions/map.ts:1
Parameters
- value: number
- start: number
- stop: number
- min: number
- max: number
Returns number

mouseClicked

mouseClicked(callback: (ev: MouseEvent) => void, element?: HTMLElement | Window): Noop

- Defined in src/core/SystemEvents.ts:103
Parameters
- callback: (ev: MouseEvent) => void
  - - (ev: MouseEvent): void
    - Parameters
      - ev: MouseEvent
      Returns void
- element: HTMLElement | Window = window
Returns Noop

mouseMoved

mouseMoved(callback: (ev: MouseEvent) => void, element?: HTMLElement | Window): Noop

- Defined in src/core/SystemEvents.ts:109
Parameters
- callback: (ev: MouseEvent) => void
  - - (ev: MouseEvent): void
    - Parameters
      - ev: MouseEvent
      Returns void
- element: HTMLElement | Window = window
Returns Noop

mousePressed

mousePressed(callback: (ev: MouseEvent) => void, element?: HTMLElement | Window): Noop

- Defined in src/core/SystemEvents.ts:97
Parameters
- callback: (ev: MouseEvent) => void
  - - (ev: MouseEvent): void
    - Parameters
      - ev: MouseEvent
      Returns void
- element: HTMLElement | Window = window
Returns Noop

mouseWheel

mouseWheel(callback: (ev: WheelEvent) => void, element?: HTMLElement | Window): Noop

- Defined in src/core/SystemEvents.ts:91
Parameters
- callback: (ev: WheelEvent) => void
  - - (ev: WheelEvent): void
    - Parameters
      - ev: WheelEvent
      Returns void
- element: HTMLElement | Window = window
Returns Noop

odd

odd(value: number, prevent: number, max: number): number

- Defined in src/functions/odd.ts:1
Parameters
- value: number
- prevent: number
- max: number
Returns number

onewrite

onewrite<T>(value: T): Ref<T>

- Defined in src/core/reactive.ts:239
Type parameters
- T
Parameters
- value: T
Returns Ref<T>

random

random(value: number): number
random<T>(array: readonly T[]): T
random(start: number, stop: number): number

- Defined in src/functions/random.ts:1
Parameters
- value: number
Returns number
- Defined in src/functions/random.ts:2
Type parameters
- T
Parameters
- array: readonly T[]
Returns T
- Defined in src/functions/random.ts:3
Parameters
- start: number
- stop: number
Returns number

randomColor

randomColor(): string

- Defined in src/functions/randomColor.ts:2
Returns string

range

range(start: number, stop: number, step: number): number
range(start: string, stop: string, step: number): string

- Defined in src/functions/range.ts:3
Parameters
- start: number
- stop: number
- step: number
Returns number
- Defined in src/functions/range.ts:4
Parameters
- start: string
- stop: string
- step: number
Returns string

reactive

reactive<T>(value: T): Reactive<T>

- Defined in src/core/reactive.ts:246
Type parameters
- T = object
Parameters
- value: T
Returns Reactive<T>

readonly

readonly<T>(value: T): Ref<T>

- Defined in src/core/reactive.ts:257
Type parameters
- T = object
Parameters
- value: T
Returns Ref<T>

ref

ref<T>(value: T): Ref<T>

- Defined in src/core/reactive.ts:236
Type parameters
- T = any
Parameters
- value: T
Returns Ref<T>

Const requestAnimationFrame

requestAnimationFrame(callback: FrameRequestCallback): number

- Defined in src/utils/animationFrame.ts:1
Parameters
- callback: FrameRequestCallback
Returns number

setup

setup(callback: () => void | Promise<void>, canvas?: default): Promise<void>

- Defined in src/core/SystemEvents.ts:15
Parameters
- callback: () => void | Promise<void>
  - - (): void | Promise<void>
    - Returns void | Promise<void>
- Optional canvas: default
Returns Promise<void>

shallowOnewrite

shallowOnewrite<T>(value: T): Ref<T>

- Defined in src/core/reactive.ts:242
Type parameters
- T
Parameters
- value: T
Returns Ref<T>

shallowReactive

shallowReactive<T>(value: T): Reactive<T>

- Defined in src/core/reactive.ts:250
Type parameters
- T = object
Parameters
- value: T
Returns Reactive<T>

shallowReadonly

shallowReadonly<T>(value: T): Ref<T>

- Defined in src/core/reactive.ts:261
Type parameters
- T = object
Parameters
- value: T
Returns Ref<T>

sleep

sleep(ms: number): Promise<void>

- Defined in src/functions/sleep.ts:1
Parameters
- ms: number
Returns Promise<void>

touchEnd

touchEnd(callback: (ev: TouchEvent) => void, element?: HTMLElement | Window): Noop

- Defined in src/core/SystemEvents.ts:127
Parameters
- callback: (ev: TouchEvent) => void
  - - (ev: TouchEvent): void
    - Parameters
      - ev: TouchEvent
      Returns void
- element: HTMLElement | Window = window
Returns Noop

touchMove

touchMove(callback: (ev: TouchEvent) => void, element?: HTMLElement | Window): Noop

- Defined in src/core/SystemEvents.ts:121
Parameters
- callback: (ev: TouchEvent) => void
  - - (ev: TouchEvent): void
    - Parameters
      - ev: TouchEvent
      Returns void
- element: HTMLElement | Window = window
Returns Noop

touchStart

touchStart(callback: (ev: TouchEvent) => void, element?: HTMLElement | Window): Noop

- Defined in src/core/SystemEvents.ts:115
Parameters
- callback: (ev: TouchEvent) => void
  - - (ev: TouchEvent): void
    - Parameters
      - ev: TouchEvent
      Returns void
- element: HTMLElement | Window = window
Returns Noop

watch

watch<T>(proxy: T | Ref<T>, cb: (newValue: T, oldValue: T) => void, options?: { deep?: boolean; immediate?: boolean; path?: string }): () => void

- Defined in src/core/reactive.ts:264
Type parameters
- T = any
Parameters
- proxy: T | Ref<T>
- cb: (newValue: T, oldValue: T) => void
  - - (newValue: T, oldValue: T): void
    - Parameters
      - newValue: T
      - oldValue: T
      Returns void
- Optional options: { deep?: boolean; immediate?: boolean; path?: string }
  - Optional Readonly deep?: boolean
  - Optional Readonly immediate?: boolean
  - Optional Readonly path?: string
Returns () => void
- - (): void
  - Returns void

Index

Classes

Type aliases

Properties

Variables

Functions

Type aliases

Reactive

Type parameters

T = object

Properties

hypot

Type declaration

Parameters

Rest ...values: number[]

Returns number

Variables

Colors

Type declaration

aliceblue: number[]

antiquewhite: number[]

aqua: number[]

aquamarine: number[]

azure: number[]

beige: number[]

bisque: number[]

black: number[]

blanchedalmond: number[]

blue: number[]

blueviolet: number[]

brown: number[]

burlywood: number[]

cadetblue: number[]

chartreuse: number[]

chocolate: number[]

coral: number[]

cornflowerblue: number[]

cornsilk: number[]

crimson: number[]

cyan: number[]

darkblue: number[]

darkcyan: number[]

darkgoldenrod: number[]

darkgray: number[]

darkgreen: number[]

darkgrey: number[]

darkkhaki: number[]

darkmagenta: number[]

darkolivegreen: number[]

darkorange: number[]

darkorchid: number[]

darkred: number[]

darksalmon: number[]

darkseagreen: number[]

darkslateblue: number[]

darkslategray: number[]

darkslategrey: number[]

darkturquoise: number[]

darkviolet: number[]

deeppink: number[]

deepskyblue: number[]

dimgray: number[]

dimgrey: number[]

dodgerblue: number[]

firebrick: number[]

floralwhite: number[]

forestgreen: number[]

fuchsia: number[]

gainsboro: number[]

ghostwhite: number[]

gold: number[]

goldenrod: number[]

gray: number[]

green: number[]

greenyellow: number[]

grey: number[]

honeydew: number[]

hotpink: number[]

indianred: number[]

indigo: number[]