ikrpg.github.io/_posts/Character-Sheet/0000-01-01-Stats.html

---
layout: ikrpg
tags: [ Character Sheet, None, None ]
categories: [ Character-Sheet ]
---

<p>
    <a href="/portal/Character-Sheet">Back to the Character Sheet main page</a>.
</p>

<h2>Usage</h2>
<ol>
    <li><strong>Fill out</strong> the input fields of the character sheet.</li>
    <li>Click the <strong>Save sheet to URL</strong> link below the sheet.</li>
    <li><strong>Copy the URL</strong> and share it with your friends!</li>
</ol>

<div class="sheet">
    <form id="stats" class="card">
        <input id="name" title="Hero's Name" type="text" />
        <input id="archetype" title="Archetype" type="text" />
        <input id="race" title="Race" type="text" />
        <input id="level" title="Level" type="text" />
        <input id="careers" title="Careers" type="text" />
        <div id="portrait">
            <input class="url" title="URL" type="text" />
            <input class="x" title="x" type="text" />
            <input class="y" title="y" type="text" />
            <input class="size" title="Size" type="text" />
            <input type="button" value="apply" />
        </div>
        <div id="battle" class="stats">
            <input id="ini" title="INI" type="text" />
            <input id="spd" title="SPD" type="text" />
            <input id="str" title="STR" type="text" />
            <input id="cmd" title="CMD" type="text" />
            <input id="def" title="DEF" type="text" />
            <input id="arm" title="ARM" type="text" />
            <input id="arc" title="ARC" type="text" />
        </div>
        <div class="weapons" id="r1m1"></div>
        <div class="weapons" id="r2m1"></div>
        <div class="weapons" id="r1m2"></div>
        <div class="weapons" id="r2"></div>
        <div class="weapons" id="m2"></div>
        <div id="rat1" class="ranged">
            <input class="name" type="text" />
            <div class="stats">
                <input class="rat" title="RAT" type="text" />
                <input class="rng" title="RNG" type="text" />
                <input class="aoe" title="AOE" type="text" />
                <input class="pow" title="POW" type="text" />
            </div>
        </div>
        <div id="rat2" class="ranged">
            <input class="name" type="text" />
            <div class="stats">
                <input class="rat" title="RAT" type="text" />
                <input class="rng" title="RNG" type="text" />
                <input class="aoe" title="AOE" type="text" />
                <input class="pow" title="POW" type="text" />
            </div>
        </div>
        <div id="mat1" class="melee">
            <input class="name" type="text" />
            <div class="stats">
                <input title="MAT" class="mat" type="text" />
                <input title="POW" class="pow" type="text" />
                <input title="PS" class="ps" type="text" />
            </div>
        </div>
        <div id="mat2" class="melee">
            <input class="name" type="text" />
            <div class="stats">
                <input title="MAT" class="mat" type="text" />
                <input title="POW" class="pow" type="text" />
                <input title="PS" class="ps" type="text" />
            </div>
        </div>
        <div id="mat3" class="melee">
            <input class="name" type="text" />
            <div class="stats">
                <input title="MAT" class="mat" type="text" />
                <input title="POW" class="pow" type="text" />
                <input title="PS" class="ps" type="text" />
            </div>
        </div>
        <input id="feats" type="text" />
        <a id="weapons-switch" href="javascript:hero.switchWeapons();">&nbsp;</a>
        <div id="roleplay" class="stats">
            <input id="phy" title="PHY" type="text" />
            <input id="agl" title="AGL" type="text" />
            <input id="prw" title="PRW" type="text" />
            <input id="poi" title="POI" type="text" />
            <input id="int" title="INI" type="text" />
            <input id="per" title="PER" type="text" />
        </div>
        <div id="mod">
            <input id="ini_mod" title="INI modificator" type="text" />
            <input id="def_mod" title="DEF modificator" type="text" />
            <input id="arm_mod" title="ARM modificator" type="text" />
            <input id="cmd_mod" title="CMD modificator" type="text" />
        </div>
        <input title="WIL" id="wil" type="text" />
        <input title="XP" id="xp" type="text" />
    </form>
</div>

<p>
    <a href="javascript:hero.url();">Save sheet to URL</a>
</p>

<script type="text/javascript" src="/static/javascripts/heroic.js"></script>
<script type="text/javascript">
    var hero = new Heroic({
        "portrait": { "url": "", "x": 0, "y": 0, "size": "auto" },
        "name": "Hero's name",
        "archetype": "Archetype",
        "race": "Race",
        "level": "Level",
        "careers": "Careers",
        "phy": 0,
        "spd": 0,
        "str": 0,
        "agl": 0,
        "poi": 0,
        "prw": 0,
        "int": 0,
        "arc": 0,
        "per": 0,
        "def": 0,
        "ini": 0,
        "cmd": 0,
        "arm": 0,
        "wil": 0,
        "rat1": { "name": "Weapon name", "rat": 0, "rng": 0, "aoe": 0, "pow": 0 },
        "rat2": { "name": "Weapon name", "rat": 0, "rng": 0, "aoe": 0, "pow": 0 },
        "mat1": { "name": "Weapon name", "mat": 0, "pow": 0, "ps": 0 },
        "mat2": { "name": "Weapon name", "mat": 0, "pow": 0, "ps": 0 },
        "mat3": { "name": "Weapon name", "mat": 0, "pow": 0, "ps": 0 },
        "feats": 0,
        "ini_mod": 0,
        "def_mod": 0,
        "arm_mod": 0,
        "cmd_mod": 0,
        "xp": 0,
        "r1m1": true,
        "r2m1": false,
        "r1m2": false,
        "r2": false,
        "m2": false
    });
    hero.bind();
</script>