main systems

main
Yanick Champoux 2020-07-29 16:39:20 -04:00
parent 0f4e243be8
commit 38fecaefd0
9 changed files with 351 additions and 34 deletions

View File

Before

Width:  |  Height:  |  Size: 860 B

After

Width:  |  Height:  |  Size: 860 B

View File

@ -0,0 +1,175 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 743.40002 273.60001"
enable-background="new 0 0 960 560"
xml:space="preserve"
sodipodi:docname="internal-systems.svg"
width="743.40002"
height="273.60001"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
id="metadata164"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs162" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="778"
inkscape:window-height="481"
id="namedview160"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="0.36770833"
inkscape:cx="371.7"
inkscape:cy="136.8"
inkscape:window-x="317"
inkscape:window-y="165"
inkscape:window-maximized="0"
inkscape:current-layer="Layer_1" />
<polygon
stroke-miterlimit="10"
points="179.2,152.2 117.3,214.1 117.3,345.9 179.2,407.8 780.8,407.8 842.7,345.9 842.7,214.1 780.8,152.2 "
id="polygon127"
style="fill:none;stroke:#303030;stroke-width:18;stroke-miterlimit:10"
transform="translate(-108.3,-143.2)" />
<g
id="g157"
transform="translate(-108.3,-143.2)">
<rect
x="196.89999"
y="194.5"
stroke-miterlimit="10"
width="165.89999"
height="171"
id="rect129"
style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
<rect
x="397.10001"
y="194.5"
stroke-miterlimit="10"
width="165.89999"
height="171"
id="rect131"
style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
<rect
x="597.20001"
y="194.5"
stroke-miterlimit="10"
width="165.89999"
height="171"
id="rect133"
style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
<rect
x="220.10001"
y="294.10001"
stroke-miterlimit="10"
width="119.4"
height="19.4"
id="rect135"
style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
<rect
x="220.10001"
y="322.70001"
stroke-miterlimit="10"
width="119.4"
height="19.4"
id="rect137"
style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
<rect
x="220.10001"
y="265.5"
stroke-miterlimit="10"
width="119.4"
height="19.4"
id="rect139"
style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
<path
stroke-miterlimit="10"
d="m 279.8,204.4 c -19.3,0 -34.9,15.6 -34.9,34.9 0,19.3 15.6,34.9 34.9,34.9 19.3,0 34.9,-15.6 34.9,-34.9 0,-19.3 -15.6,-34.9 -34.9,-34.9 z m 0,53.2 c -10.1,0 -18.3,-8.2 -18.3,-18.3 0,-10.1 8.2,-18.3 18.3,-18.3 10.1,0 18.3,8.2 18.3,18.3 0,10.1 -8.2,18.3 -18.3,18.3 z"
id="path141"
inkscape:connector-curvature="0"
style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
<ellipse
stroke-miterlimit="10"
cx="480"
cy="280"
rx="63.799999"
ry="74.5"
id="ellipse143"
style="stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
<circle
stroke-miterlimit="10"
cx="480"
cy="228.5"
r="15.8"
id="circle145"
style="fill:#ffffff;stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
<path
stroke-miterlimit="10"
d="M 427.6,250.5 H 531 c 0,0 -46.9,7.1 -51.7,93.1 0,0 4.4,-85.4 -51.7,-93.1 z"
id="path147"
inkscape:connector-curvature="0"
style="fill:#ffffff;stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
<circle
stroke-miterlimit="10"
cx="680.20001"
cy="280"
r="10.3"
id="circle149"
style="fill:#ffffff;stroke:#ffffff;stroke-width:3.75830007;stroke-miterlimit:10" />
<ellipse
transform="matrix(0.7431,-0.6691,0.6691,0.7431,-12.654,527.0353)"
stroke-miterlimit="10"
cx="680.20001"
cy="280"
rx="17.6"
ry="75.5"
id="ellipse151"
style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
<ellipse
transform="matrix(-0.5878,-0.809,0.809,-0.5878,853.4232,994.8409)"
stroke-miterlimit="10"
cx="680.20001"
cy="280"
rx="17.6"
ry="75.5"
id="ellipse153"
style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
<ellipse
transform="matrix(-0.9781,-0.2079,0.2079,-0.9781,1287.2416,695.2945)"
stroke-miterlimit="10"
cx="680.20001"
cy="280"
rx="17.6"
ry="75.5"
id="ellipse155"
style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.1 KiB

View File

