1
0
Fork 0

Added automatic scaling

This commit is contained in:
Michaël Lemaire 2017-01-12 22:53:34 +01:00
parent 0cef2021e2
commit b0b7d89eb6
3 changed files with 7 additions and 140 deletions

View file

@ -19,30 +19,6 @@
sodipodi:docname="battle.svg">
<defs
id="defs4">
<linearGradient
inkscape:collect="always"
id="linearGradient6413">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop6415" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop6417" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient6327">
<stop
style="stop-color:#737373;stop-opacity:1"
offset="0"
id="stop6329" />
<stop
style="stop-color:#333333;stop-opacity:0;"
offset="1"
id="stop6331" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient4352">
@ -258,39 +234,6 @@
result="composite2"
id="feComposite6031-5" />
</filter>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6327"
id="linearGradient6333"
x1="-523.00354"
y1="558.487"
x2="-522.84851"
y2="628.24976"
gradientUnits="userSpaceOnUse" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient6413"
id="radialGradient6419"
cx="-525.5"
cy="623.11218"
fx="-525.5"
fy="623.11218"
r="78"
gradientTransform="matrix(1,0,0,0.37820513,-16.970563,381.084)"
gradientUnits="userSpaceOnUse" />
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6657"
x="-0.050408981"
width="1.100818"
y="-0.19849591"
height="1.3969918">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="2.4117383"
id="feGaussianBlur6659" />
</filter>
</defs>
<sodipodi:namedview
id="base"
@ -300,8 +243,8 @@
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="-168.28307"
inkscape:cy="465.01557"
inkscape:cx="346.71693"
inkscape:cy="713.01557"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@ -344,7 +287,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
@ -1611,84 +1554,6 @@
id="path4178"
style="opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#4f4f4f;stroke-width:3.5999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<path
sodipodi:type="star"
style="opacity:1;fill:#333333;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.5999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.74901961"
id="path6308"
sodipodi:sides="6"
sodipodi:cx="-524.5"
sodipodi:cy="623.86218"
sodipodi:r1="75.823807"
sodipodi:r2="65.665344"
sodipodi:arg1="0"
sodipodi:arg2="0.52359878"
inkscape:flatsided="true"
inkscape:rounded="0"
inkscape:randomized="0"
d="m -448.67619,623.86218 -37.91191,65.66535 -75.8238,0 -37.91191,-65.66535 37.91191,-65.66534 75.8238,0 z"
transform="matrix(1.3725743,0,0,0.61547448,195.41521,239.89093)"
inkscape:export-filename="/home/michael/workspace/perso/spacetac/out/play.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<path
transform="matrix(1.2706892,0,0,0.56978828,141.97645,268.39282)"
d="m -448.67619,623.86218 -37.91191,65.66535 -75.8238,0 -37.91191,-65.66535 37.91191,-65.66534 75.8238,0 z"
inkscape:randomized="0"
inkscape:rounded="0"
inkscape:flatsided="true"
sodipodi:arg2="0.52359878"
sodipodi:arg1="0"
sodipodi:r2="65.665344"
sodipodi:r1="75.823807"
sodipodi:cy="623.86218"
sodipodi:cx="-524.5"
sodipodi:sides="6"
id="path6325"
style="opacity:1;fill:url(#linearGradient6333);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.5999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.74901961"
sodipodi:type="star"
inkscape:export-filename="/home/michael/workspace/perso/spacetac/out/play.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<ellipse
style="opacity:0.43500001;fill:url(#radialGradient6419);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.5999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.74901961"
id="path6411"
cx="-542.47058"
cy="616.74823"
rx="78"
ry="29.5"
inkscape:export-filename="/home/michael/workspace/perso/spacetac/out/play.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<text
sodipodi:linespacing="125%"
id="text6421"
y="641.69226"
x="-584.83789"
style="font-style:normal;font-weight:normal;font-size:17.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;opacity:0.66399997;fill:#262626;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter6657)"
xml:space="preserve"
inkscape:export-filename="/home/michael/workspace/perso/spacetac/out/play.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"><tspan
style="font-size:40px;fill:#262626;fill-opacity:1"
y="641.69226"
x="-584.83789"
id="tspan6423"
sodipodi:role="line">PLAY !</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:17.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#b2c6ff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="-585.83789"
y="638.44226"
id="text6251"
sodipodi:linespacing="125%"
inkscape:export-filename="/home/michael/workspace/perso/spacetac/out/play.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"><tspan
sodipodi:role="line"
id="tspan6253"
x="-585.83789"
y="638.44226"
style="font-size:40px;fill:#b2c6ff;fill-opacity:1;">PLAY !</tspan></text>
</g>
<g
inkscape:groupmode="layer"

Before

Width:  |  Height:  |  Size: 73 KiB

After

Width:  |  Height:  |  Size: 68 KiB

View file

@ -16,8 +16,8 @@
}
.game {
width: 1920px;
height: 1080px;
width: 100%;
height: 100vh;
}
</style>
</head>

View file

@ -1,7 +1,9 @@
module SpaceTac.View {
export class Boot extends Phaser.State {
preload() {
this.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
this.game.stage.backgroundColor = 0x202020;
this.add.text(this.world.width / 2, this.world.height / 2 - 40, "... Loading ...", { align: "center", font: "bold 20px Arial", fill: "#c0c0c0" })
.anchor.set(0.5, 0.5);