"Static Healthbars": Harlowe (v2.0)


"Static Healthbars" demonstrates how to write HTML elements using variable values. In this example, the (print:) macro is used to create <progress> and <meter> elements. A (text:) macro is also used to temporarily convert the current Numeric value of the $heath story variable into a String value.

Live Example

Download: Live Example

Twee Code

:: StoryTitle
Static Healthbars for Harlowe

:: Start
(set: $health to 80)

Show a healthbar using a Progress element:
(print: '<progress value="' + (text: $health) + '" max="100"></progress>')

Show a healthbar using a Meter element:
(print: '<meter value="' + (text: $health) + '" min="0" max="100"></meter>')

Download: Twee Code

results matching ""

    No results matching ""