Added icons. Added preview.

This commit is contained in:
Stephen Lindberg
2018-08-08 12:36:31 -04:00
parent fc331b9641
commit 4724ea36dc
9 changed files with 119 additions and 33 deletions
+2
View File
@@ -6,4 +6,6 @@ that were left behind fend for themselves, doing the best they can.
Engine Heart official web site: http://www.viralgamespublishing.com/2.html
Icon graphics used with permission from Viral Games.
Please enjoy!
+46
View File
@@ -16,6 +16,7 @@
}
.attributes {
margin-bottom: 32px;
width: 100%;
.attribute {
@@ -52,7 +53,51 @@
}
}
.attrsHeader {
margin-bottom: 10px;
h2 {
display: inline-block;
line-height: 1em;
max-width: 2in;
vertical-align: middle;
}
.boxedIcon {
display: inline-block;
height: 60px;
vertical-align: middle;
width: 60px;
&.iconChassis {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconChassis.png");
}
&.iconCrux {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconCrux.png");
}
&.iconIntelligence {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconIntelligence.png");
}
&.iconMovement {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconMovement.png");
}
&.iconPhysicalInteraction {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconPhysicalInteraction.png");
}
&.iconThresholds {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconThresholds.png");
}
}
}
.featuresDefects {
margin-bottom: 32px;
table {
font-size: 10px;
margin-left: 8px;
@@ -97,6 +142,7 @@
}
.secondaryAttrs {
margin-bottom: 32px;
width: 100%;
.attribute {
+6 -6
View File
@@ -10,18 +10,18 @@ mixin attribute(label, attr, title)
+bubble('MODIFIER'): +input('number', attr + '_mod')
.attributes
.column.attrsIntelligence
.column
.attrsHeader
.boxedIcon
.boxedIcon.iconIntelligence
h2 INTELLIGENCE
.attrsInner
+attribute('RealityCom', 'rcom', 'Defines how well a robot understands cause and effect in the physical world.')
+attribute('HumanCom', 'hcom', 'Defines how well a robot understands human minds or organic actions.')
+attribute('DigiCon', 'dcon', 'Defines how adept a robot is at interacting with non-physical systems like computers.')
+attribute('MechaniCon', 'mcon', 'Defines how adept a robot is at interacting with mechanical systems.')
.column.attrsChassis
.column
.attrsHeader
.boxedIcon
.boxedIcon.iconChassis
h2 CHASSIS
.attrsInner
+attribute('Dexterity', 'dex', 'Measures the degree of fine motor control ncessary for interaction with the outside world.')
@@ -29,9 +29,9 @@ mixin attribute(label, attr, title)
+attribute('Perception', 'per', 'Determines the variety and quality of sensors mounted, as well as information relayed back.')
+attribute('Reflexes', 'ref', 'Determines response lag and overall speed of animation.')
+attribute('Strength', 'str', 'Determines the robot\'s maximum load capacity and ability to inflict brute-force damage on other objects.')
.column.attrsCrux
.column
.attrsHeader
.boxedIcon
.boxedIcon.iconCrux
h2 CRUX
.attrsInner
+attribute('Durability', 'dur', 'Measures how much damage a robot can withstand before ceasing operation or being destroyed.')
+1 -1
View File
@@ -11,7 +11,7 @@ include fields.pug
div
+labelledLeft('ORIGINAL PURPOSE')(style='width: 100%;'): +input('text', 'originalPurpose')
.column.points
+bubble('POINTS'): +input()
+bubble('POINTS'): +input('number', 'points')
include attributes.pug
include secondaryAttributes.pug
+9 -9
View File
@@ -17,29 +17,29 @@ mixin threshold(label, attr, title)
+bubble('CURRENT')(title=title): +input('number', attr)
.secondaryAttrs
.column.attrsPhysicalInteraction
.column
.attrsHeader
.boxedIcon
label Physical interaction
.boxedIcon.iconPhysicalInteraction
h2 Physical interaction
.attrsInner
.intPool.rollable
+secAttr('Interaction Pool', 'intPool', '(Dex + Ref) This is the dice pool a robot has to strike, grab, or otherwise manually interact with an unwilling robot or other mobile object.')
+rollButton('intPool_calc')
+secAttr('TN to be struck', 'tn2bStruck', '(Mobil + Ref) A robot\'s TN to be struck may not be higher than 10.')
+secAttr('Damage from Strike', 'dmgFromStrike', '(Str/2, round down) This is how much damage a robot can inflict by simply smashing its body or limbs into another object.')
.column.attrsMovement
.column
.attrsHeader
.boxedIcon
label Movement
.boxedIcon.iconMovement
h2 Movement
.attrsInner
.initiative.rollable
+secAttr('Initiative', 'initiative', '(1d10 + Ref) This measures which robots will act first in a conflict or other event where multiple robots attempt to act before each other.')
+rollButton('initiative_calc')
+secAttr('Speed', 'speed', '(Mobil + Ref) This determines how fast a robot can move from one place to another. A robot\'s speed is equal to its speed in kilometers per hour during long journeys, or meters per round during conflict situations.')
.column.attrsThresholds
.column
.attrsHeader
.boxedIcon
label Thresholds
.boxedIcon.iconThresholds
h2 Thresholds
.attrsInner
+threshold('OS Threshold', 'osThreshold', '(DigiCon + Buffer) This is a measure of how resilient and self-sustaining the robot\'s "brain" is.')
+threshold('Damage Threshold', 'dmgThreshold', '(Durability + Size) This is a measure of how hardy and resilient the robot\'s physical body is.')
+38
View File
@@ -260,6 +260,7 @@
display: inline-block;
}
.charsheet .sheet-attributes {
margin-bottom: 32px;
width: 100%;
}
.charsheet .sheet-attributes .sheet-attribute {
@@ -290,6 +291,42 @@
vertical-align: top;
width: 33%;
}
.charsheet .sheet-attrsHeader {
margin-bottom: 10px;
}
.charsheet .sheet-attrsHeader h2 {
display: inline-block;
line-height: 1em;
max-width: 2in;
vertical-align: middle;
}
.charsheet .sheet-attrsHeader .sheet-boxedIcon {
display: inline-block;
height: 60px;
vertical-align: middle;
width: 60px;
}
.charsheet .sheet-attrsHeader .sheet-boxedIcon.sheet-iconChassis {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconChassis.png");
}
.charsheet .sheet-attrsHeader .sheet-boxedIcon.sheet-iconCrux {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconCrux.png");
}
.charsheet .sheet-attrsHeader .sheet-boxedIcon.sheet-iconIntelligence {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconIntelligence.png");
}
.charsheet .sheet-attrsHeader .sheet-boxedIcon.sheet-iconMovement {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconMovement.png");
}
.charsheet .sheet-attrsHeader .sheet-boxedIcon.sheet-iconPhysicalInteraction {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconPhysicalInteraction.png");
}
.charsheet .sheet-attrsHeader .sheet-boxedIcon.sheet-iconThresholds {
background: url("https://raw.githubusercontent.com/Cazra/roll20-character-sheets/engineHeart/EngineHeart/img/iconThresholds.png");
}
.charsheet .sheet-featuresDefects {
margin-bottom: 32px;
}
.charsheet .sheet-featuresDefects table {
font-size: 10px;
margin-left: 8px;
@@ -323,6 +360,7 @@
width: 55%;
}
.charsheet .sheet-secondaryAttrs {
margin-bottom: 32px;
width: 100%;
}
.charsheet .sheet-secondaryAttrs .sheet-attribute {
+16 -16
View File
@@ -30,15 +30,15 @@
<div class="bubble">
<label>POINTS</label>
<div class="inner">
<input name="attr_undefined"/>
<input type="number" name="attr_points"/>
</div>
</div>
</div>
</div>
<div class="attributes">
<div class="column attrsIntelligence">
<div class="column">
<div class="attrsHeader">
<div class="boxedIcon"></div>
<div class="boxedIcon iconIntelligence"></div>
<h2>INTELLIGENCE</h2>
</div>
<div class="attrsInner">
@@ -136,9 +136,9 @@
</div>
</div>
</div>
<div class="column attrsChassis">
<div class="column">
<div class="attrsHeader">
<div class="boxedIcon"></div>
<div class="boxedIcon iconChassis"></div>
<h2>CHASSIS</h2>
</div>
<div class="attrsInner">
@@ -259,9 +259,9 @@
</div>
</div>
</div>
<div class="column attrsCrux">
<div class="column">
<div class="attrsHeader">
<div class="boxedIcon"></div>
<div class="boxedIcon iconCrux"></div>
<h2>CRUX</h2>
</div>
<div class="attrsInner">
@@ -363,10 +363,10 @@
<!-- A secondary attribute.-->
<!-- Thresholds are like hit points.-->
<div class="secondaryAttrs">
<div class="column attrsPhysicalInteraction">
<div class="column">
<div class="attrsHeader">
<div class="boxedIcon"></div>
<label>Physical interaction</label>
<div class="boxedIcon iconPhysicalInteraction"></div>
<h2>Physical interaction</h2>
</div>
<div class="attrsInner">
<div class="intPool rollable">
@@ -440,10 +440,10 @@
</div>
</div>
</div>
<div class="column attrsMovement">
<div class="column">
<div class="attrsHeader">
<div class="boxedIcon"></div>
<label>Movement</label>
<div class="boxedIcon iconMovement"></div>
<h2>Movement</h2>
</div>
<div class="attrsInner">
<div class="initiative rollable">
@@ -495,10 +495,10 @@
</div>
</div>
</div>
<div class="column attrsThresholds">
<div class="column">
<div class="attrsHeader">
<div class="boxedIcon"></div>
<label>Thresholds</label>
<div class="boxedIcon iconThresholds"></div>
<h2>Thresholds</h2>
</div>
<div class="attrsInner">
<div class="attribute threshold">
+1 -1
View File
@@ -4,5 +4,5 @@
"authors": "Stephen Lindberg",
"preview": "sheet.png",
"roll20userid": "46544",
"instructions": "# Engine Heart\r\rThis is a character sheet for the Kickstarter-funded system Engine Heart, a\rpost-apocalyptic game where humans left Earth. Now the little appliance robots \rthat were left behind fend for themselves, doing the best they can.\r\rEngine Heart official web site: http://www.viralgamespublishing.com/2.html\r\rPlease enjoy!\r"
"instructions": "# Engine Heart\r\rThis is a character sheet for the Kickstarter-funded system Engine Heart, a\rpost-apocalyptic game where humans left Earth. Now the little appliance robots\rthat were left behind fend for themselves, doing the best they can.\r\rEngine Heart official web site: http://www.viralgamespublishing.com/2.html\r\rIcon graphics used with permission from Viral Games.\r\rPlease enjoy!\r"
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 220 KiB