@ -0,0 +1,57 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 625 520.20758"
enable-background="new 0 0 960 560"
xml:space="preserve"
sodipodi:docname="standard-drive.svg"
width="625"
height="520.20758"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
id="metadata13"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs11" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="778"
inkscape:window-height="481"
id="namedview9"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="0.36770833"
inkscape:cx="313"
inkscape:cy="259"
inkscape:window-x="0"
inkscape:window-y="34"
inkscape:window-maximized="0"
inkscape:current-layer="Layer_1" />
<polygon
stroke-miterlimit="10"
points="180,215.8 479.5,34 779,215.8 779,526 180,526 "
id="polygon2"
style="fill:none;stroke:#000000;stroke-width:26;stroke-miterlimit:10"
transform="translate(-167,-18.792427)" />
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -1,33 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
<polygon fill="none" stroke="#303030" stroke-width="18" stroke-miterlimit="10" points="842.7,214.1 780.8,152.2 179.2,152.2
117.3,214.1 117.3,345.9 179.2,407.8 780.8,407.8 842.7,345.9 "/>
<g>
<rect x="196.9" y="194.5" stroke="#000000" stroke-width="4.7613" stroke-miterlimit="10" width="165.9" height="171"/>
<rect x="397.1" y="194.5" stroke="#000000" stroke-width="4.7613" stroke-miterlimit="10" width="165.9" height="171"/>
<rect x="597.2" y="194.5" stroke="#000000" stroke-width="4.7613" stroke-miterlimit="10" width="165.9" height="171"/>
<rect x="220.1" y="294.1" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="4.7613" stroke-miterlimit="10" width="119.4" height="19.4"/>
<rect x="220.1" y="322.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="4.7613" stroke-miterlimit="10" width="119.4" height="19.4"/>
<rect x="220.1" y="265.5" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="4.7613" stroke-miterlimit="10" width="119.4" height="19.4"/>
<path fill="#FFFFFF" stroke="#FFFFFF" stroke-width="4.7613" stroke-miterlimit="10" d="M279.8,204.4c-19.3,0-34.9,15.6-34.9,34.9
s15.6,34.9,34.9,34.9s34.9-15.6,34.9-34.9S299.1,204.4,279.8,204.4z M279.8,257.6c-10.1,0-18.3-8.2-18.3-18.3
c0-10.1,8.2-18.3,18.3-18.3c10.1,0,18.3,8.2,18.3,18.3C298.1,249.4,289.9,257.6,279.8,257.6z"/>
<ellipse stroke="#FFFFFF" stroke-width="5.1362" stroke-miterlimit="10" cx="480" cy="280" rx="63.8" ry="74.5"/>
<circle fill="#FFFFFF" stroke="#FFFFFF" stroke-width="5.1362" stroke-miterlimit="10" cx="480" cy="228.5" r="15.8"/>
<path fill="#FFFFFF" stroke="#FFFFFF" stroke-width="5.1362" stroke-miterlimit="10" d="M427.6,250.5h103.4c0,0-46.9,7.1-51.7,93.1
C479.3,343.6,483.7,258.2,427.6,250.5z"/>
<circle fill="#FFFFFF" stroke="#FFFFFF" stroke-width="3.7583" stroke-miterlimit="10" cx="680.2" cy="280" r="10.3"/>
<ellipse transform="matrix(0.7431 -0.6691 0.6691 0.7431 -12.654 527.0353)" fill="none" stroke="#FFFFFF" stroke-width="4.8492" stroke-miterlimit="10" cx="680.2" cy="280" rx="17.6" ry="75.5"/>
<ellipse transform="matrix(-0.5878 -0.809 0.809 -0.5878 853.4232 994.8409)" fill="none" stroke="#FFFFFF" stroke-width="4.8492" stroke-miterlimit="10" cx="680.2" cy="280" rx="17.6" ry="75.5"/>
<ellipse transform="matrix(-0.9781 -0.2079 0.2079 -0.9781 1287.2416 695.2945)" fill="none" stroke="#FFFFFF" stroke-width="4.8492" stroke-miterlimit="10" cx="680.2" cy="280" rx="17.6" ry="75.5"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.8 KiB

57
public/standard-drive.svg Normal file
View File

@ -0,0 +1,57 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 625 520.20758"
enable-background="new 0 0 960 560"
xml:space="preserve"
sodipodi:docname="standard-drive.svg"
width="625"
height="520.20758"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
id="metadata13"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs11" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="778"
inkscape:window-height="481"
id="namedview9"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="0.36770833"
inkscape:cx="313"
inkscape:cy="259"
inkscape:window-x="0"
inkscape:window-y="34"
inkscape:window-maximized="0"
inkscape:current-layer="Layer_1" />
<polygon
stroke-miterlimit="10"
points="180,215.8 479.5,34 779,215.8 779,526 180,526 "
id="polygon2"
style="fill:none;stroke:#000000;stroke-width:26;stroke-miterlimit:10"
transform="translate(-167,-18.792427)" />
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1,41 @@
<div class="main_systems">
{#if ftl !== "none" }
<img class="ftl" src="icons/ftl-drive.svg" alt="ftl drive" />
{/if}
{#if engine > 0}
<div class="thrust">{engine}</div>
{/if}
<img class="internal" src="icons/internal-systems.svg" alt="internal systems"/>
</div>
<script>
export let ftl = 'none';
export let engine = 0;
</script>
<style>
.thrust {
background-image: url(icons/standard-drive.svg);
width: 2em;
background-size: 2em;
background-repeat: no-repeat;
height: 2em;
line-height: 2em;
text-align: center;
}
.main_systems {
display: flex;
align-items: center;
gap: 1em;
justify-content: space-evenly;
margin-top: 1em;
}
img.ftl { height: 2em; }
img.internal {
height: 2em;
}
</style>

View File

@ -0,0 +1,13 @@
import Component from '.';
export default {
title: "printouts/main_systems"
};
export const basic = () => ({
Component,
props: {
ftl: 'standard',
engine: 4,
}
})

View File

@ -7,12 +7,19 @@
advanced={ship.structure.hull.advanced}
ship_mass={ship.general.mass}
/>
<MainSystems
ftl={ship.ftl.type}
engine={ship.engine.rating}
/>
</div>
<script>
import Identification from './Identification';
import Integrity from './Hull/Integrity';
import Armour from './Hull/Armour';
import MainSystems from './MainSystems';
export let ship;
</script>

View File

@ -2,7 +2,7 @@ export default {
"ftl": {
"mass": 0,
"cost": 0,
"type": "none"
"type": "standard"
},
"engine": {
"mass": 40,