39 lines
No EOL
1.6 KiB
Markdown
39 lines
No EOL
1.6 KiB
Markdown
# Bars
|
|
|
|
Bars let you display information in a more direct way. It can be a progress bar, health bar, capacity gague, or anything else.
|
|
|
|
Bars are defined like other Big Features:
|
|
|
|
```js
|
|
bars: {
|
|
bigBar: {
|
|
display() {return "Blah"},
|
|
etc
|
|
}
|
|
etc
|
|
}
|
|
```
|
|
|
|
Features:
|
|
|
|
- direction: UP, DOWN, LEFT, or RIGHT (not Strings). Determines the direction that the bar is filled as it progresses.
|
|
RIGHT means from left to right.
|
|
|
|
- width, height: The size in pixels of the bar, but as Numbers (no "px" at the end)
|
|
|
|
- progress(): A function that returns the portion of the bar that is filled, from "empty" at 0 to "full" at 1.
|
|
(Nothing bad happens if the value goes out of these bounds, and it can be a number or Decimal).
|
|
|
|
- display(): **optional**, A function that returns text to be displayed on top of the bar, can use HTML.
|
|
|
|
- unlocked(): **optional**, A function returning a bool to determine if the bar is visible or not. Default is unlocked.
|
|
|
|
- baseStyle, fillStyle, borderStyle, textStyle: **Optional**, Apply CSS to the unfilled portion, filled portion, border, and
|
|
display text on the bar, in the form of an object where the keys are CSS attributes, and the values are the
|
|
values for those attributes (both as strings).
|
|
|
|
|
|
- layer: **Assigned automagically**. It's the same value as the name of this layer, so you can do player[this.layer].points or similar
|
|
|
|
- id: **Assigned automagically**. It's the "key" which the bar was stored under, for convenient access.
|
|
The bar in the example's id is "bigBar". |