"Static Healthbars": Snowman (v1.3)

Summary

"Static Healthbars" demonstrates how to write HTML elements using variable values. In this example, Underscore template functionality is used to create <progress> and <meter> elements.

Live Example

Download: Live Example

Twee Code

:: StoryTitle
Static Healthbars in Snowman

:: Start
<% 
    window.setup = {};
    window.setup.health = 80;
%>

Show a healthbar using a Progress element:
<%= '<progress value="' + window.setup.health + '" max="100"></progress>' %>

Show a healthbar using a Meter element:
<%= '<meter value="' + window.setup.health + '" min="0" max="100"></meter>' %>

Download: Twee Code

results matching ""

    No results matching ""