components

Components

What does it look like?​

Example in Edit

<Glass>
  <Flex $row $tool>
    <Glass $btn $start />
    <Glass $btn $stop />
    <Time $dt={$.deltaTime} />
  </Flex>
  <Glass $in />
  <Glass $in $out />
</Glass>

Example in Unit

<Flex>
  <Glass $clp>
    <Glass $btn $p />
    <Glass $btn $m />
    {children}
  </Glass>
</Flex>
)

Components

component	descriptions
Background
Flex
Glass
Grid
Head
Plot
Point
Time

Backgorund

Props interface

props	descriptions
size: number	Cone number
shake: number	Shake number
debug: boolean	return null if true

Flex

Props interface

props	descriptions
$row: boolean
$top: boolean
$tool: boolean
$left: boolean

Glass

Props interface

props	descriptions
$start: boolean
$stop: boolean
$btn: boolean
$clp: boolean
$out: boolean
$in: boolean
$h1: boolean
$h2: boolean
$h3: boolean
$p: boolean
$m: boolean
$c: '0,0,0'	'255,255,255'

Grid

Props interface

props	descriptions
$row: string
$col: string
$gap: string
$mm: boolean
$px: boolean
$: string

Head

Props interface

props	descriptions
$top: boolean
$h1: boolean
$h2: boolean
$h3: boolean

Plot

Props interface

props	descriptions
sx: (x: number) => number
sy: (y: number) => number
data: any[]
x: number
y: number
w: number
h: number

Point

Props interface

props	descriptions
x: number
y: number

Time

Props interface

props	descriptions
$dt: number